/* ======= Flexbox ======== */ /* ======= Z-INDEX ======== */ /* ======= COLORS ======== */ /* ======= TEXT ======== */ /* ======= SVG ======== */ /* ======= VARIABLES ======== */ /* ======= LIST ======== */ /* ======= CALCULATIONS ======== */ /* ======= UTILITIES ======== */ /* ======= DIRECTIONS ======== */ /* UTILITIES */ /* ============= SPACING ============= */ /* UTILITIES */ /* ============= CONTAINER & GRID ============= */ /* Breakpoints */ /* Container */ /* ======= FLEXBOX ======== */ /* UTILITIES */ /* ======= GRID ======== */ /* UTILITIES */ /* ======= BOX ALIGNMENT ======== */ /* UTILITIES */ /* ============= LAYERS ============= */ /* ============= COLORS ============= */ /* ============= THEMES ============= */ /* THEME BACKGROUND OPACITY */ /* UTILITIES */ /* ============= BORDER ============= */ /* BORDER RADIUS SIZES */ /* THEME */ /* BORDER COLOR */ /* UTILITIES */ /* ============= LAYOUT ============= */ /* HEADER */ /* COLLAPSED */ /* LAPTOP */ /* XL LAPTOP */ /* LG LAPTOP */ /* SM LAPTOP */ /* MOBILE */ /* FORM */ /* INPUT */ /* CHECKBOX */ /* RADIO */ /* SELECT */ /* TOGGLE SWITCH */ /* COLOR */ /* SECTION */ /* FOOTER */ /* SIDEBAR */ /* ============= COMPONENTS ============= */ /* SIZES */ /* BUTTONS */ /* GLOBAL */ /* TABLE */ /* ENTRY BOX */ /* FILE MANAGER */ /* HINT */ /* TABS */ /* TIMELINE */ /* MODAL */ /* PAGE-OVERLAY */ /* COLORPICKER */ /* CHARTS */ /* MINI CART */ /* CONTACT BUTTON */ /* ============= TYPOGRAPHY ============= */ /* UTILITIES */ /* ============= DISPLAY ============= */ /* UTILITIES */ /* ======= DIMENSIONS ======== */ /* ======= BACKGROUND ======== */ /* BACKGROUND OPACITY */ /* BACKGROUND COLOR */ /* BACKGROUND GRADIENT */ /* BACKGROUND PATTERNS */ /* UTILITIES */ /* ======= OVERFLOW ======== */ /* UTILITIES */ /* ======= POSITION ======== */ /* UTILITIES */ /* ======= TRANSFORM ======== */ /* TRANSLATE */ /* SCALE */ /* UTILITIES */ /* ============= PAGES ============= */ /* HOMEPAGE */ /* DEFAULT */ /* BREADCRUMBS */ /* GLOBAL */ /* ============= CURSOR ============= */ /* UTILITIES */ /* ============= OPACITY ============= */ /* UTILITIES */ /* ======= SHADOW ======== */ /* UTILITIES */ /* ======= ANIMATION ======== */ /* UTILITIES */ /* ============= IMAGE ============= */ /* UTILITIES */ /* ============= WHITE SPACE ============= */ /* UTILITIES */ /* ======= CONTAINER ======== */ /* ======= FLEXBOX ======== */ /* ======= GRID ======== */ /* ======= GRADIENTS ======== */ /* ======= TEXT ======== */ /* ======= IMAGE ======== */ /* ============= UTILITY ============= */ /* ============= FLEXBOX ============= */ @import url("https://fonts.googleapis.com/css2?family=Heebo:wght@400..700&display=swap"); *[class*="__navigation-arrows"], *[class*="__navigation-arrows"] *[class*="__navigation-arrow"] *[class*="__arrow-icon"], *[class*="__navigation-arrows"][class*="__navigation-arrows--has-bg"] *[class*="__navigation-arrow"], .button-group.button-group--pill .button-group__button, .swipe-button, .swipe-button .swipe-button__slider, .modal .modal__close, .indicator--has-label .indicator__label, .chart-legend .chart-legend__list, .chart-bar .chart-bar__bars, .chart-bar .chart-bar__bars .chart-bar__bar-group, .chart-area .chart-area__areas, .chart-area .chart-area__areas .chart-area__area-group, .chart-area .chart-area__areas .chart-area__area-group .chart-area__area .chart-area__area-indicator, .chart-line .chart-line__lines, .chart-line .chart-line__lines .chart-line__line-group, .chart-line .chart-line__lines .chart-line__line-group .chart-line__line .chart-line__line-indicator, .input-text.input-text--has-icon .input-text__icon, .input-text.input-text--has-action-icon .input-text__action-icon, .input-select .input-select__btn, .input-select.input-select--has-icon .input-select__icon, .input-select.input-select--has-action-icon .input-select__action-icon, .input-select .input-select__options, .input-select__options.input-select__options--has-icon .input-select__options__icon, .input-select__options.input-select__options--has-action-icon .input-select__options__action-icon, .input-autocomplete .input-autocomplete__options, .input-autocomplete__options.input-autocomplete__options--has-icon .input-autocomplete__options__icon, .input-autocomplete__options.input-autocomplete__options--has-action-icon .input-autocomplete__options__action-icon, .checkbox .checkbox__label, .checkbox .checkbox__label .checkbox__switch, .checkbox.checkbox--is-button .checkbox__label, .radio .radio__label, .radio .radio__label .radio__switch, .radio.radio--is-button .radio__label, .datepicker .datepicker__header, .input-textarea, .input-textarea.input-textarea--has-icon .input-textarea__icon, .input-textarea.input-textarea--has-action-icon .input-textarea__action-icon, .input-custom.input-custom--has-icon .input-custom__icon, .input-custom.input-custom--has-action-icon .input-custom__action-icon, .input-custom .input-custom__input, .input-color.input-color--has-icon .input-color__icon, .input-color.input-color--has-action-icon .input-color__action-icon, .input-color .input-color__input, .input-color .input-color__input::-webkit-color-swatch-wrapper, .input-file .input-file__btn, .input-file.input-file--has-icon .input-file__icon, .input-file.input-file--has-action-icon .input-file__action-icon, .view-header .view-header__top, .view-header .view-header__top .view-header__data-views .data-views__list, .view-header .view-header__top .view-header__data-views .data-views__list .data-views__item, .view-header .view-header__actions, .view-header .view-header__actions .view-header__view-filter .view-filter__btn, .view-header .view-header__actions .view-header__view-filter .view-filter__btn .view-filter__icon, .view-header .view-header__plus-wrapper .view-header__plus, .view-footer, .view-footer .view-footer__pagination, .view-footer .view-footer__pagination .pagination__list, .view-footer .view-footer__pagination .pagination__list .pagination__item .pagination__link, .view-footer .view-footer__action-bar, .view-footer .view-footer__action-bar .action-bar__actions, .table .table__header .table__row .table__col .table__col-content, .table .table__header .table__row .table__col .table__col-content.col-content--sortable .col-content__sort, .table .table__body .table__row .table__col .table__col-content, .table .table__body .table__row .table__col .table__col-content .col-content__label--is-quick-edit, .table .table__body .table__row .table__col .table__col-content .col-content__entry-actions, .kanban .kanban__list, .kanban .kanban__list .kanban__item .kanban-stage__list, .list .list__body .list__row .list__col .list__col-content, .entry-box .entry-box__actions, .entry-box .entry-box__actions .entry-box__action .entry-box__icon, .badge--xxs.badge--full-rounded, .badge--xs.badge--full-rounded, .badge--sm.badge--full-rounded, .badge--md.badge--full-rounded, .badge--lg.badge--full-rounded, .badge--xl.badge--full-rounded, .badge--xxl.badge--full-rounded, .badge--xxxl.badge--full-rounded, .badge--xxxxl.badge--full-rounded, .badge--xxxxxl.badge--full-rounded, .badge--xxxxxxl.badge--full-rounded, .tabs--horizontal.tabs--center .tabs__list, .tabs--vertical .tabs__list, .timeline .timeline__list .timeline__item, .timeline .timeline__list .timeline__item .timeline-item__dot, .timeline .timeline__list .timeline__item .timeline-item__dot .timeline-item__icon, .timeline .timeline__list .timeline__item .timeline-item__content-wrapper, .timeline .timeline__list .timeline__item .timeline-item__date-wrapper, .timeline--horizontal .timeline__list, .timeline--horizontal .timeline__list .timeline__item .timeline-item__date-wrapper, .accordion .accordion__list .accordion__item .accordion-item__header .accordion-item__button, .accordion .accordion__list .accordion__item .accordion-item__header .accordion-item__button .accordion-item__button-icon-wrapper, .contact-button, .contact-button .contact-button__toggle, .bubble, .bubble .bubble__bg, .video .video__thumbnail .video-thumbnail__play, .video .video__thumbnail .video-thumbnail__play .video-thumbnail__play-icon, .marker, .site-header .site-header__top, .site-header .site-header__top .site-header__content, .site-header .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link, .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--language-picker > .language-picker__link.language-link--has-dropdown, .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--cart .header-action__link, .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--cart .header-action__link .header-action__indicator, .aside, .aside .aside__footer .aside__language-picker > .language-picker__link.language-link--has-dropdown, .aside .aside__footer .aside__social .aside-social__list, .primary-navigation .primary-navigation__header, .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list, .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item .submenu-group__item .group-item__link, .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item .submenu-group__menu .group-menu__list .group-menu__item .menu-item__link, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist > .primary-navigation__link, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu > .primary-navigation__link, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist > .primary-navigation__link .primary-navigation__arrow-icon, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu > .primary-navigation__link .primary-navigation__arrow-icon, .primary-navigation .primary-navigation__list .primary-navigation__item[data-item-id*="wpml-ls"] .primary-navigation__link .primary-navigation__label, .site-content .site-content__sidebar-layout, .site-footer .site-footer__body .site-footer__info .site-footer__social .social__list .social__item .social-item__link .social-item__icon-wrapper, .site-footer .site-footer__body .site-footer__column-menu .column-menu__list .column-menu__item .column-menu__link, .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article, .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__content-wrapper, .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__link, .sidebar-widget.sidebar-widget--staff-members .sidebar-widget__body .sidebar-widget__staff-members .staff-members__content-wrapper .staff-members__list .staff-members__item, body.home .hero .hero__wrapper, body.home .hero .hero__content-wrapper .hero__categories .hero-categories__list, body.home .hero .hero__content-wrapper .hero__categories .hero-categories__list .hero-categories__item .hero-category__link, body.home .hero .hero__content-wrapper .hero__categories .hero-categories__list .hero-categories__item .hero-category__link .hero-category__image-wrapper, .chip .chip__shape svg, body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item, body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item .testimonial__info .testimonial__header, body.home .about .about__wrapper, body.home .about .about__wrapper .about__images .about-images__big .image-big__image-wrapper, .faq .faq__title-wrapper, .product.product--is-single .product__wrapper .product__gallery, .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list, .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list .gallery-thumbnails__item .gallery-thumbnail__image-wrapper, .product.product--is-single .product__wrapper .product__gallery .product-gallery__feature .gallery-feature__image-wrapper, .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options .variation-options__list, .breadcrumbs, .floating-whatsapp, .floating-whatsapp .floating-whatsapp__link, .floating-whatsapp .floating-whatsapp__link .floating-whatsapp__icon-wrapper, .product:not(.product--is-single) .product__thumbnail .product-thumbnail__image-wrapper, .product:not(.product--is-single) .product__content-wrapper .product__info, .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list, .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options .variation-options__list, .quantity, .mini-cart .mini-cart__wrapper, .mini-cart .mini-cart__header, .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item, .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__link .product__image-wrapper, .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info, .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__title-wrapper, .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__title-wrapper .product__actions .product-actions__list, .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list, .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options .variation-options__list, .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__footer, .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__loading, .mini-cart .mini-cart__footer, .newsletter .newsletter__wrapper .newsletter__content-wrapper .newsletter__form-wrapper .newsletter__form .form__input-wrapper, .row, *[class*="--has-inline-icon"], *[class*="__icon"]:not(*[class*="--has-inline-icon"]):not(*[class*="__icon-wrapper"]), *[class*="-icon"]:not(*[class*="--has-inline-icon"]):not(*[class*="__icon-wrapper"]), *[class*="--has-inline-vector"], *[class*="--is-arrow-icon"] { display: -webkit-box; display: -ms-flexbox; display: flex; } .btn, .button-group, .primary-navigation .primary-navigation__list .primary-navigation__item, *[class*="--has-inline-icon"] *[class*="__icon"]:not(*[class*="--has-inline-icon"]), *[class*="--has-inline-icon"] *[class*="-icon"]:not(*[class*="--has-inline-icon"]), *[class*="--has-inline-vector"] *[class*="__vector"]:not(*[class*="--has-inline-vector"]), *[class*="--has-inline-vector"] *[class*="-vector"]:not(*[class*="--has-inline-vector"]) { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* ============= CLEARFIX ============= */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** RTL parent class for priority */ .rtl .woocommerce .col2-set .col-1 { float: right; } .rtl .woocommerce .col2-set .col-2 { float: left; } /** Single product */ .single-product .variations_form .variations { border-collapse: separate; border-spacing: 0 .5rem; } .wpcf7 .wpcf7-form input[type="url"], .wpcf7 .wpcf7-form input[type="email"], .wpcf7 .wpcf7-form input[type="tel"] { direction: rtl; } .wpcf7 .wpcf7-form .wpcf7-form-control-wrap { width: 100%; height: 100%; display: block; position: static; } .wpcf7 .wpcf7-form .wpcf7-not-valid-tip { display: none; } .wpcf7 .wpcf7-form .ajax-loader { display: none; } .wpcf7 .wpcf7-form .wpcf7-response-output { display: none; } .wpcf7 .wpcf7-form .wpcf7-list-item { margin: var(--spaces-reset, 0); } .berocket_single_filter_widget { margin-top: var(--spaces-lg, 1.5rem); } .berocket_single_filter_widget:first-of-type { margin-top: var(--spaces-reset, 0); } .bapf_sfilter .bapf_body { margin-top: var(--spaces-lg, 1.5rem); } .bapf_sfilter .bapf_body .irs .irs-from, .bapf_sfilter .bapf_body .irs .irs-to, .bapf_sfilter .bapf_body .irs .irs-bar { background-color: var(--colors-primary-base, #975B14); } .bapf_sfilter .bapf_body .irs .irs-from:before, .bapf_sfilter .bapf_body .irs .irs-to:before { border-top-color: var(--colors-primary-base, #975B14); } .bapf_sfilter .bapf_body .irs .irs-handle { border-color: var(--colors-primary-base, #975B14); } .bapf_sfilter .checkbox { margin-top: var(--spaces-xs, 0.5rem) !important; } .bapf_sfilter .checkbox:first-of-type { margin-top: var(--spaces-reset, 0) !important; } .bapf_sfilter .checkbox .checkbox__label { display: flex !important; } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter.bapf_ccolaps .bapf_head { border: 2px solid var(--colors-primary-base, #975B14) !important; background: var(--colors-primary-base, #975B14) !important; color: var(--colors-foreground-white, #FFFFFF) !important; } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter.bapf_ccolaps .bapf_head .title { color: var(--colors-foreground-white, #FFFFFF) !important; } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter.bapf_ccolaps .bapf_head .title .bapf_sfilter .bapf_colaps_smb { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); } .bapf_sfilter .bapf_colaps_smb { right: auto; left: 1rem; } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_head { border: 2px solid var(--colors-background-natural-400, #FAF5EF) !important; background: var(--colors-background-natural-400, #FAF5EF) !important; color: var(--colors-foreground-natural-dark, ) !important; padding: var(--spaces-xs, 0.5rem) var(--spaces-md, 1rem) !important; } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_head .title { display: block; color: var(--colors-foreground-natural-dark, ) !important; } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_head { -webkit-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); -moz-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_body { border: none !important; background-color: var(--colors-background-natural-400, #FAF5EF) !important; -webkit-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); -moz-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); padding: var(--spaces-md, 1rem) !important; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } @media (min-width: 992px) { .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_body { max-height: 200px; overflow-y: auto; } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_body::-webkit-scrollbar { width: 5px; height: 5px; } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_body::-webkit-scrollbar-thumb { background: var(--colors-primary-light, #A47341); background-clip: content-box; border: 5px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_body::-webkit-scrollbar-track { background: var(--colors-background-natural-400, #FAF5EF); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_body { scrollbar-face-color: var(--colors-primary-light, #A47341); scrollbar-track-color: var(--colors-background-natural-400, #FAF5EF); } } .bapf_sfilter .bapf_colaps_smb { left: var(--spaces-reset, 0); } .swiper .swiper-pagination { /* ELEMENTS */ /* MODIFIERS */ } .swiper .swiper-pagination .swiper-pagination-bullet { background: rgba(var(--colors-theme-background-rgb, 220.5,220.5,220.5), 0.5); opacity: 1; -webkit-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .swiper .swiper-pagination .swiper-pagination-bullet-active { background: var(--colors-theme-background, #dddddd); } .swiper .swiper-pagination--xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--xxs .swiper-pagination-bullet-active { width: calc(0.25rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--xs .swiper-pagination-bullet-active { width: calc(0.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--sm .swiper-pagination-bullet-active { width: calc(0.75rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--md .swiper-pagination-bullet-active { width: calc(1rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--lg .swiper-pagination-bullet-active { width: calc(1.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--xl .swiper-pagination-bullet-active { width: calc(2.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--xxl .swiper-pagination-bullet { width: 5rem; height: 5rem; } .swiper .swiper-pagination--xxl .swiper-pagination-bullet-active { width: calc(5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--xxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--xxxl .swiper-pagination-bullet-active { width: calc(8rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--xxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } .swiper .swiper-pagination--xxxxl .swiper-pagination-bullet-active { width: calc(12rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--xxxxxl .swiper-pagination-bullet { width: 15rem; height: 15rem; } .swiper .swiper-pagination--xxxxxl .swiper-pagination-bullet-active { width: calc(15rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--xxxxxxl .swiper-pagination-bullet { width: 18rem; height: 18rem; } .swiper .swiper-pagination--xxxxxxl .swiper-pagination-bullet-active { width: calc(18rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } @media (min-width: 576px) { .swiper .swiper-pagination--media-sm-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-sm-xxs .swiper-pagination-bullet-active { width: calc(0.25rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-sm-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-sm-xs .swiper-pagination-bullet-active { width: calc(0.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-sm-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-sm-sm .swiper-pagination-bullet-active { width: calc(0.75rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-sm-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-sm-md .swiper-pagination-bullet-active { width: calc(1rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-sm-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-sm-lg .swiper-pagination-bullet-active { width: calc(1.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-sm-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-sm-xl .swiper-pagination-bullet-active { width: calc(2.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-sm-xxl .swiper-pagination-bullet { width: 5rem; height: 5rem; } .swiper .swiper-pagination--media-sm-xxl .swiper-pagination-bullet-active { width: calc(5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-sm-xxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-sm-xxxl .swiper-pagination-bullet-active { width: calc(8rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-sm-xxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } .swiper .swiper-pagination--media-sm-xxxxl .swiper-pagination-bullet-active { width: calc(12rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-sm-xxxxxl .swiper-pagination-bullet { width: 15rem; height: 15rem; } .swiper .swiper-pagination--media-sm-xxxxxl .swiper-pagination-bullet-active { width: calc(15rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-sm-xxxxxxl .swiper-pagination-bullet { width: 18rem; height: 18rem; } .swiper .swiper-pagination--media-sm-xxxxxxl .swiper-pagination-bullet-active { width: calc(18rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } } @media (min-width: 768px) { .swiper .swiper-pagination--media-md-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-md-xxs .swiper-pagination-bullet-active { width: calc(0.25rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-md-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-md-xs .swiper-pagination-bullet-active { width: calc(0.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-md-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-md-sm .swiper-pagination-bullet-active { width: calc(0.75rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-md-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-md-md .swiper-pagination-bullet-active { width: calc(1rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-md-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-md-lg .swiper-pagination-bullet-active { width: calc(1.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-md-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-md-xl .swiper-pagination-bullet-active { width: calc(2.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-md-xxl .swiper-pagination-bullet { width: 5rem; height: 5rem; } .swiper .swiper-pagination--media-md-xxl .swiper-pagination-bullet-active { width: calc(5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-md-xxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-md-xxxl .swiper-pagination-bullet-active { width: calc(8rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-md-xxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } .swiper .swiper-pagination--media-md-xxxxl .swiper-pagination-bullet-active { width: calc(12rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-md-xxxxxl .swiper-pagination-bullet { width: 15rem; height: 15rem; } .swiper .swiper-pagination--media-md-xxxxxl .swiper-pagination-bullet-active { width: calc(15rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-md-xxxxxxl .swiper-pagination-bullet { width: 18rem; height: 18rem; } .swiper .swiper-pagination--media-md-xxxxxxl .swiper-pagination-bullet-active { width: calc(18rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } } @media (min-width: 992px) { .swiper .swiper-pagination--media-lg-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-lg-xxs .swiper-pagination-bullet-active { width: calc(0.25rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-lg-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-lg-xs .swiper-pagination-bullet-active { width: calc(0.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-lg-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-lg-sm .swiper-pagination-bullet-active { width: calc(0.75rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-lg-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-lg-md .swiper-pagination-bullet-active { width: calc(1rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-lg-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-lg-lg .swiper-pagination-bullet-active { width: calc(1.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-lg-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-lg-xl .swiper-pagination-bullet-active { width: calc(2.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-lg-xxl .swiper-pagination-bullet { width: 5rem; height: 5rem; } .swiper .swiper-pagination--media-lg-xxl .swiper-pagination-bullet-active { width: calc(5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-lg-xxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-lg-xxxl .swiper-pagination-bullet-active { width: calc(8rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-lg-xxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } .swiper .swiper-pagination--media-lg-xxxxl .swiper-pagination-bullet-active { width: calc(12rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-lg-xxxxxl .swiper-pagination-bullet { width: 15rem; height: 15rem; } .swiper .swiper-pagination--media-lg-xxxxxl .swiper-pagination-bullet-active { width: calc(15rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-lg-xxxxxxl .swiper-pagination-bullet { width: 18rem; height: 18rem; } .swiper .swiper-pagination--media-lg-xxxxxxl .swiper-pagination-bullet-active { width: calc(18rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } } @media (min-width: 1200px) { .swiper .swiper-pagination--media-xl-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-xl-xxs .swiper-pagination-bullet-active { width: calc(0.25rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xl-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-xl-xs .swiper-pagination-bullet-active { width: calc(0.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xl-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-xl-sm .swiper-pagination-bullet-active { width: calc(0.75rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xl-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-xl-md .swiper-pagination-bullet-active { width: calc(1rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xl-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-xl-lg .swiper-pagination-bullet-active { width: calc(1.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xl-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-xl-xl .swiper-pagination-bullet-active { width: calc(2.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xl-xxl .swiper-pagination-bullet { width: 5rem; height: 5rem; } .swiper .swiper-pagination--media-xl-xxl .swiper-pagination-bullet-active { width: calc(5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xl-xxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-xl-xxxl .swiper-pagination-bullet-active { width: calc(8rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xl-xxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } .swiper .swiper-pagination--media-xl-xxxxl .swiper-pagination-bullet-active { width: calc(12rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xl-xxxxxl .swiper-pagination-bullet { width: 15rem; height: 15rem; } .swiper .swiper-pagination--media-xl-xxxxxl .swiper-pagination-bullet-active { width: calc(15rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xl-xxxxxxl .swiper-pagination-bullet { width: 18rem; height: 18rem; } .swiper .swiper-pagination--media-xl-xxxxxxl .swiper-pagination-bullet-active { width: calc(18rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } } @media (min-width: 1440px) { .swiper .swiper-pagination--media-xxl-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-xxl-xxs .swiper-pagination-bullet-active { width: calc(0.25rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxl-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-xxl-xs .swiper-pagination-bullet-active { width: calc(0.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxl-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-xxl-sm .swiper-pagination-bullet-active { width: calc(0.75rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxl-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-xxl-md .swiper-pagination-bullet-active { width: calc(1rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxl-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-xxl-lg .swiper-pagination-bullet-active { width: calc(1.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxl-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-xxl-xl .swiper-pagination-bullet-active { width: calc(2.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxl-xxl .swiper-pagination-bullet { width: 5rem; height: 5rem; } .swiper .swiper-pagination--media-xxl-xxl .swiper-pagination-bullet-active { width: calc(5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxl-xxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-xxl-xxxl .swiper-pagination-bullet-active { width: calc(8rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxl-xxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } .swiper .swiper-pagination--media-xxl-xxxxl .swiper-pagination-bullet-active { width: calc(12rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxl-xxxxxl .swiper-pagination-bullet { width: 15rem; height: 15rem; } .swiper .swiper-pagination--media-xxl-xxxxxl .swiper-pagination-bullet-active { width: calc(15rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxl-xxxxxxl .swiper-pagination-bullet { width: 18rem; height: 18rem; } .swiper .swiper-pagination--media-xxl-xxxxxxl .swiper-pagination-bullet-active { width: calc(18rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } } @media (min-width: 1600px) { .swiper .swiper-pagination--media-xxxl-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-xxxl-xxs .swiper-pagination-bullet-active { width: calc(0.25rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxl-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-xxxl-xs .swiper-pagination-bullet-active { width: calc(0.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxl-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-xxxl-sm .swiper-pagination-bullet-active { width: calc(0.75rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxl-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-xxxl-md .swiper-pagination-bullet-active { width: calc(1rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxl-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-xxxl-lg .swiper-pagination-bullet-active { width: calc(1.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxl-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-xxxl-xl .swiper-pagination-bullet-active { width: calc(2.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxl-xxl .swiper-pagination-bullet { width: 5rem; height: 5rem; } .swiper .swiper-pagination--media-xxxl-xxl .swiper-pagination-bullet-active { width: calc(5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxl-xxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-xxxl-xxxl .swiper-pagination-bullet-active { width: calc(8rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxl-xxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } .swiper .swiper-pagination--media-xxxl-xxxxl .swiper-pagination-bullet-active { width: calc(12rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxl-xxxxxl .swiper-pagination-bullet { width: 15rem; height: 15rem; } .swiper .swiper-pagination--media-xxxl-xxxxxl .swiper-pagination-bullet-active { width: calc(15rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxl-xxxxxxl .swiper-pagination-bullet { width: 18rem; height: 18rem; } .swiper .swiper-pagination--media-xxxl-xxxxxxl .swiper-pagination-bullet-active { width: calc(18rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } } @media (min-width: 1900px) { .swiper .swiper-pagination--media-xxxxl-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-xxxxl-xxs .swiper-pagination-bullet-active { width: calc(0.25rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxxl-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-xxxxl-xs .swiper-pagination-bullet-active { width: calc(0.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxxl-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-xxxxl-sm .swiper-pagination-bullet-active { width: calc(0.75rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxxl-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-xxxxl-md .swiper-pagination-bullet-active { width: calc(1rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxxl-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-xxxxl-lg .swiper-pagination-bullet-active { width: calc(1.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxxl-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-xxxxl-xl .swiper-pagination-bullet-active { width: calc(2.5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxxl-xxl .swiper-pagination-bullet { width: 5rem; height: 5rem; } .swiper .swiper-pagination--media-xxxxl-xxl .swiper-pagination-bullet-active { width: calc(5rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxxl-xxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-xxxxl-xxxl .swiper-pagination-bullet-active { width: calc(8rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxxl-xxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } .swiper .swiper-pagination--media-xxxxl-xxxxl .swiper-pagination-bullet-active { width: calc(12rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxxl-xxxxxl .swiper-pagination-bullet { width: 15rem; height: 15rem; } .swiper .swiper-pagination--media-xxxxl-xxxxxl .swiper-pagination-bullet-active { width: calc(15rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swiper .swiper-pagination--media-xxxxl-xxxxxxl .swiper-pagination-bullet { width: 18rem; height: 18rem; } .swiper .swiper-pagination--media-xxxxl-xxxxxxl .swiper-pagination-bullet-active { width: calc(18rem * 1.5); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } } .swiper .swiper-progress { width: 100%; height: 5px; position: absolute; top: 0; right: 0; background-color: var(--colors-primary-base, #975B14); -webkit-animation: progress 5s linear 1; -moz-animation: progress 5s linear 1; -o-animation: progress 5s linear 1; animation: progress 5s linear 1; } /** Class helper for navigation */ *[class*="__navigation-arrows"] { width: 100%; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; /* MODIFIERS */ } *[class*="__navigation-arrows"] *[class*="__navigation-arrow"] { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; cursor: pointer; /* ELEMENTS */ /* MODIFIERS */ } *[class*="__navigation-arrows"] *[class*="__navigation-arrow"] *[class*="__arrow-icon"] { color: inherit; } *[class*="__navigation-arrows"] *[class*="__navigation-arrow"][class*="--next"] { left: 0; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } *[class*="__navigation-arrows"] *[class*="__navigation-arrow"][class*="--next"] *[class*="__arrow-icon"] { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } *[class*="__navigation-arrows"] *[class*="__navigation-arrow"][class*="--prev"] { right: 0; -webkit-transform: translateX(50%) translateY(-50%); -ms-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); } *[class*="__navigation-arrows"] *[class*="__navigation-arrow"][class*="--prev"] *[class*="__arrow-icon"] { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } *[class*="__navigation-arrows"][class*="__navigation-arrows--has-bg"] *[class*="__navigation-arrow"] { width: 50px; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } *[class*="__navigation-arrows"].swiper-button-disabled *[class*="__arrow-icon"] { color: rgba(var(--colors-background-black-rgb, 0,0,0), 0.5); } *[class*="--navigation-hidden"] + *[class*="__navigation-arrows"] *[class*="__navigation-arrow"] { display: none; } #enable-toolbar-trigger { left: var(--spaces-auto, auto) !important; right: var(--spaces-xl, 2.5rem) !important; top: calc(-1 * 110px) !important; /* BREAKPOINTS */ } @media (max-width: 991.98px) { #enable-toolbar-trigger { right: var(--spaces-lg, 1.5rem) !important; top: calc(-1 * 75px) !important; } } *, *::before, *::after { box-sizing: border-box; } a { text-decoration: none; color: inherit; cursor: pointer; } button { background-color: transparent; color: inherit; border-width: 0; outline-width: 0; padding: 0; cursor: pointer; } select { outline-width: 0; cursor: pointer; } input { outline-width: 0; } input[type=file] { overflow: hidden; } figure { margin: 0; } input::-moz-focus-inner { border: 0; padding: 0; margin: 0; } ul, ol, dd { margin: 0; padding: 0; list-style: none; } h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; } p { margin: 0; } cite { font-style: normal; } fieldset { border-width: 0; padding: 0; margin: 0; } hr { border: 0; } [contenteditable="true"]:focus { outline: none; } /* ======= LAYERS ======== */ :root { --layers-background: 1; --layers-body: 2; --layers-hint: 3; --layers-dropdown: 4; --layers-header: 5; --layers-header-top: 6; --layers-header-promotion-bar: 7; --layers-header-aside: 8; --layers-header-mobile: 9; --layers-header-top-mobile: 10; --layers-header-top-primary-navigation-mobile: 11; --layers-header-top-mobile-wrapper-mobile: 12; --layers-header-promotion-bar-mobile: 13; --layers-header-dropdown: 14; --layers-page-overlay: 15; --layers-component-above-page-overlay: 16; --layers-header-search: 17; --layers-mini-cart: 18; --layers-contact-toggle: 19; --layers-modal: 20; --layers-page-overlay-mobile: 21; --layers-component-above-page-overlay-mobile: 22; --layers-header-search-mobile: 23; --layers-mini-cart-mobile: 24; --layers-contact-toggle-mobile: 25; --layers-modal-mobile: 26; --layers-dropdown-mobile: 27; } /* ======= COLORS ======== */ /* LIGHT */ :root { --colors-natural-transparent: transparent; --colors-natural-transparent-rgb: transparent; --colors-natural-white: #FFFFFF; --colors-natural-white-rgb: 255,255,255; --colors-natural-grey-100: #24242480; --colors-natural-grey-100-rgb: 36,36,36; --colors-natural-grey-400: #242424e6; --colors-natural-grey-400-rgb: 36,36,36; --colors-natural-grey-700: #242424; --colors-natural-grey-700-rgb: 36,36,36; --colors-natural-black: #000000; --colors-natural-black-rgb: 0,0,0; --colors-background-transparent: transparent; --colors-background-transparent-rgb: transparent; --colors-background-white: #FFFFFF; --colors-background-white-rgb: 255,255,255; --colors-background-black: #000000; --colors-background-black-rgb: 0,0,0; --colors-background-natural-100: #eeded07a; --colors-background-natural-100-rgb: 238,222,208; --colors-background-natural-200: #faf5ef40; --colors-background-natural-200-rgb: 250,245,239; --colors-background-natural-300: #FFFCF8; --colors-background-natural-300-rgb: 255,252,248; --colors-background-natural-400: #FAF5EF; --colors-background-natural-400-rgb: 250,245,239; --colors-background-natural-500: #F8EEE5; --colors-background-natural-500-rgb: 248,238,229; --colors-background-natural-600: #F1E4D7; --colors-background-natural-600-rgb: 241,228,215; --colors-background-natural-700: #F5E3D2; --colors-background-natural-700-rgb: 245,227,210; --colors-background-natural-900: #F3DEC3; --colors-background-natural-900-rgb: 243,222,195; --colors-background-color-light: #d3f9da; --colors-background-color-light-rgb: 211,249,218; --colors-background-color-base: #a6f3b4; --colors-background-color-base-rgb: 166.12,242.88,180.26; --colors-background-color-dark: #79ed8f; --colors-background-color-dark-rgb: 121.24,236.76,142.52; --colors-background-gradient-primary-start: #110B54; --colors-background-gradient-primary-start-rgb: 17,11,84; --colors-background-gradient-primary-end: #0CC0DF; --colors-background-gradient-primary-end-rgb: 12,192,223; --colors-border-natural-100: #eeded07a; --colors-border-natural-100-rgb: 238,222,208; --colors-border-natural-200: #faf5ef40; --colors-border-natural-200-rgb: 250,245,239; --colors-border-natural-300: #FFFCF8; --colors-border-natural-300-rgb: 255,252,248; --colors-border-natural-400: #FAF5EF; --colors-border-natural-400-rgb: 250,245,239; --colors-border-natural-500: #F8EEE5; --colors-border-natural-500-rgb: 248,238,229; --colors-border-natural-600: #F1E4D7; --colors-border-natural-600-rgb: 241,228,215; --colors-border-natural-700: #F5E3D2; --colors-border-natural-700-rgb: 245,227,210; --colors-border-color-light: #d3f9da; --colors-border-color-light-rgb: 211,249,218; --colors-border-color-base: #a6f3b4; --colors-border-color-base-rgb: 166.12,242.88,180.26; --colors-border-color-dark: #79ed8f; --colors-border-color-dark-rgb: 121.24,236.76,142.52; --colors-shadow-black: #000000; --colors-shadow-black-rgb: 0,0,0; --colors-shadow-natural-base: #dddddd; --colors-shadow-natural-base-rgb: 220.5,220.5,220.5; --colors-shadow-color-base: #FF7B30; --colors-shadow-color-base-rgb: 255,123,48; --colors-foreground-transparent: transparent; --colors-foreground-transparent-rgb: transparent; --colors-foreground-white: #FFFFFF; --colors-foreground-white-rgb: 255,255,255; --colors-foreground-black: #000000; --colors-foreground-black-rgb: 0,0,0; --colors-foreground-natural-100: #eeded07a; --colors-foreground-natural-100-rgb: 238,222,208; --colors-foreground-natural-200: #faf5ef40; --colors-foreground-natural-200-rgb: 250,245,239; --colors-foreground-natural-300: #FFFCF8; --colors-foreground-natural-300-rgb: 255,252,248; --colors-foreground-natural-400: #FAF5EF; --colors-foreground-natural-400-rgb: 250,245,239; --colors-foreground-natural-500: #F8EEE5; --colors-foreground-natural-500-rgb: 248,238,229; --colors-foreground-natural-600: #F1E4D7; --colors-foreground-natural-600-rgb: 241,228,215; --colors-foreground-natural-700: #F5E3D2; --colors-foreground-natural-700-rgb: 245,227,210; --colors-foreground-color-light: #d3f9da; --colors-foreground-color-light-rgb: 211,249,218; --colors-foreground-color-base: #a6f3b4; --colors-foreground-color-base-rgb: 166.12,242.88,180.26; --colors-foreground-color-dark: #79ed8f; --colors-foreground-color-dark-rgb: 121.24,236.76,142.52; --colors-theme-background: #dddddd; --colors-theme-background-rgb: 220.5,220.5,220.5; --colors-theme-border: #c3c3c3; --colors-theme-border-rgb: 195.0,195.0,195.0; --colors-theme-text: #c3c3c3; --colors-theme-text-rgb: 195.0,195.0,195.0; --colors-theme-text-no-background: #c3c3c3; --colors-theme-text-no-background-rgb: 195.0,195.0,195.0; --colors-theme-special-background: #110B54; --colors-theme-special-background-rgb: 17,11,84; --colors-theme-special-text: #FFFFFF; --colors-theme-special-text-rgb: 255,255,255; --colors-theme-special-text-no-background: #110B54; --colors-theme-special-text-no-background-rgb: 17,11,84; --colors-state-danger: #f25767; --colors-state-danger-rgb: 242,87,103; --colors-state-danger-light: #f9b6bd; --colors-state-danger-light-rgb: 249.32597,181.67403,188.65746; --colors-state-danger-dark: #d31024; --colors-state-danger-dark-rgb: 210.69613,16.30387,36.37017; --colors-state-success: #a6f3b4; --colors-state-success-rgb: 166.12,242.88,180.26; --colors-state-success-light: #d3f9da; --colors-state-success-light-rgb: 211,249,218; --colors-state-success-dark: #79ed8f; --colors-state-success-dark-rgb: 121.24,236.76,142.52; --colors-state-info: #0CC0DF; --colors-state-info-rgb: 12,192,223; --colors-state-info-light: #0996af; --colors-state-info-light-rgb: 9.39574,150.33191,174.60426; --colors-state-info-dark: #0996af; --colors-state-info-dark-rgb: 9.39574,150.33191,174.60426; --colors-state-warning: #f2b457; --colors-state-warning-rgb: 242,180,87; --colors-state-warning-light: #f9deb6; --colors-state-warning-light-rgb: 249.32597,222.26519,181.67403; --colors-state-warning-dark: #d38510; --colors-state-warning-dark-rgb: 210.69613,132.93923,16.30387; --colors-social-facebook: #3b5998; --colors-social-facebook-rgb: 59,89,152; --colors-social-google: #4285f4; --colors-social-google-rgb: 66,133,244; --colors-social-whatsapp: #25d366; --colors-social-whatsapp-rgb: 37,211,102; --colors-social-linkedin: #007bb6; --colors-social-linkedin-rgb: 0,123,182; --colors-primary-base: #975B14; --colors-primary-base-rgb: 151,91,20; --colors-primary-light: #A47341; --colors-primary-light-rgb: 164,115,65; --colors-primary-dark: #4C241D; --colors-primary-dark-rgb: 76,36,29; --colors-secondary-base: #EED91E; --colors-secondary-base-rgb: 238,217,30; --colors-secondary-light: #f2e14d; --colors-secondary-light-rgb: 241.58264,225.00826,77.41736; --colors-secondary-dark: #cab70f; --colors-secondary-dark-rgb: 201.7562,182.92562,15.2438; --colors-sun-start: #fb0480; --colors-sun-start-rgb: 251,4,128; --colors-sun-end: #FF7B30; --colors-sun-end-rgb: 255,123,48; --colors-chart-first: #AE91F2; --colors-chart-first-rgb: 174,145,242; --colors-chart-second: #F4F5FD; --colors-chart-second-rgb: 244,245,253; --colors-chart-third: #FF7B30; --colors-chart-third-rgb: 255,123,48; --colors-chart-fourth: #110B54; --colors-chart-fourth-rgb: 17,11,84; --colors-chart-fifth: #a6f3b4; --colors-chart-fifth-rgb: 166.12,242.88,180.26; --colors-chart-sixth: #f25767; --colors-chart-sixth-rgb: 242,87,103; --colors-chart-seventh: #EED91E; --colors-chart-seventh-rgb: 238,217,30; --colors-chart-eightn: #0CC0DF; --colors-chart-eightn-rgb: 12,192,223; --colors-chart-ninth: #fb0480; --colors-chart-ninth-rgb: 251,4,128; --colors-chart-tenth: #f2b457; --colors-chart-tenth-rgb: 242,180,87; --colors-color-purple: #AE91F2; --colors-color-purple-rgb: 174,145,242; --colors-color-light-purple: #F4F5FD; --colors-color-light-purple-rgb: 244,245,253; --colors-color-orange: #FF7B30; --colors-color-orange-rgb: 255,123,48; --colors-color-dark-purple: #110B54; --colors-color-dark-purple-rgb: 17,11,84; --colors-color-green: #a6f3b4; --colors-color-green-rgb: 166.12,242.88,180.26; --colors-color-red: #f25767; --colors-color-red-rgb: 242,87,103; --colors-color-yellow: #EED91E; --colors-color-yellow-rgb: 238,217,30; --colors-color-azure: #0CC0DF; --colors-color-azure-rgb: 12,192,223; --colors-color-pink: #fb0480; --colors-color-pink-rgb: 251,4,128; --colors-color-light-orange: #f2b457; --colors-color-light-orange-rgb: 242,180,87; } /* DARK */ html[data-theme=dark] { --colors-natural-transparent: transparent; --colors-natural-transparent-rgb: transparent; --colors-natural-white: #FFFFFF; --colors-natural-white-rgb: 255,255,255; --colors-natural-grey: #24242480; --colors-natural-grey-rgb: 36,36,36; --colors-natural-black: #000000; --colors-natural-black-rgb: 0,0,0; --colors-background-transparent: transparent; --colors-background-transparent-rgb: transparent; --colors-background-white: #242424e6; --colors-background-white-rgb: 36,36,36; --colors-background-black: #000000; --colors-background-black-rgb: 0,0,0; --colors-background-natural-light: rgba(31, 31, 31, 0.901961); --colors-background-natural-light-rgb: 30.9,30.9,30.9; --colors-background-natural-base: #242424e6; --colors-background-natural-base-rgb: 36,36,36; --colors-background-natural-dark: #242424; --colors-background-natural-dark-rgb: 36,36,36; --colors-background-color-light: #F4F5FD; --colors-background-color-light-rgb: 244,245,253; --colors-background-color-base: #AE91F2; --colors-background-color-base-rgb: 174,145,242; --colors-background-color-dark: #110B54; --colors-background-color-dark-rgb: 17,11,84; --colors-background-gradient-primary-start: #110B54; --colors-background-gradient-primary-start-rgb: 17,11,84; --colors-background-gradient-primary-end: #0CC0DF; --colors-background-gradient-primary-end-rgb: 12,192,223; --colors-border-natural-light: rgba(31, 31, 31, 0.901961); --colors-border-natural-light-rgb: 30.9,30.9,30.9; --colors-border-natural-base: #242424e6; --colors-border-natural-base-rgb: 36,36,36; --colors-border-natural-dark: #242424; --colors-border-natural-dark-rgb: 36,36,36; --colors-border-color-light: #F4F5FD; --colors-border-color-light-rgb: 244,245,253; --colors-border-color-base: #AE91F2; --colors-border-color-base-rgb: 174,145,242; --colors-border-color-dark: #110B54; --colors-border-color-dark-rgb: 17,11,84; --colors-shadow-black: #000000; --colors-shadow-black-rgb: 0,0,0; --colors-shadow-natural-base: rgba(36, 36, 36, 0.3); --colors-shadow-natural-base-rgb: 36,36,36; --colors-shadow-color-base: rgba(17, 11, 84, 0.3); --colors-shadow-color-base-rgb: 17,11,84; --colors-foreground-transparent: transparent; --colors-foreground-transparent-rgb: transparent; --colors-foreground-white: #FFFFFF; --colors-foreground-white-rgb: 255,255,255; --colors-foreground-black: #000000; --colors-foreground-black-rgb: 0,0,0; --colors-foreground-natural-light: #F6F6F6; --colors-foreground-natural-light-rgb: 246,246,246; --colors-foreground-natural-base: #dddddd; --colors-foreground-natural-base-rgb: 220.5,220.5,220.5; --colors-foreground-natural-dark: #c3c3c3; --colors-foreground-natural-dark-rgb: 195.0,195.0,195.0; --colors-theme-background: rgba(33, 33, 33, 0.901961); --colors-theme-background-rgb: 33.45,33.45,33.45; --colors-theme-border: #dddddd; --colors-theme-border-rgb: 220.5,220.5,220.5; --colors-theme-text: #FFFFFF; --colors-theme-text-rgb: 255,255,255; --colors-theme-text-no-background: rgba(33, 33, 33, 0.901961); --colors-theme-text-no-background-rgb: 33.45,33.45,33.45; --colors-theme-special-background: #110B54; --colors-theme-special-background-rgb: 17,11,84; --colors-theme-special-text: #FFFFFF; --colors-theme-special-text-rgb: 255,255,255; --colors-theme-special-text-no-background: #110B54; --colors-theme-special-text-no-background-rgb: 17,11,84; --colors-state-danger: #f25767; --colors-state-danger-rgb: 242,87,103; --colors-state-danger-light: #f9b6bd; --colors-state-danger-light-rgb: 249.32597,181.67403,188.65746; --colors-state-danger-dark: #d31024; --colors-state-danger-dark-rgb: 210.69613,16.30387,36.37017; --colors-state-success: #a6f3b4; --colors-state-success-rgb: 166.12,242.88,180.26; --colors-state-success-light: #d3f9da; --colors-state-success-light-rgb: 211,249,218; --colors-state-success-dark: #79ed8f; --colors-state-success-dark-rgb: 121.24,236.76,142.52; --colors-state-info: #0CC0DF; --colors-state-info-rgb: 12,192,223; --colors-state-info-light: #0996af; --colors-state-info-light-rgb: 9.39574,150.33191,174.60426; --colors-state-info-dark: #0996af; --colors-state-info-dark-rgb: 9.39574,150.33191,174.60426; --colors-state-warning: #f2b457; --colors-state-warning-rgb: 242,180,87; --colors-state-warning-light: #f9deb6; --colors-state-warning-light-rgb: 249.32597,222.26519,181.67403; --colors-state-warning-dark: #d38510; --colors-state-warning-dark-rgb: 210.69613,132.93923,16.30387; --colors-social-facebook: #3b5998; --colors-social-facebook-rgb: 59,89,152; --colors-social-google: #4285f4; --colors-social-google-rgb: 66,133,244; --colors-social-whatsapp: #25d366; --colors-social-whatsapp-rgb: 37,211,102; --colors-social-linkedin: #007bb6; --colors-social-linkedin-rgb: 0,123,182; --colors-primary-base: #070F2D; --colors-primary-base-rgb: 7,15,45; --colors-primary-light: #0e1e59; --colors-primary-light-rgb: 13.86538,29.71154,89.13462; --colors-primary-dark: #040817; --colors-primary-dark-rgb: 3.56731,7.64423,22.93269; --colors-secondary-base: #FF7B30; --colors-secondary-base-rgb: 255,123,48; --colors-secondary-light: #ff9c63; --colors-secondary-light-rgb: 255,155.52174,99; --colors-secondary-dark: #fc5b00; --colors-secondary-dark-rgb: 252,91.30435,0; --colors-sun-start: #AE91F2; --colors-sun-start-rgb: 174,145,242; --colors-sun-end: #26EDAE; --colors-sun-end-rgb: 38,237,174; --colors-charts-first: #AE91F2; --colors-charts-first-rgb: 174,145,242; --colors-charts-second: #F4F5FD; --colors-charts-second-rgb: 244,245,253; --colors-charts-third: #FF7B30; --colors-charts-third-rgb: 255,123,48; --colors-charts-fourth: #110B54; --colors-charts-fourth-rgb: 17,11,84; --colors-charts-fifth: #a6f3b4; --colors-charts-fifth-rgb: 166.12,242.88,180.26; --colors-charts-sixth: #f25767; --colors-charts-sixth-rgb: 242,87,103; --colors-charts-seventh: #EED91E; --colors-charts-seventh-rgb: 238,217,30; --colors-charts-eightn: #0CC0DF; --colors-charts-eightn-rgb: 12,192,223; --colors-charts-ninth: #fb0480; --colors-charts-ninth-rgb: 251,4,128; --colors-charts-tenth: #f2b457; --colors-charts-tenth-rgb: 242,180,87; } /* ======= TYPOGRAPHY ======== */ :root { --font-sizes-xxxs: 0.275rem; --font-sizes-xxs: 0.55rem; --font-sizes-xs: 0.825rem; --font-sizes-sm: 0.99rem; --font-sizes-md: 1.1rem; --font-sizes-lg: 1.375rem; --font-sizes-xl: 1.925rem; --font-sizes-xxl: 2.75rem; --font-sizes-xxxl: 4.4rem; --font-sizes-xxxxl: 6.05rem; --font-sizes-xxxxxl: 7.15rem; --font-sizes-xxxxxxl: 8.8rem; --line-heights-xxxs: 0.6875rem; --line-heights-xxs: 1.03125rem; --line-heights-xs: 1.2375rem; --line-heights-sm: 1.58125rem; --line-heights-md: 1.71875rem; --line-heights-lg: 1.71875rem; --line-heights-xl: 2.40625rem; --line-heights-xxl: 3.4375rem; --line-heights-xxxl: 5.5rem; --line-heights-xxxxl: 7.5625rem; --line-heights-xxxxxl: 8.9375rem; --line-heights-xxxxxxl: 11rem; --font-weights-thin: 100; --font-weights-extra-light: 200; --font-weights-light: 300; --font-weights-regular: 400; --font-weights-medium: 500; --font-weights-semi-bold: 600; --font-weights-bold: 700; --font-weights-extra-bold: 800; --font-weights-black: 900; } /* ======= SPACING ======== */ :root { --spaces-reset: 0; --spaces-auto: auto; --spaces-inherit: inherit; --spaces-xxxs: 0.125rem; --spaces-xxs: 0.25rem; --spaces-xs: 0.5rem; --spaces-sm: 0.75rem; --spaces-md: 1rem; --spaces-lg: 1.5rem; --spaces-xl: 2.5rem; --spaces-xxl: 5rem; --spaces-xxxl: 8rem; --spaces-xxxxl: 12rem; --spaces-xxxxxl: 15rem; --spaces-xxxxxxl: 18rem; } /* ======= TRANSFORM ======== */ *[class*="--transform"] { --transform-translateX: 0; --transform-translateY: 0; --transform-scaleX: 1; --transform-scaleY: 1; } /* ======= NOTCH ======== */ :root { --safe-area-inset-top: 0px; --safe-area-inset-right: 0px; --safe-area-inset-bottom: 0px; --safe-area-inset-left: 0px; } @supports (top: constant(safe-area-inset-top)) { :root { --safe-area-inset-top: constant(safe-area-inset-top); --safe-area-inset-right: constant(safe-area-inset-right); --safe-area-inset-bottom: constant(safe-area-inset-bottom); --safe-area-inset-left: constant(safe-area-inset-left); } } @supports (top: env(safe-area-inset-top)) { :root { --safe-area-inset-top: env(safe-area-inset-top); --safe-area-inset-right: env(safe-area-inset-right); --safe-area-inset-bottom: env(safe-area-inset-bottom); --safe-area-inset-left: env(safe-area-inset-left); } } /* ======= HEADER ======== */ :root { --header-is-not-transparent: 0; } /* ============= FONT FAMILY ============= */ @font-face { font-family: 'birzia'; font-weight: 300; font-style: normal; src: url("../fonts/birzia/Birzia-Light.woff2") format("woff2"), url("../fonts/birzia/Birzia-Light.woff") format("woff"); } @font-face { font-family: 'birzia'; font-weight: 500; font-style: normal; src: url("../fonts/birzia/Birzia-Medium.woff2") format("woff2"), url("../fonts/birzia/Birzia-Medium.woff") format("woff"); } @font-face { font-family: 'birzia'; font-weight: 700; font-style: normal; src: url("../fonts/birzia/Birzia-Bold.woff2") format("woff2"), url("../fonts/birzia/Birzia-Bold.woff") format("woff"); } @font-face { font-family: 'birzia'; font-weight: 900; font-style: normal; src: url("../fonts/birzia/Birzia-Black.woff2") format("woff2"), url("../fonts/birzia/Birzia-Black.woff") format("woff"); } body { font-family: 'birzia', sans-serif; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); line-height: 1.5; color: var(--colors-natural-grey-700, #242424); /* BREAKPOINTS */ } @media (max-width: 991.98px) { body { font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-regular, 400); } } body { background-color: var(--colors-background-natural-400, #FAF5EF); direction: rtl; overflow-x: hidden; } body::-webkit-scrollbar { width: 20px; height: 20px; } body::-webkit-scrollbar-thumb { background: var(--colors-primary-light, #A47341); background-clip: content-box; border: 5px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } body::-webkit-scrollbar-track { background: var(--colors-background-natural-400, #FAF5EF); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } body { scrollbar-face-color: var(--colors-primary-light, #A47341); scrollbar-track-color: var(--colors-background-natural-400, #FAF5EF); } html[data-theme="dark"] .btn.btn--special { border-color: #fff; } html[data-theme="dark"] .btn.btn--special .btn__shape { -webkit-box-shadow: 2px 2px 5px 5px rgba(255, 255, 255, 0.15); -moz-box-shadow: 2px 2px 5px 5px rgba(255, 255, 255, 0.15); box-shadow: 2px 2px 5px 5px rgba(255, 255, 255, 0.15); } html[data-theme="dark"] .toggle-switch .toggle-switch__switch { border: 1px solid rgba(var(--colors-background-natural-700-rgb, 245,227,210), 1); } html[data-theme="dark"] .toggle-switch .toggle-switch__switch .toggle-switch__btn { background-color: rgba(var(--colors-background-natural-700-rgb, 245,227,210), 1); } html[data-theme="dark"] .aside .aside__separator { background-color: rgba(var(--colors-background-natural-700-rgb, 245,227,210), 1); } html[data-theme="dark"] .site-sidebar .site-sidebar__widget { background-color: var(--colors-background-natural-700, #F5E3D2); } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { background: var(--colors-primary-light, #A47341); background-clip: content-box; border: 3px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } ::-webkit-scrollbar-track { background: var(--colors-background-natural-400, #FAF5EF); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } /* ============= FADE IN ============= */ /* FADE IN */ @-webkit-keyframes fade-in { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-moz-keyframes fade-in { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes fade-in { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes fade-in { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /* FADE IN FROM START */ @-webkit-keyframes fade-in-from-start { 0% { opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transform-origin: right; } 100% { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transform-origin: right; } } @-moz-keyframes fade-in-from-start { 0% { opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transform-origin: right; } 100% { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transform-origin: right; } } @-o-keyframes fade-in-from-start { 0% { opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transform-origin: right; } 100% { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transform-origin: right; } } @keyframes fade-in-from-start { 0% { opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transform-origin: right; } 100% { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transform-origin: right; } } /* FADE IN FROM END */ @-webkit-keyframes fade-in-from-end { 0% { opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transform-origin: left; } 100% { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transform-origin: left; } } @-moz-keyframes fade-in-from-end { 0% { opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transform-origin: left; } 100% { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transform-origin: left; } } @-o-keyframes fade-in-from-end { 0% { opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transform-origin: left; } 100% { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transform-origin: left; } } @keyframes fade-in-from-end { 0% { opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transform-origin: left; } 100% { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transform-origin: left; } } /* FADE IN FROM TOP */ @-webkit-keyframes fade-in-from-top { 0% { opacity: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transform-origin: top; } 100% { opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); transform-origin: top; } } @-moz-keyframes fade-in-from-top { 0% { opacity: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transform-origin: top; } 100% { opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); transform-origin: top; } } @-o-keyframes fade-in-from-top { 0% { opacity: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transform-origin: top; } 100% { opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); transform-origin: top; } } @keyframes fade-in-from-top { 0% { opacity: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transform-origin: top; } 100% { opacity: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); transform-origin: top; } } /* ============= PULSE ============= */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); opacity: 0; } 50% { opacity: 0.1; } 70% { opacity: 0.09; } 100% { -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); opacity: 0; } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); opacity: 0; } 50% { opacity: 0.1; } 70% { opacity: 0.09; } 100% { -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); opacity: 0; } } @-o-keyframes pulse { 0% { -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); opacity: 0; } 50% { opacity: 0.1; } 70% { opacity: 0.09; } 100% { -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); opacity: 0; } } @keyframes pulse { 0% { -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); opacity: 0; } 50% { opacity: 0.1; } 70% { opacity: 0.09; } 100% { -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); opacity: 0; } } /* ============= STROKE ============= */ @-webkit-keyframes stroke { 100% { stroke-dashoffset: 0; } } @-moz-keyframes stroke { 100% { stroke-dashoffset: 0; } } @-o-keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes stroke { 100% { stroke-dashoffset: 0; } } /* ============= SCALE ============= */ @-webkit-keyframes scale { 0%, 100% { -webkit-transform: none; -ms-transform: none; transform: none; } 50% { -webkit-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } } @-moz-keyframes scale { 0%, 100% { -webkit-transform: none; -ms-transform: none; transform: none; } 50% { -webkit-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } } @-o-keyframes scale { 0%, 100% { -webkit-transform: none; -ms-transform: none; transform: none; } 50% { -webkit-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } } @keyframes scale { 0%, 100% { -webkit-transform: none; -ms-transform: none; transform: none; } 50% { -webkit-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } } /* ============= FLOAT ============= */ @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); -ms-transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes float { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); -ms-transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-o-keyframes float { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); -ms-transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); -ms-transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); transform: translateY(calc(-1 * var(--spaces-lg, 1.5rem))); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes float-small { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); -ms-transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes float-small { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); -ms-transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-o-keyframes float-small { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); -ms-transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes float-small { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); -ms-transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); transform: translateY(calc(-1 * var(--spaces-xs, 0.5rem))); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } /* ============= FILL ============= */ @-webkit-keyframes fill { 100% { box-shadow: inset 0px 0px 0px 80px currentColor; } } @-moz-keyframes fill { 100% { box-shadow: inset 0px 0px 0px 80px currentColor; } } @-o-keyframes fill { 100% { box-shadow: inset 0px 0px 0px 80px currentColor; } } @keyframes fill { 100% { box-shadow: inset 0px 0px 0px 80px currentColor; } } /* ============= SPIN ============= */ @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } /* NEGATIVE */ @-webkit-keyframes spin-negative { from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } } @-moz-keyframes spin-negative { from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } } @-o-keyframes spin-negative { from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes spin-negative { from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } } /* ============= BOUNCE-Y ============= */ @-webkit-keyframes bounce-y { 0%, 100% { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @-moz-keyframes bounce-y { 0%, 100% { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @-o-keyframes bounce-y { 0%, 100% { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @keyframes bounce-y { 0%, 100% { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } /* ============= BOUNCE-X ============= */ @-webkit-keyframes bounce-x { 0%, 100% { -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @-moz-keyframes bounce-x { 0%, 100% { -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @-o-keyframes bounce-x { 0%, 100% { -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @keyframes bounce-x { 0%, 100% { -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } /* ============= DRAW ============= */ @-webkit-keyframes draw { from { stroke-dashoffset: 1540; } to { opacity: 1; stroke-dashoffset: 0; } } @-moz-keyframes draw { from { stroke-dashoffset: 1540; } to { opacity: 1; stroke-dashoffset: 0; } } @-o-keyframes draw { from { stroke-dashoffset: 1540; } to { opacity: 1; stroke-dashoffset: 0; } } @keyframes draw { from { stroke-dashoffset: 1540; } to { opacity: 1; stroke-dashoffset: 0; } } /* ============= FILL VECTOR ============= */ @-webkit-keyframes fill-vector { 0% { fill: var(--colors-background-transparent, transparent); } 100% { fill: white; stroke-width: 0; } } @-moz-keyframes fill-vector { 0% { fill: var(--colors-background-transparent, transparent); } 100% { fill: white; stroke-width: 0; } } @-o-keyframes fill-vector { 0% { fill: var(--colors-background-transparent, transparent); } 100% { fill: white; stroke-width: 0; } } @keyframes fill-vector { 0% { fill: var(--colors-background-transparent, transparent); } 100% { fill: white; stroke-width: 0; } } /* ============= PROGRESS ============= */ @-webkit-keyframes progress { from { width: 0%; } to { width: 100%; } } @-moz-keyframes progress { from { width: 0%; } to { width: 100%; } } @-o-keyframes progress { from { width: 0%; } to { width: 100%; } } @keyframes progress { from { width: 0%; } to { width: 100%; } } /* ============= luminaire ============= */ @-webkit-keyframes luminaire { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-moz-keyframes luminaire { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes luminaire { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes luminaire { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--colors-theme-background, #dddddd); border: 1px solid var(--colors-theme-background, #dddddd); border-bottom-right-radius: 15px; color: var(--colors-theme-text, #c3c3c3); font-weight: var(--font-weights-medium, 500); line-height: normal; white-space: nowrap; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; /* ELEMENTS */ /* MODIFIERS */ } .btn:disabled { cursor: progress; } .btn .btn__label-loading { position: absolute; right: calc(100% + var(--spaces-xxxs, 0.125rem)); } .btn.btn--outline { background: none; border: 1px solid var(--colors-theme-background, #dddddd); color: var(--colors-theme-background, #dddddd); } *[class*="__btn-wrapper"][class*="__btn-wrapper--special"] { width: max-content; position: relative; } *[class*="__btn-wrapper"][class*="__btn-wrapper--special"]:hover .btn { background-color: var(--colors-background-black, #000000); color: var(--colors-foreground-white, #FFFFFF); -webkit-transition: background-color 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; -o-transition: background-color 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transition: background-color 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; } *[class*="__btn-wrapper"][class*="__btn-wrapper--special"]:hover *[class*="__btn-bg"] { -webkit-transform: translate(calc(-1 * var(--spaces-xxs, 0.25rem)), calc(-1 * var(--spaces-xxs, 0.25rem))); -ms-transform: translate(calc(-1 * var(--spaces-xxs, 0.25rem)), calc(-1 * var(--spaces-xxs, 0.25rem))); transform: translate(calc(-1 * var(--spaces-xxs, 0.25rem)), calc(-1 * var(--spaces-xxs, 0.25rem))); -webkit-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } *[class*="__btn-wrapper"][class*="__btn-wrapper--special"] .btn { position: relative; border: 2px solid var(--colors-background-black, #000000); -webkit-transition: background-color 2s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: background-color 2s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 2s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); } *[class*="__btn-wrapper"][class*="__btn-wrapper--special"] *[class*="__btn-bg"] { width: 100%; height: 100%; position: absolute; top: var(--spaces-xxs, 0.25rem); right: calc(-1 * var(--spaces-xxs, 0.25rem)); background-color: var(--colors-background-black, #000000); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; -o-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; } .btn.btn--hover-shadow:hover { box-shadow: 0 0 10px 5px rgba(var(--colors-theme-background-rgb, 220.5,220.5,220.5), 0.5); } .btn.btn--hover-border:hover { background: none; border: 1px solid var(--colors-theme-background, #dddddd); color: var(--colors-theme-text-no-background, #c3c3c3); } .btn.btn--hover-border:hover.btn--no-color-change { color: var(--colors-theme-text, #c3c3c3); } .btn.btn--hover-fill { background: none; border: 1px solid var(--colors-theme-background, #dddddd); color: var(--colors-theme-background, #dddddd); } .btn.btn--hover-fill:hover { background: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); } .btn.btn--hover-float:hover { -webkit-transform: translateY(-0.5rem); -ms-transform: translateY(-0.5rem); transform: translateY(-0.5rem); } .btn--xxs { padding: 0.16667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.55rem); } .btn--xxs.btn--square { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); } .btn--xs { padding: 0.33333rem 1rem; font-size: var(--font-sizes-xs, 0.825rem); } .btn--xs.btn--square { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); } .btn--sm { padding: 0.5rem 1.5rem; font-size: var(--font-sizes-sm, 0.99rem); } .btn--sm.btn--square { width: 4.5rem; height: 4.5rem; padding: var(--spaces-reset, 0); } .btn--md { padding: 0.66667rem 2rem; font-size: var(--font-sizes-md, 1.1rem); } .btn--md.btn--square { width: 6rem; height: 6rem; padding: var(--spaces-reset, 0); } .btn--lg { padding: 1rem 3rem; font-size: var(--font-sizes-lg, 1.375rem); } .btn--lg.btn--square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--xl { padding: 1.66667rem 5rem; font-size: var(--font-sizes-xl, 1.925rem); } .btn--xl.btn--square { width: 15rem; height: 15rem; width: 12.5rem; height: 12.5rem; padding: var(--spaces-reset, 0); } .btn--xxl { padding: 3.33333rem 10rem; font-size: var(--font-sizes-xxl, 2.75rem); } .btn--xxl.btn--square { width: 30rem; height: 30rem; width: 25rem; height: 25rem; padding: var(--spaces-reset, 0); } .btn--xxxl { padding: 5.33333rem 16rem; font-size: var(--font-sizes-xxxl, 4.4rem); } .btn--xxxl.btn--square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--xxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxl, 6.05rem); } .btn--xxxxl.btn--square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } .btn--xxxxxl { padding: 10rem 30rem; font-size: var(--font-sizes-xxxxxl, 7.15rem); } .btn--xxxxxl.btn--square { width: 90rem; height: 90rem; width: 75rem; height: 75rem; padding: var(--spaces-reset, 0); } .btn--xxxxxxl { padding: 12rem 36rem; font-size: var(--font-sizes-xxxxxxl, 8.8rem); } .btn--xxxxxxl.btn--square { width: 108rem; height: 108rem; width: 90rem; height: 90rem; padding: var(--spaces-reset, 0); } @media (min-width: 576px) { .btn--media-sm-xxs { padding: 0.16667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.55rem); } .btn--media-sm-xxs.btn--media-sm-square { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xs { padding: 0.33333rem 1rem; font-size: var(--font-sizes-xs, 0.825rem); } .btn--media-sm-xs.btn--media-sm-square { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); } .btn--media-sm-sm { padding: 0.5rem 1.5rem; font-size: var(--font-sizes-sm, 0.99rem); } .btn--media-sm-sm.btn--media-sm-square { width: 4.5rem; height: 4.5rem; padding: var(--spaces-reset, 0); } .btn--media-sm-md { padding: 0.66667rem 2rem; font-size: var(--font-sizes-md, 1.1rem); } .btn--media-sm-md.btn--media-sm-square { width: 6rem; height: 6rem; padding: var(--spaces-reset, 0); } .btn--media-sm-lg { padding: 1rem 3rem; font-size: var(--font-sizes-lg, 1.375rem); } .btn--media-sm-lg.btn--media-sm-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xl { padding: 1.66667rem 5rem; font-size: var(--font-sizes-xl, 1.925rem); } .btn--media-sm-xl.btn--media-sm-square { width: 15rem; height: 15rem; width: 12.5rem; height: 12.5rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xxl { padding: 3.33333rem 10rem; font-size: var(--font-sizes-xxl, 2.75rem); } .btn--media-sm-xxl.btn--media-sm-square { width: 30rem; height: 30rem; width: 25rem; height: 25rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xxxl { padding: 5.33333rem 16rem; font-size: var(--font-sizes-xxxl, 4.4rem); } .btn--media-sm-xxxl.btn--media-sm-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxl, 6.05rem); } .btn--media-sm-xxxxl.btn--media-sm-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xxxxxl { padding: 10rem 30rem; font-size: var(--font-sizes-xxxxxl, 7.15rem); } .btn--media-sm-xxxxxl.btn--media-sm-square { width: 90rem; height: 90rem; width: 75rem; height: 75rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xxxxxxl { padding: 12rem 36rem; font-size: var(--font-sizes-xxxxxxl, 8.8rem); } .btn--media-sm-xxxxxxl.btn--media-sm-square { width: 108rem; height: 108rem; width: 90rem; height: 90rem; padding: var(--spaces-reset, 0); } } @media (min-width: 768px) { .btn--media-md-xxs { padding: 0.16667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.55rem); } .btn--media-md-xxs.btn--media-md-square { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); } .btn--media-md-xs { padding: 0.33333rem 1rem; font-size: var(--font-sizes-xs, 0.825rem); } .btn--media-md-xs.btn--media-md-square { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); } .btn--media-md-sm { padding: 0.5rem 1.5rem; font-size: var(--font-sizes-sm, 0.99rem); } .btn--media-md-sm.btn--media-md-square { width: 4.5rem; height: 4.5rem; padding: var(--spaces-reset, 0); } .btn--media-md-md { padding: 0.66667rem 2rem; font-size: var(--font-sizes-md, 1.1rem); } .btn--media-md-md.btn--media-md-square { width: 6rem; height: 6rem; padding: var(--spaces-reset, 0); } .btn--media-md-lg { padding: 1rem 3rem; font-size: var(--font-sizes-lg, 1.375rem); } .btn--media-md-lg.btn--media-md-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-md-xl { padding: 1.66667rem 5rem; font-size: var(--font-sizes-xl, 1.925rem); } .btn--media-md-xl.btn--media-md-square { width: 15rem; height: 15rem; width: 12.5rem; height: 12.5rem; padding: var(--spaces-reset, 0); } .btn--media-md-xxl { padding: 3.33333rem 10rem; font-size: var(--font-sizes-xxl, 2.75rem); } .btn--media-md-xxl.btn--media-md-square { width: 30rem; height: 30rem; width: 25rem; height: 25rem; padding: var(--spaces-reset, 0); } .btn--media-md-xxxl { padding: 5.33333rem 16rem; font-size: var(--font-sizes-xxxl, 4.4rem); } .btn--media-md-xxxl.btn--media-md-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-md-xxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxl, 6.05rem); } .btn--media-md-xxxxl.btn--media-md-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } .btn--media-md-xxxxxl { padding: 10rem 30rem; font-size: var(--font-sizes-xxxxxl, 7.15rem); } .btn--media-md-xxxxxl.btn--media-md-square { width: 90rem; height: 90rem; width: 75rem; height: 75rem; padding: var(--spaces-reset, 0); } .btn--media-md-xxxxxxl { padding: 12rem 36rem; font-size: var(--font-sizes-xxxxxxl, 8.8rem); } .btn--media-md-xxxxxxl.btn--media-md-square { width: 108rem; height: 108rem; width: 90rem; height: 90rem; padding: var(--spaces-reset, 0); } } @media (min-width: 992px) { .btn--media-lg-xxs { padding: 0.16667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.55rem); } .btn--media-lg-xxs.btn--media-lg-square { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xs { padding: 0.33333rem 1rem; font-size: var(--font-sizes-xs, 0.825rem); } .btn--media-lg-xs.btn--media-lg-square { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); } .btn--media-lg-sm { padding: 0.5rem 1.5rem; font-size: var(--font-sizes-sm, 0.99rem); } .btn--media-lg-sm.btn--media-lg-square { width: 4.5rem; height: 4.5rem; padding: var(--spaces-reset, 0); } .btn--media-lg-md { padding: 0.66667rem 2rem; font-size: var(--font-sizes-md, 1.1rem); } .btn--media-lg-md.btn--media-lg-square { width: 6rem; height: 6rem; padding: var(--spaces-reset, 0); } .btn--media-lg-lg { padding: 1rem 3rem; font-size: var(--font-sizes-lg, 1.375rem); } .btn--media-lg-lg.btn--media-lg-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xl { padding: 1.66667rem 5rem; font-size: var(--font-sizes-xl, 1.925rem); } .btn--media-lg-xl.btn--media-lg-square { width: 15rem; height: 15rem; width: 12.5rem; height: 12.5rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xxl { padding: 3.33333rem 10rem; font-size: var(--font-sizes-xxl, 2.75rem); } .btn--media-lg-xxl.btn--media-lg-square { width: 30rem; height: 30rem; width: 25rem; height: 25rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xxxl { padding: 5.33333rem 16rem; font-size: var(--font-sizes-xxxl, 4.4rem); } .btn--media-lg-xxxl.btn--media-lg-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxl, 6.05rem); } .btn--media-lg-xxxxl.btn--media-lg-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xxxxxl { padding: 10rem 30rem; font-size: var(--font-sizes-xxxxxl, 7.15rem); } .btn--media-lg-xxxxxl.btn--media-lg-square { width: 90rem; height: 90rem; width: 75rem; height: 75rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xxxxxxl { padding: 12rem 36rem; font-size: var(--font-sizes-xxxxxxl, 8.8rem); } .btn--media-lg-xxxxxxl.btn--media-lg-square { width: 108rem; height: 108rem; width: 90rem; height: 90rem; padding: var(--spaces-reset, 0); } } @media (min-width: 1200px) { .btn--media-xl-xxs { padding: 0.16667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.55rem); } .btn--media-xl-xxs.btn--media-xl-square { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xs { padding: 0.33333rem 1rem; font-size: var(--font-sizes-xs, 0.825rem); } .btn--media-xl-xs.btn--media-xl-square { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); } .btn--media-xl-sm { padding: 0.5rem 1.5rem; font-size: var(--font-sizes-sm, 0.99rem); } .btn--media-xl-sm.btn--media-xl-square { width: 4.5rem; height: 4.5rem; padding: var(--spaces-reset, 0); } .btn--media-xl-md { padding: 0.66667rem 2rem; font-size: var(--font-sizes-md, 1.1rem); } .btn--media-xl-md.btn--media-xl-square { width: 6rem; height: 6rem; padding: var(--spaces-reset, 0); } .btn--media-xl-lg { padding: 1rem 3rem; font-size: var(--font-sizes-lg, 1.375rem); } .btn--media-xl-lg.btn--media-xl-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xl { padding: 1.66667rem 5rem; font-size: var(--font-sizes-xl, 1.925rem); } .btn--media-xl-xl.btn--media-xl-square { width: 15rem; height: 15rem; width: 12.5rem; height: 12.5rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xxl { padding: 3.33333rem 10rem; font-size: var(--font-sizes-xxl, 2.75rem); } .btn--media-xl-xxl.btn--media-xl-square { width: 30rem; height: 30rem; width: 25rem; height: 25rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xxxl { padding: 5.33333rem 16rem; font-size: var(--font-sizes-xxxl, 4.4rem); } .btn--media-xl-xxxl.btn--media-xl-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxl, 6.05rem); } .btn--media-xl-xxxxl.btn--media-xl-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xxxxxl { padding: 10rem 30rem; font-size: var(--font-sizes-xxxxxl, 7.15rem); } .btn--media-xl-xxxxxl.btn--media-xl-square { width: 90rem; height: 90rem; width: 75rem; height: 75rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xxxxxxl { padding: 12rem 36rem; font-size: var(--font-sizes-xxxxxxl, 8.8rem); } .btn--media-xl-xxxxxxl.btn--media-xl-square { width: 108rem; height: 108rem; width: 90rem; height: 90rem; padding: var(--spaces-reset, 0); } } @media (min-width: 1440px) { .btn--media-xxl-xxs { padding: 0.16667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.55rem); } .btn--media-xxl-xxs.btn--media-xxl-square { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xs { padding: 0.33333rem 1rem; font-size: var(--font-sizes-xs, 0.825rem); } .btn--media-xxl-xs.btn--media-xxl-square { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-sm { padding: 0.5rem 1.5rem; font-size: var(--font-sizes-sm, 0.99rem); } .btn--media-xxl-sm.btn--media-xxl-square { width: 4.5rem; height: 4.5rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-md { padding: 0.66667rem 2rem; font-size: var(--font-sizes-md, 1.1rem); } .btn--media-xxl-md.btn--media-xxl-square { width: 6rem; height: 6rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-lg { padding: 1rem 3rem; font-size: var(--font-sizes-lg, 1.375rem); } .btn--media-xxl-lg.btn--media-xxl-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xl { padding: 1.66667rem 5rem; font-size: var(--font-sizes-xl, 1.925rem); } .btn--media-xxl-xl.btn--media-xxl-square { width: 15rem; height: 15rem; width: 12.5rem; height: 12.5rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xxl { padding: 3.33333rem 10rem; font-size: var(--font-sizes-xxl, 2.75rem); } .btn--media-xxl-xxl.btn--media-xxl-square { width: 30rem; height: 30rem; width: 25rem; height: 25rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xxxl { padding: 5.33333rem 16rem; font-size: var(--font-sizes-xxxl, 4.4rem); } .btn--media-xxl-xxxl.btn--media-xxl-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxl, 6.05rem); } .btn--media-xxl-xxxxl.btn--media-xxl-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xxxxxl { padding: 10rem 30rem; font-size: var(--font-sizes-xxxxxl, 7.15rem); } .btn--media-xxl-xxxxxl.btn--media-xxl-square { width: 90rem; height: 90rem; width: 75rem; height: 75rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xxxxxxl { padding: 12rem 36rem; font-size: var(--font-sizes-xxxxxxl, 8.8rem); } .btn--media-xxl-xxxxxxl.btn--media-xxl-square { width: 108rem; height: 108rem; width: 90rem; height: 90rem; padding: var(--spaces-reset, 0); } } @media (min-width: 1600px) { .btn--media-xxxl-xxs { padding: 0.16667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.55rem); } .btn--media-xxxl-xxs.btn--media-xxxl-square { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xs { padding: 0.33333rem 1rem; font-size: var(--font-sizes-xs, 0.825rem); } .btn--media-xxxl-xs.btn--media-xxxl-square { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-sm { padding: 0.5rem 1.5rem; font-size: var(--font-sizes-sm, 0.99rem); } .btn--media-xxxl-sm.btn--media-xxxl-square { width: 4.5rem; height: 4.5rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-md { padding: 0.66667rem 2rem; font-size: var(--font-sizes-md, 1.1rem); } .btn--media-xxxl-md.btn--media-xxxl-square { width: 6rem; height: 6rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-lg { padding: 1rem 3rem; font-size: var(--font-sizes-lg, 1.375rem); } .btn--media-xxxl-lg.btn--media-xxxl-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xl { padding: 1.66667rem 5rem; font-size: var(--font-sizes-xl, 1.925rem); } .btn--media-xxxl-xl.btn--media-xxxl-square { width: 15rem; height: 15rem; width: 12.5rem; height: 12.5rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xxl { padding: 3.33333rem 10rem; font-size: var(--font-sizes-xxl, 2.75rem); } .btn--media-xxxl-xxl.btn--media-xxxl-square { width: 30rem; height: 30rem; width: 25rem; height: 25rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xxxl { padding: 5.33333rem 16rem; font-size: var(--font-sizes-xxxl, 4.4rem); } .btn--media-xxxl-xxxl.btn--media-xxxl-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxl, 6.05rem); } .btn--media-xxxl-xxxxl.btn--media-xxxl-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xxxxxl { padding: 10rem 30rem; font-size: var(--font-sizes-xxxxxl, 7.15rem); } .btn--media-xxxl-xxxxxl.btn--media-xxxl-square { width: 90rem; height: 90rem; width: 75rem; height: 75rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xxxxxxl { padding: 12rem 36rem; font-size: var(--font-sizes-xxxxxxl, 8.8rem); } .btn--media-xxxl-xxxxxxl.btn--media-xxxl-square { width: 108rem; height: 108rem; width: 90rem; height: 90rem; padding: var(--spaces-reset, 0); } } @media (min-width: 1900px) { .btn--media-xxxxl-xxs { padding: 0.16667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.55rem); } .btn--media-xxxxl-xxs.btn--media-xxxxl-square { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); } .btn--media-xxxxl-xs { padding: 0.33333rem 1rem; font-size: var(--font-sizes-xs, 0.825rem); } .btn--media-xxxxl-xs.btn--media-xxxxl-square { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); } .btn--media-xxxxl-sm { padding: 0.5rem 1.5rem; font-size: var(--font-sizes-sm, 0.99rem); } .btn--media-xxxxl-sm.btn--media-xxxxl-square { width: 4.5rem; height: 4.5rem; padding: var(--spaces-reset, 0); } .btn--media-xxxxl-md { padding: 0.66667rem 2rem; font-size: var(--font-sizes-md, 1.1rem); } .btn--media-xxxxl-md.btn--media-xxxxl-square { width: 6rem; height: 6rem; padding: var(--spaces-reset, 0); } .btn--media-xxxxl-lg { padding: 1rem 3rem; font-size: var(--font-sizes-lg, 1.375rem); } .btn--media-xxxxl-lg.btn--media-xxxxl-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-xxxxl-xl { padding: 1.66667rem 5rem; font-size: var(--font-sizes-xl, 1.925rem); } .btn--media-xxxxl-xl.btn--media-xxxxl-square { width: 15rem; height: 15rem; width: 12.5rem; height: 12.5rem; padding: var(--spaces-reset, 0); } .btn--media-xxxxl-xxl { padding: 3.33333rem 10rem; font-size: var(--font-sizes-xxl, 2.75rem); } .btn--media-xxxxl-xxl.btn--media-xxxxl-square { width: 30rem; height: 30rem; width: 25rem; height: 25rem; padding: var(--spaces-reset, 0); } .btn--media-xxxxl-xxxl { padding: 5.33333rem 16rem; font-size: var(--font-sizes-xxxl, 4.4rem); } .btn--media-xxxxl-xxxl.btn--media-xxxxl-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-xxxxl-xxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxl, 6.05rem); } .btn--media-xxxxl-xxxxl.btn--media-xxxxl-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } .btn--media-xxxxl-xxxxxl { padding: 10rem 30rem; font-size: var(--font-sizes-xxxxxl, 7.15rem); } .btn--media-xxxxl-xxxxxl.btn--media-xxxxl-square { width: 90rem; height: 90rem; width: 75rem; height: 75rem; padding: var(--spaces-reset, 0); } .btn--media-xxxxl-xxxxxxl { padding: 12rem 36rem; font-size: var(--font-sizes-xxxxxxl, 8.8rem); } .btn--media-xxxxl-xxxxxxl.btn--media-xxxxl-square { width: 108rem; height: 108rem; width: 90rem; height: 90rem; padding: var(--spaces-reset, 0); } } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check ~ *[class*="__label"] { cursor: pointer; } .btn-check.btn-check--check-fill:checked + *[class*="__label"] .btn, .btn-check.btn-check--check-fill:checked + .btn { background: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); } .button-group { position: relative; vertical-align: middle; /* MODIFIERS */ } .button-group > .button-group__button { position: relative; flex: 1 1 auto; cursor: pointer; } .button-group > .button-group__check-button:checked + .button-group__button, .button-group > .button-group__check-button:focus + .button-group__button, .button-group .button-group__button:hover, .button-group .button-group__button:focus, .button-group .button-group__button:active, .button-group .button-group__button.button-group__button--active { z-index: 1; } .button-group.button-group--vertical > .button-group__button { width: 100%; } .button-group.button-group--vertical.button-group--border > .button-group__button:not(:first-child), .button-group.button-group--vertical.button-group--border > .btn-group:not(:first-child) { margin-top: -2px; } .button-group.button-group--vertical.button-group--border > .button-group__button:not(:last-child), .button-group.button-group--vertical.button-group--border > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .button-group.button-group--vertical.button-group--border > .button-group__button ~ .button-group__button, .button-group.button-group--vertical.button-group--border > .button-group__button-group:not(:first-child) > .button-group__button { border-top-right-radius: 0; border-top-left-radius: 0; } .button-group.button-group--horizontal.button-group--border > .button-group__button:not(:first-child) { margin-right: -2px; } .button-group.button-group--horizontal.button-group--border > .button-group__button:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .button-group.button-group--horizontal.button-group--border > .button-group__button:nth-child(n + 3), .button-group.button-group--horizontal.button-group--border > :not(.button-group__check-button) + .button-group__button { border-top-right-radius: 0; border-bottom-right-radius: 0; } .button-group.button-group--pill { --button-group-items: 3; --button-group-items-active: 1; --button-group-gap-x: 1.5rem; --button-group-gap-y: .5rem; background-color: var(--colors-theme-background, #dddddd); /* MODIFIERS */ } .button-group.button-group--pill:before { content: ""; display: block; width: calc(100% / var(--button-group-items)); height: 100%; position: absolute; top: 0; right: 0; background-color: var(--colors-theme-background, #dddddd); -webkit-transition: transform 0.5s cubic-bezier(0.75, 0.35, 0.25, 1.12); -o-transition: transform 0.5s cubic-bezier(0.75, 0.35, 0.25, 1.12); transition: transform 0.5s cubic-bezier(0.75, 0.35, 0.25, 1.12); } .button-group.button-group--pill .button-group__button { width: calc((100% - ((var(--button-group-items)*var(--button-group-gap-x))*2)) / var(--button-group-items)); -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--colors-theme-text, #c3c3c3); white-space: nowrap; -webkit-transition: color 0s ease-in-out 0.25s; -o-transition: color 0s ease-in-out 0.25s; transition: color 0s ease-in-out 0.25s; } .button-group.button-group--pill .button-group__button .button-group__label { padding: var(--button-group-gap-y) var(--button-group-gap-x); } .button-group.button-group--pill.button-group--horizontal:before { -webkit-transform: translateX(calc(-1 * 100% * (var(--button-group-items-active) - 1))); -ms-transform: translateX(calc(-1 * 100% * (var(--button-group-items-active) - 1))); transform: translateX(calc(-1 * 100% * (var(--button-group-items-active) - 1))); } .button-group.button-group--pill.button-group--vertical:before { -webkit-transform: translateY(calc(100% * (var(--button-group-items-active) - 1))); -ms-transform: translateY(calc(100% * (var(--button-group-items-active) - 1))); transform: translateY(calc(100% * (var(--button-group-items-active) - 1))); } .button-group.button-group--pill.button-group--pill-gap:before { width: calc((100% - ((var(--button-group-items)*var(--button-group-gap-x))*2)) / var(--button-group-items)); height: calc(100% - (var(--button-group-gap-y)*2)); top: var(--button-group-gap-y); right: var(--button-group-gap-x); } .button-group.button-group--pill.button-group--pill-gap.button-group--horizontal:before { -webkit-transform: translateX(calc((-1 * 100% + (var(--button-group-gap-x) * 2) ) * (var(--button-group-items-active) - 1))); -ms-transform: translateX(calc((-1 * 100% + (var(--button-group-gap-x) * 2) ) * (var(--button-group-items-active) - 1))); transform: translateX(calc((-1 * 100% + (var(--button-group-gap-x) * 2) ) * (var(--button-group-items-active) - 1))); } .button-group.button-group--pill.button-group--pill-gap.button-group--vertical:before { -webkit-transform: translateY(calc((100% + (var(--button-group-gap-y) * 2) ) * (var(--button-group-items-active) - 1))); -ms-transform: translateY(calc((100% + (var(--button-group-gap-y) * 2) ) * (var(--button-group-items-active) - 1))); transform: translateY(calc((100% + (var(--button-group-gap-y) * 2) ) * (var(--button-group-items-active) - 1))); } .swipe-button { width: 100%; height: 45px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; background-color: var(--colors-theme-background, #dddddd); border: white; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .swipe-button .swipe-button__label { color: var(--colors-theme-text, #c3c3c3); } .swipe-button .swipe-button__slider { width: 60px; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: -10px; background-color: var(--colors-theme-background, #dddddd); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: width 0.25s, height 0.25s, border-radius 0.25s; -o-transition: width 0.25s, height 0.25s, border-radius 0.25s; transition: width 0.25s, height 0.25s, border-radius 0.25s; } .swipe-button .swipe-button__slider .swipe-button__slider-indicator { color: var(--colors-theme-text, #c3c3c3); } .swipe-button.swipe-button--unlocked .swipe-button__slider { width: inherit; height: inherit; left: 0 !important; -webkit-border-radius: inherit; -moz-border-radius: inherit; border-radius: inherit; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .title { display: inline-block; position: relative; color: var(--colors-theme-text-no-background, #c3c3c3); font-weight: var(--font-weights-light, 300); } .title--xxs { font-size: var(--font-sizes-xxs, 0.55rem); line-height: 1; } .title--xxs.title--has-bullet:after { width: 0.05556rem; height: 0.05556rem; margin-right: 0.0625rem; } .title--xs { font-size: var(--font-sizes-xs, 0.825rem); line-height: 1; } .title--xs.title--has-bullet:after { width: 0.11111rem; height: 0.11111rem; margin-right: 0.125rem; } .title--sm { font-size: var(--font-sizes-sm, 0.99rem); line-height: 1; } .title--sm.title--has-bullet:after { width: 0.16667rem; height: 0.16667rem; margin-right: 0.1875rem; } .title--md { font-size: var(--font-sizes-md, 1.1rem); line-height: 1; } .title--md.title--has-bullet:after { width: 0.22222rem; height: 0.22222rem; margin-right: 0.25rem; } .title--lg { font-size: var(--font-sizes-lg, 1.375rem); line-height: 1; } .title--lg.title--has-bullet:after { width: 0.33333rem; height: 0.33333rem; margin-right: 0.375rem; } .title--xl { font-size: var(--font-sizes-xl, 1.925rem); line-height: 1; } .title--xl.title--has-bullet:after { width: 0.55556rem; height: 0.55556rem; margin-right: 0.625rem; } .title--xxl { font-size: var(--font-sizes-xxl, 2.75rem); line-height: 1; } .title--xxl.title--has-bullet:after { width: 1.11111rem; height: 1.11111rem; margin-right: 1.25rem; } .title--xxxl { font-size: var(--font-sizes-xxxl, 4.4rem); line-height: 1; } .title--xxxl.title--has-bullet:after { width: 1.77778rem; height: 1.77778rem; margin-right: 2rem; } .title--xxxxl { font-size: var(--font-sizes-xxxxl, 6.05rem); line-height: 1; } .title--xxxxl.title--has-bullet:after { width: 2.66667rem; height: 2.66667rem; margin-right: 3rem; } .title--xxxxxl { font-size: var(--font-sizes-xxxxxl, 7.15rem); line-height: 1; } .title--xxxxxl.title--has-bullet:after { width: 3.33333rem; height: 3.33333rem; margin-right: 3.75rem; } .title--xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 8.8rem); line-height: 1; } .title--xxxxxxl.title--has-bullet:after { width: 4rem; height: 4rem; margin-right: 4.5rem; } .title--start { display: block; margin: var(--spaces-reset, 0); text-align: right; /* MODIFIERS */ } .title--start.title--has-topline { width: auto; } .title--start.title--has-underline .title__underline { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--start.title--has-bullet { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--center { display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); text-align: center; /* MODIFIERS */ } .title--center.title--has-topline { width: max-content; } .title--center.title--has-underline .title__underline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--center.title--has-bullet { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--end { display: block; margin: var(--spaces-reset, 0); margin-right: var(--spaces-auto, auto); text-align: left; /* MODIFIERS */ } .title--end.title--has-topline { width: auto; } .title--end.title--has-underline .title__underline { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .title--end.title--has-bullet { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } @media (min-width: 576px) { .title--media-sm-xxs { font-size: var(--font-sizes-xxs, 0.55rem); line-height: 1; } .title--media-sm-xxs.title--has-bullet:after { width: 0.05556rem; height: 0.05556rem; margin-right: 0.0625rem; } .title--media-sm-xs { font-size: var(--font-sizes-xs, 0.825rem); line-height: 1; } .title--media-sm-xs.title--has-bullet:after { width: 0.11111rem; height: 0.11111rem; margin-right: 0.125rem; } .title--media-sm-sm { font-size: var(--font-sizes-sm, 0.99rem); line-height: 1; } .title--media-sm-sm.title--has-bullet:after { width: 0.16667rem; height: 0.16667rem; margin-right: 0.1875rem; } .title--media-sm-md { font-size: var(--font-sizes-md, 1.1rem); line-height: 1; } .title--media-sm-md.title--has-bullet:after { width: 0.22222rem; height: 0.22222rem; margin-right: 0.25rem; } .title--media-sm-lg { font-size: var(--font-sizes-lg, 1.375rem); line-height: 1; } .title--media-sm-lg.title--has-bullet:after { width: 0.33333rem; height: 0.33333rem; margin-right: 0.375rem; } .title--media-sm-xl { font-size: var(--font-sizes-xl, 1.925rem); line-height: 1; } .title--media-sm-xl.title--has-bullet:after { width: 0.55556rem; height: 0.55556rem; margin-right: 0.625rem; } .title--media-sm-xxl { font-size: var(--font-sizes-xxl, 2.75rem); line-height: 1; } .title--media-sm-xxl.title--has-bullet:after { width: 1.11111rem; height: 1.11111rem; margin-right: 1.25rem; } .title--media-sm-xxxl { font-size: var(--font-sizes-xxxl, 4.4rem); line-height: 1; } .title--media-sm-xxxl.title--has-bullet:after { width: 1.77778rem; height: 1.77778rem; margin-right: 2rem; } .title--media-sm-xxxxl { font-size: var(--font-sizes-xxxxl, 6.05rem); line-height: 1; } .title--media-sm-xxxxl.title--has-bullet:after { width: 2.66667rem; height: 2.66667rem; margin-right: 3rem; } .title--media-sm-xxxxxl { font-size: var(--font-sizes-xxxxxl, 7.15rem); line-height: 1; } .title--media-sm-xxxxxl.title--has-bullet:after { width: 3.33333rem; height: 3.33333rem; margin-right: 3.75rem; } .title--media-sm-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 8.8rem); line-height: 1; } .title--media-sm-xxxxxxl.title--has-bullet:after { width: 4rem; height: 4rem; margin-right: 4.5rem; } .title--media-sm-start { display: block; margin: var(--spaces-reset, 0); text-align: right; /* MODIFIERS */ } .title--media-sm-start.title--has-topline { width: auto; } .title--media-sm-start.title--has-underline .title__underline { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-sm-start.title--has-bullet { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-sm-center { display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); text-align: center; /* MODIFIERS */ } .title--media-sm-center.title--has-topline { width: max-content; } .title--media-sm-center.title--has-underline .title__underline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-sm-center.title--has-bullet { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-sm-end { display: block; margin: var(--spaces-reset, 0); margin-right: var(--spaces-auto, auto); text-align: left; /* MODIFIERS */ } .title--media-sm-end.title--has-topline { width: auto; } .title--media-sm-end.title--has-underline .title__underline { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .title--media-sm-end.title--has-bullet { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } } @media (min-width: 768px) { .title--media-md-xxs { font-size: var(--font-sizes-xxs, 0.55rem); line-height: 1; } .title--media-md-xxs.title--has-bullet:after { width: 0.05556rem; height: 0.05556rem; margin-right: 0.0625rem; } .title--media-md-xs { font-size: var(--font-sizes-xs, 0.825rem); line-height: 1; } .title--media-md-xs.title--has-bullet:after { width: 0.11111rem; height: 0.11111rem; margin-right: 0.125rem; } .title--media-md-sm { font-size: var(--font-sizes-sm, 0.99rem); line-height: 1; } .title--media-md-sm.title--has-bullet:after { width: 0.16667rem; height: 0.16667rem; margin-right: 0.1875rem; } .title--media-md-md { font-size: var(--font-sizes-md, 1.1rem); line-height: 1; } .title--media-md-md.title--has-bullet:after { width: 0.22222rem; height: 0.22222rem; margin-right: 0.25rem; } .title--media-md-lg { font-size: var(--font-sizes-lg, 1.375rem); line-height: 1; } .title--media-md-lg.title--has-bullet:after { width: 0.33333rem; height: 0.33333rem; margin-right: 0.375rem; } .title--media-md-xl { font-size: var(--font-sizes-xl, 1.925rem); line-height: 1; } .title--media-md-xl.title--has-bullet:after { width: 0.55556rem; height: 0.55556rem; margin-right: 0.625rem; } .title--media-md-xxl { font-size: var(--font-sizes-xxl, 2.75rem); line-height: 1; } .title--media-md-xxl.title--has-bullet:after { width: 1.11111rem; height: 1.11111rem; margin-right: 1.25rem; } .title--media-md-xxxl { font-size: var(--font-sizes-xxxl, 4.4rem); line-height: 1; } .title--media-md-xxxl.title--has-bullet:after { width: 1.77778rem; height: 1.77778rem; margin-right: 2rem; } .title--media-md-xxxxl { font-size: var(--font-sizes-xxxxl, 6.05rem); line-height: 1; } .title--media-md-xxxxl.title--has-bullet:after { width: 2.66667rem; height: 2.66667rem; margin-right: 3rem; } .title--media-md-xxxxxl { font-size: var(--font-sizes-xxxxxl, 7.15rem); line-height: 1; } .title--media-md-xxxxxl.title--has-bullet:after { width: 3.33333rem; height: 3.33333rem; margin-right: 3.75rem; } .title--media-md-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 8.8rem); line-height: 1; } .title--media-md-xxxxxxl.title--has-bullet:after { width: 4rem; height: 4rem; margin-right: 4.5rem; } .title--media-md-start { display: block; margin: var(--spaces-reset, 0); text-align: right; /* MODIFIERS */ } .title--media-md-start.title--has-topline { width: auto; } .title--media-md-start.title--has-underline .title__underline { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-md-start.title--has-bullet { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-md-center { display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); text-align: center; /* MODIFIERS */ } .title--media-md-center.title--has-topline { width: max-content; } .title--media-md-center.title--has-underline .title__underline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-md-center.title--has-bullet { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-md-end { display: block; margin: var(--spaces-reset, 0); margin-right: var(--spaces-auto, auto); text-align: left; /* MODIFIERS */ } .title--media-md-end.title--has-topline { width: auto; } .title--media-md-end.title--has-underline .title__underline { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .title--media-md-end.title--has-bullet { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } } @media (min-width: 992px) { .title--media-lg-xxs { font-size: var(--font-sizes-xxs, 0.55rem); line-height: 1; } .title--media-lg-xxs.title--has-bullet:after { width: 0.05556rem; height: 0.05556rem; margin-right: 0.0625rem; } .title--media-lg-xs { font-size: var(--font-sizes-xs, 0.825rem); line-height: 1; } .title--media-lg-xs.title--has-bullet:after { width: 0.11111rem; height: 0.11111rem; margin-right: 0.125rem; } .title--media-lg-sm { font-size: var(--font-sizes-sm, 0.99rem); line-height: 1; } .title--media-lg-sm.title--has-bullet:after { width: 0.16667rem; height: 0.16667rem; margin-right: 0.1875rem; } .title--media-lg-md { font-size: var(--font-sizes-md, 1.1rem); line-height: 1; } .title--media-lg-md.title--has-bullet:after { width: 0.22222rem; height: 0.22222rem; margin-right: 0.25rem; } .title--media-lg-lg { font-size: var(--font-sizes-lg, 1.375rem); line-height: 1; } .title--media-lg-lg.title--has-bullet:after { width: 0.33333rem; height: 0.33333rem; margin-right: 0.375rem; } .title--media-lg-xl { font-size: var(--font-sizes-xl, 1.925rem); line-height: 1; } .title--media-lg-xl.title--has-bullet:after { width: 0.55556rem; height: 0.55556rem; margin-right: 0.625rem; } .title--media-lg-xxl { font-size: var(--font-sizes-xxl, 2.75rem); line-height: 1; } .title--media-lg-xxl.title--has-bullet:after { width: 1.11111rem; height: 1.11111rem; margin-right: 1.25rem; } .title--media-lg-xxxl { font-size: var(--font-sizes-xxxl, 4.4rem); line-height: 1; } .title--media-lg-xxxl.title--has-bullet:after { width: 1.77778rem; height: 1.77778rem; margin-right: 2rem; } .title--media-lg-xxxxl { font-size: var(--font-sizes-xxxxl, 6.05rem); line-height: 1; } .title--media-lg-xxxxl.title--has-bullet:after { width: 2.66667rem; height: 2.66667rem; margin-right: 3rem; } .title--media-lg-xxxxxl { font-size: var(--font-sizes-xxxxxl, 7.15rem); line-height: 1; } .title--media-lg-xxxxxl.title--has-bullet:after { width: 3.33333rem; height: 3.33333rem; margin-right: 3.75rem; } .title--media-lg-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 8.8rem); line-height: 1; } .title--media-lg-xxxxxxl.title--has-bullet:after { width: 4rem; height: 4rem; margin-right: 4.5rem; } .title--media-lg-start { display: block; margin: var(--spaces-reset, 0); text-align: right; /* MODIFIERS */ } .title--media-lg-start.title--has-topline { width: auto; } .title--media-lg-start.title--has-underline .title__underline { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-lg-start.title--has-bullet { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-lg-center { display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); text-align: center; /* MODIFIERS */ } .title--media-lg-center.title--has-topline { width: max-content; } .title--media-lg-center.title--has-underline .title__underline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-lg-center.title--has-bullet { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-lg-end { display: block; margin: var(--spaces-reset, 0); margin-right: var(--spaces-auto, auto); text-align: left; /* MODIFIERS */ } .title--media-lg-end.title--has-topline { width: auto; } .title--media-lg-end.title--has-underline .title__underline { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .title--media-lg-end.title--has-bullet { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } } @media (min-width: 1200px) { .title--media-xl-xxs { font-size: var(--font-sizes-xxs, 0.55rem); line-height: 1; } .title--media-xl-xxs.title--has-bullet:after { width: 0.05556rem; height: 0.05556rem; margin-right: 0.0625rem; } .title--media-xl-xs { font-size: var(--font-sizes-xs, 0.825rem); line-height: 1; } .title--media-xl-xs.title--has-bullet:after { width: 0.11111rem; height: 0.11111rem; margin-right: 0.125rem; } .title--media-xl-sm { font-size: var(--font-sizes-sm, 0.99rem); line-height: 1; } .title--media-xl-sm.title--has-bullet:after { width: 0.16667rem; height: 0.16667rem; margin-right: 0.1875rem; } .title--media-xl-md { font-size: var(--font-sizes-md, 1.1rem); line-height: 1; } .title--media-xl-md.title--has-bullet:after { width: 0.22222rem; height: 0.22222rem; margin-right: 0.25rem; } .title--media-xl-lg { font-size: var(--font-sizes-lg, 1.375rem); line-height: 1; } .title--media-xl-lg.title--has-bullet:after { width: 0.33333rem; height: 0.33333rem; margin-right: 0.375rem; } .title--media-xl-xl { font-size: var(--font-sizes-xl, 1.925rem); line-height: 1; } .title--media-xl-xl.title--has-bullet:after { width: 0.55556rem; height: 0.55556rem; margin-right: 0.625rem; } .title--media-xl-xxl { font-size: var(--font-sizes-xxl, 2.75rem); line-height: 1; } .title--media-xl-xxl.title--has-bullet:after { width: 1.11111rem; height: 1.11111rem; margin-right: 1.25rem; } .title--media-xl-xxxl { font-size: var(--font-sizes-xxxl, 4.4rem); line-height: 1; } .title--media-xl-xxxl.title--has-bullet:after { width: 1.77778rem; height: 1.77778rem; margin-right: 2rem; } .title--media-xl-xxxxl { font-size: var(--font-sizes-xxxxl, 6.05rem); line-height: 1; } .title--media-xl-xxxxl.title--has-bullet:after { width: 2.66667rem; height: 2.66667rem; margin-right: 3rem; } .title--media-xl-xxxxxl { font-size: var(--font-sizes-xxxxxl, 7.15rem); line-height: 1; } .title--media-xl-xxxxxl.title--has-bullet:after { width: 3.33333rem; height: 3.33333rem; margin-right: 3.75rem; } .title--media-xl-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 8.8rem); line-height: 1; } .title--media-xl-xxxxxxl.title--has-bullet:after { width: 4rem; height: 4rem; margin-right: 4.5rem; } .title--media-xl-start { display: block; margin: var(--spaces-reset, 0); text-align: right; /* MODIFIERS */ } .title--media-xl-start.title--has-topline { width: auto; } .title--media-xl-start.title--has-underline .title__underline { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-xl-start.title--has-bullet { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-xl-center { display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); text-align: center; /* MODIFIERS */ } .title--media-xl-center.title--has-topline { width: max-content; } .title--media-xl-center.title--has-underline .title__underline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-xl-center.title--has-bullet { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-xl-end { display: block; margin: var(--spaces-reset, 0); margin-right: var(--spaces-auto, auto); text-align: left; /* MODIFIERS */ } .title--media-xl-end.title--has-topline { width: auto; } .title--media-xl-end.title--has-underline .title__underline { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .title--media-xl-end.title--has-bullet { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } } @media (min-width: 1440px) { .title--media-xxl-xxs { font-size: var(--font-sizes-xxs, 0.55rem); line-height: 1; } .title--media-xxl-xxs.title--has-bullet:after { width: 0.05556rem; height: 0.05556rem; margin-right: 0.0625rem; } .title--media-xxl-xs { font-size: var(--font-sizes-xs, 0.825rem); line-height: 1; } .title--media-xxl-xs.title--has-bullet:after { width: 0.11111rem; height: 0.11111rem; margin-right: 0.125rem; } .title--media-xxl-sm { font-size: var(--font-sizes-sm, 0.99rem); line-height: 1; } .title--media-xxl-sm.title--has-bullet:after { width: 0.16667rem; height: 0.16667rem; margin-right: 0.1875rem; } .title--media-xxl-md { font-size: var(--font-sizes-md, 1.1rem); line-height: 1; } .title--media-xxl-md.title--has-bullet:after { width: 0.22222rem; height: 0.22222rem; margin-right: 0.25rem; } .title--media-xxl-lg { font-size: var(--font-sizes-lg, 1.375rem); line-height: 1; } .title--media-xxl-lg.title--has-bullet:after { width: 0.33333rem; height: 0.33333rem; margin-right: 0.375rem; } .title--media-xxl-xl { font-size: var(--font-sizes-xl, 1.925rem); line-height: 1; } .title--media-xxl-xl.title--has-bullet:after { width: 0.55556rem; height: 0.55556rem; margin-right: 0.625rem; } .title--media-xxl-xxl { font-size: var(--font-sizes-xxl, 2.75rem); line-height: 1; } .title--media-xxl-xxl.title--has-bullet:after { width: 1.11111rem; height: 1.11111rem; margin-right: 1.25rem; } .title--media-xxl-xxxl { font-size: var(--font-sizes-xxxl, 4.4rem); line-height: 1; } .title--media-xxl-xxxl.title--has-bullet:after { width: 1.77778rem; height: 1.77778rem; margin-right: 2rem; } .title--media-xxl-xxxxl { font-size: var(--font-sizes-xxxxl, 6.05rem); line-height: 1; } .title--media-xxl-xxxxl.title--has-bullet:after { width: 2.66667rem; height: 2.66667rem; margin-right: 3rem; } .title--media-xxl-xxxxxl { font-size: var(--font-sizes-xxxxxl, 7.15rem); line-height: 1; } .title--media-xxl-xxxxxl.title--has-bullet:after { width: 3.33333rem; height: 3.33333rem; margin-right: 3.75rem; } .title--media-xxl-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 8.8rem); line-height: 1; } .title--media-xxl-xxxxxxl.title--has-bullet:after { width: 4rem; height: 4rem; margin-right: 4.5rem; } .title--media-xxl-start { display: block; margin: var(--spaces-reset, 0); text-align: right; /* MODIFIERS */ } .title--media-xxl-start.title--has-topline { width: auto; } .title--media-xxl-start.title--has-underline .title__underline { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-xxl-start.title--has-bullet { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-xxl-center { display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); text-align: center; /* MODIFIERS */ } .title--media-xxl-center.title--has-topline { width: max-content; } .title--media-xxl-center.title--has-underline .title__underline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-xxl-center.title--has-bullet { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-xxl-end { display: block; margin: var(--spaces-reset, 0); margin-right: var(--spaces-auto, auto); text-align: left; /* MODIFIERS */ } .title--media-xxl-end.title--has-topline { width: auto; } .title--media-xxl-end.title--has-underline .title__underline { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .title--media-xxl-end.title--has-bullet { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } } @media (min-width: 1600px) { .title--media-xxxl-xxs { font-size: var(--font-sizes-xxs, 0.55rem); line-height: 1; } .title--media-xxxl-xxs.title--has-bullet:after { width: 0.05556rem; height: 0.05556rem; margin-right: 0.0625rem; } .title--media-xxxl-xs { font-size: var(--font-sizes-xs, 0.825rem); line-height: 1; } .title--media-xxxl-xs.title--has-bullet:after { width: 0.11111rem; height: 0.11111rem; margin-right: 0.125rem; } .title--media-xxxl-sm { font-size: var(--font-sizes-sm, 0.99rem); line-height: 1; } .title--media-xxxl-sm.title--has-bullet:after { width: 0.16667rem; height: 0.16667rem; margin-right: 0.1875rem; } .title--media-xxxl-md { font-size: var(--font-sizes-md, 1.1rem); line-height: 1; } .title--media-xxxl-md.title--has-bullet:after { width: 0.22222rem; height: 0.22222rem; margin-right: 0.25rem; } .title--media-xxxl-lg { font-size: var(--font-sizes-lg, 1.375rem); line-height: 1; } .title--media-xxxl-lg.title--has-bullet:after { width: 0.33333rem; height: 0.33333rem; margin-right: 0.375rem; } .title--media-xxxl-xl { font-size: var(--font-sizes-xl, 1.925rem); line-height: 1; } .title--media-xxxl-xl.title--has-bullet:after { width: 0.55556rem; height: 0.55556rem; margin-right: 0.625rem; } .title--media-xxxl-xxl { font-size: var(--font-sizes-xxl, 2.75rem); line-height: 1; } .title--media-xxxl-xxl.title--has-bullet:after { width: 1.11111rem; height: 1.11111rem; margin-right: 1.25rem; } .title--media-xxxl-xxxl { font-size: var(--font-sizes-xxxl, 4.4rem); line-height: 1; } .title--media-xxxl-xxxl.title--has-bullet:after { width: 1.77778rem; height: 1.77778rem; margin-right: 2rem; } .title--media-xxxl-xxxxl { font-size: var(--font-sizes-xxxxl, 6.05rem); line-height: 1; } .title--media-xxxl-xxxxl.title--has-bullet:after { width: 2.66667rem; height: 2.66667rem; margin-right: 3rem; } .title--media-xxxl-xxxxxl { font-size: var(--font-sizes-xxxxxl, 7.15rem); line-height: 1; } .title--media-xxxl-xxxxxl.title--has-bullet:after { width: 3.33333rem; height: 3.33333rem; margin-right: 3.75rem; } .title--media-xxxl-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 8.8rem); line-height: 1; } .title--media-xxxl-xxxxxxl.title--has-bullet:after { width: 4rem; height: 4rem; margin-right: 4.5rem; } .title--media-xxxl-start { display: block; margin: var(--spaces-reset, 0); text-align: right; /* MODIFIERS */ } .title--media-xxxl-start.title--has-topline { width: auto; } .title--media-xxxl-start.title--has-underline .title__underline { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-xxxl-start.title--has-bullet { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-xxxl-center { display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); text-align: center; /* MODIFIERS */ } .title--media-xxxl-center.title--has-topline { width: max-content; } .title--media-xxxl-center.title--has-underline .title__underline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-xxxl-center.title--has-bullet { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-xxxl-end { display: block; margin: var(--spaces-reset, 0); margin-right: var(--spaces-auto, auto); text-align: left; /* MODIFIERS */ } .title--media-xxxl-end.title--has-topline { width: auto; } .title--media-xxxl-end.title--has-underline .title__underline { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .title--media-xxxl-end.title--has-bullet { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } } @media (min-width: 1900px) { .title--media-xxxxl-xxs { font-size: var(--font-sizes-xxs, 0.55rem); line-height: 1; } .title--media-xxxxl-xxs.title--has-bullet:after { width: 0.05556rem; height: 0.05556rem; margin-right: 0.0625rem; } .title--media-xxxxl-xs { font-size: var(--font-sizes-xs, 0.825rem); line-height: 1; } .title--media-xxxxl-xs.title--has-bullet:after { width: 0.11111rem; height: 0.11111rem; margin-right: 0.125rem; } .title--media-xxxxl-sm { font-size: var(--font-sizes-sm, 0.99rem); line-height: 1; } .title--media-xxxxl-sm.title--has-bullet:after { width: 0.16667rem; height: 0.16667rem; margin-right: 0.1875rem; } .title--media-xxxxl-md { font-size: var(--font-sizes-md, 1.1rem); line-height: 1; } .title--media-xxxxl-md.title--has-bullet:after { width: 0.22222rem; height: 0.22222rem; margin-right: 0.25rem; } .title--media-xxxxl-lg { font-size: var(--font-sizes-lg, 1.375rem); line-height: 1; } .title--media-xxxxl-lg.title--has-bullet:after { width: 0.33333rem; height: 0.33333rem; margin-right: 0.375rem; } .title--media-xxxxl-xl { font-size: var(--font-sizes-xl, 1.925rem); line-height: 1; } .title--media-xxxxl-xl.title--has-bullet:after { width: 0.55556rem; height: 0.55556rem; margin-right: 0.625rem; } .title--media-xxxxl-xxl { font-size: var(--font-sizes-xxl, 2.75rem); line-height: 1; } .title--media-xxxxl-xxl.title--has-bullet:after { width: 1.11111rem; height: 1.11111rem; margin-right: 1.25rem; } .title--media-xxxxl-xxxl { font-size: var(--font-sizes-xxxl, 4.4rem); line-height: 1; } .title--media-xxxxl-xxxl.title--has-bullet:after { width: 1.77778rem; height: 1.77778rem; margin-right: 2rem; } .title--media-xxxxl-xxxxl { font-size: var(--font-sizes-xxxxl, 6.05rem); line-height: 1; } .title--media-xxxxl-xxxxl.title--has-bullet:after { width: 2.66667rem; height: 2.66667rem; margin-right: 3rem; } .title--media-xxxxl-xxxxxl { font-size: var(--font-sizes-xxxxxl, 7.15rem); line-height: 1; } .title--media-xxxxl-xxxxxl.title--has-bullet:after { width: 3.33333rem; height: 3.33333rem; margin-right: 3.75rem; } .title--media-xxxxl-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 8.8rem); line-height: 1; } .title--media-xxxxl-xxxxxxl.title--has-bullet:after { width: 4rem; height: 4rem; margin-right: 4.5rem; } .title--media-xxxxl-start { display: block; margin: var(--spaces-reset, 0); text-align: right; /* MODIFIERS */ } .title--media-xxxxl-start.title--has-topline { width: auto; } .title--media-xxxxl-start.title--has-underline .title__underline { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-xxxxl-start.title--has-bullet { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .title--media-xxxxl-center { display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); text-align: center; /* MODIFIERS */ } .title--media-xxxxl-center.title--has-topline { width: max-content; } .title--media-xxxxl-center.title--has-underline .title__underline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-xxxxl-center.title--has-bullet { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .title--media-xxxxl-end { display: block; margin: var(--spaces-reset, 0); margin-right: var(--spaces-auto, auto); text-align: left; /* MODIFIERS */ } .title--media-xxxxl-end.title--has-topline { width: auto; } .title--media-xxxxl-end.title--has-underline .title__underline { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .title--media-xxxxl-end.title--has-bullet { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } } .title--has-topline:before { content: ''; display: block; width: 75px; height: 2px; margin-bottom: var(--spaces-md, 1rem); background-color: var(--colors-theme-background, #dddddd); } .title--has-underline { position: relative; } .title--has-underline:after { content: ''; width: 45%; height: 2px; display: block; margin-top: var(--spaces-md, 1rem); background-color: var(--colors-theme-background, #dddddd); } .title--has-bullet { line-height: 1; } .title--has-bullet:after { content: ''; display: inline-block; background-color: var(--colors-primary-base, #975B14); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: bounce-y 1s infinite; -moz-animation: bounce-y 1s infinite; -o-animation: bounce-y 1s infinite; animation: bounce-y 1s infinite; } .title--has-shadow { text-shadow: 5px 5px 0px var(--colors-foreground-black, #000000); -webkit-text-stroke: 2px var(--colors-background-black, #000000); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .title--has-shadow { text-shadow: 3px 3px 0px var(--colors-foreground-black, #000000); -webkit-text-stroke: 2px var(--colors-background-black, #000000); } } .text { display: inline-block; color: var(--colors-theme-text-no-background, #c3c3c3); } .text--xxs { font-size: var(--font-sizes-xxs, 0.55rem); } .text--xs { font-size: var(--font-sizes-xs, 0.825rem); } .text--sm { font-size: var(--font-sizes-sm, 0.99rem); } .text--md { font-size: var(--font-sizes-md, 1.1rem); } .text--lg { font-size: var(--font-sizes-lg, 1.375rem); } .text--xl { font-size: var(--font-sizes-xl, 1.925rem); } .text--xxl { font-size: var(--font-sizes-xxl, 2.75rem); } .text--xxxl { font-size: var(--font-sizes-xxxl, 4.4rem); } .text--xxxxl { font-size: var(--font-sizes-xxxxl, 6.05rem); } .text--xxxxxl { font-size: var(--font-sizes-xxxxxl, 7.15rem); } .text--xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 8.8rem); } .text--thin { font-weight: var(--font-weights-thin, 100); } .text--extra-light { font-weight: var(--font-weights-extra-light, 200); } .text--light { font-weight: var(--font-weights-light, 300); } .text--regular { font-weight: var(--font-weights-regular, 400); } .text--medium { font-weight: var(--font-weights-medium, 500); } .text--semi-bold { font-weight: var(--font-weights-semi-bold, 600); } .text--bold { font-weight: var(--font-weights-bold, 700); } .text--extra-bold { font-weight: var(--font-weights-extra-bold, 800); } .text--black { font-weight: var(--font-weights-black, 900); } .text--center { text-align: center; } .modal { max-height: 90vh; position: fixed; background-color: var(--colors-theme-background, #dddddd); -webkit-box-shadow: 0 2px 22px rgba(var(--colors-background-natural-400-rgb, 250,245,239), 0.5); -moz-box-shadow: 0 2px 22px rgba(var(--colors-background-natural-400-rgb, 250,245,239), 0.5); box-shadow: 0 2px 22px rgba(var(--colors-background-natural-400-rgb, 250,245,239), 0.5); overflow: auto; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; /* ELEMENTS */ /* BREAKPOINTS */ /* MODIFIERS */ /* POSITIONS */ /* FADES */ } .modal .modal__image-wrapper .modal__image { /* BREAKPOINTS */ } .modal .modal__wrapper { height: 100%; overflow-y: auto; } .modal .modal__header { z-index: 3; } .modal .modal__header--has-bg { background-color: var(--colors-theme-special-background, #110B54); } .modal .modal__header--has-bg .modal__close--has-bg { background-color: var(--colors-theme-special-text, #FFFFFF); color: var(--colors-theme-special-background, #110B54); } .modal *[data-modal-close] { cursor: pointer; } .modal .modal__close { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: var(--spaces-lg, 1.5rem); left: var(--spaces-lg, 1.5rem); color: var(--colors-theme-text, #c3c3c3); z-index: 1; } .modal .modal__close--has-bg { padding: var(--spaces-xs, 0.5rem); background-color: var(--colors-theme-special-background, #110B54); border-radius: 50%; color: var(--colors-theme-special-text, #FFFFFF); -webkit-transform: none; -ms-transform: none; transform: none; } @media (max-width: 991.98px) { .modal { width: 90vw; } } .modal.modal--active { opacity: 1; visibility: visible; z-index: 20; /* BREAKPOINTS */ } @media (max-width: 767.98px) { .modal.modal--active { z-index: 26; } } .modal--sm { max-width: 320px; width: 100%; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .modal--sm { max-width: 85%; } } .modal--md { max-width: 640px; width: 100%; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .modal--md { max-width: 85%; } } .modal--lg { max-width: 920px; width: 100%; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .modal--lg { max-width: 85%; } } @media (max-width: 767.98px) { .modal.modal--is-mobile-full-screen { width: calc(100% - 2rem); height: calc(100% - 2rem); top: 50%; right: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } } @media (max-width: 767.98px) { .modal.modal--is-mobile-full-screen-page-title { width: 100%; height: 100%; padding-top: 70px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; z-index: 20; } .modal.modal--is-mobile-full-screen-page-title .modal__header { display: none; } } .modal--t { top: 0; } .modal--t-indent { top: 1rem; } @media (min-width: 576px) { .modal--media-sm-t { top: 0; } .modal--media-sm-t-indent { top: 1rem; } } @media (min-width: 768px) { .modal--media-md-t { top: 0; } .modal--media-md-t-indent { top: 1rem; } } @media (min-width: 992px) { .modal--media-lg-t { top: 0; } .modal--media-lg-t-indent { top: 1rem; } } @media (min-width: 1200px) { .modal--media-xl-t { top: 0; } .modal--media-xl-t-indent { top: 1rem; } } @media (min-width: 1440px) { .modal--media-xxl-t { top: 0; } .modal--media-xxl-t-indent { top: 1rem; } } @media (min-width: 1600px) { .modal--media-xxxl-t { top: 0; } .modal--media-xxxl-t-indent { top: 1rem; } } @media (min-width: 1900px) { .modal--media-xxxxl-t { top: 0; } .modal--media-xxxxl-t-indent { top: 1rem; } } .modal--b { bottom: 0; } .modal--b-indent { bottom: 1rem; } @media (min-width: 576px) { .modal--media-sm-b { bottom: 0; } .modal--media-sm-b-indent { bottom: 1rem; } } @media (min-width: 768px) { .modal--media-md-b { bottom: 0; } .modal--media-md-b-indent { bottom: 1rem; } } @media (min-width: 992px) { .modal--media-lg-b { bottom: 0; } .modal--media-lg-b-indent { bottom: 1rem; } } @media (min-width: 1200px) { .modal--media-xl-b { bottom: 0; } .modal--media-xl-b-indent { bottom: 1rem; } } @media (min-width: 1440px) { .modal--media-xxl-b { bottom: 0; } .modal--media-xxl-b-indent { bottom: 1rem; } } @media (min-width: 1600px) { .modal--media-xxxl-b { bottom: 0; } .modal--media-xxxl-b-indent { bottom: 1rem; } } @media (min-width: 1900px) { .modal--media-xxxxl-b { bottom: 0; } .modal--media-xxxxl-b-indent { bottom: 1rem; } } .modal--s { right: 0; } .modal--s-indent { right: 1rem; } @media (min-width: 576px) { .modal--media-sm-s { right: 0; } .modal--media-sm-s-indent { right: 1rem; } } @media (min-width: 768px) { .modal--media-md-s { right: 0; } .modal--media-md-s-indent { right: 1rem; } } @media (min-width: 992px) { .modal--media-lg-s { right: 0; } .modal--media-lg-s-indent { right: 1rem; } } @media (min-width: 1200px) { .modal--media-xl-s { right: 0; } .modal--media-xl-s-indent { right: 1rem; } } @media (min-width: 1440px) { .modal--media-xxl-s { right: 0; } .modal--media-xxl-s-indent { right: 1rem; } } @media (min-width: 1600px) { .modal--media-xxxl-s { right: 0; } .modal--media-xxxl-s-indent { right: 1rem; } } @media (min-width: 1900px) { .modal--media-xxxxl-s { right: 0; } .modal--media-xxxxl-s-indent { right: 1rem; } } .modal--e { left: 0; } .modal--e-indent { left: 1rem; } @media (min-width: 576px) { .modal--media-sm-e { left: 0; } .modal--media-sm-e-indent { left: 1rem; } } @media (min-width: 768px) { .modal--media-md-e { left: 0; } .modal--media-md-e-indent { left: 1rem; } } @media (min-width: 992px) { .modal--media-lg-e { left: 0; } .modal--media-lg-e-indent { left: 1rem; } } @media (min-width: 1200px) { .modal--media-xl-e { left: 0; } .modal--media-xl-e-indent { left: 1rem; } } @media (min-width: 1440px) { .modal--media-xxl-e { left: 0; } .modal--media-xxl-e-indent { left: 1rem; } } @media (min-width: 1600px) { .modal--media-xxxl-e { left: 0; } .modal--media-xxxl-e-indent { left: 1rem; } } @media (min-width: 1900px) { .modal--media-xxxxl-e { left: 0; } .modal--media-xxxxl-e-indent { left: 1rem; } } .modal--middle { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal--middle.modal--center { right: 50%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .modal--center { right: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .modal--fade-t { top: -100%; } .modal--fade-t.modal--active { top: 0; } @media (min-width: 576px) { .modal--media-sm-fade-t { top: -100%; } .modal--media-sm-fade-t.modal--active { top: 0; } } @media (min-width: 768px) { .modal--media-md-fade-t { top: -100%; } .modal--media-md-fade-t.modal--active { top: 0; } } @media (min-width: 992px) { .modal--media-lg-fade-t { top: -100%; } .modal--media-lg-fade-t.modal--active { top: 0; } } @media (min-width: 1200px) { .modal--media-xl-fade-t { top: -100%; } .modal--media-xl-fade-t.modal--active { top: 0; } } @media (min-width: 1440px) { .modal--media-xxl-fade-t { top: -100%; } .modal--media-xxl-fade-t.modal--active { top: 0; } } @media (min-width: 1600px) { .modal--media-xxxl-fade-t { top: -100%; } .modal--media-xxxl-fade-t.modal--active { top: 0; } } @media (min-width: 1900px) { .modal--media-xxxxl-fade-t { top: -100%; } .modal--media-xxxxl-fade-t.modal--active { top: 0; } } .modal--fade-b { bottom: -100%; } .modal--fade-b.modal--active { bottom: 0; } @media (min-width: 576px) { .modal--media-sm-fade-b { bottom: -100%; } .modal--media-sm-fade-b.modal--active { bottom: 0; } } @media (min-width: 768px) { .modal--media-md-fade-b { bottom: -100%; } .modal--media-md-fade-b.modal--active { bottom: 0; } } @media (min-width: 992px) { .modal--media-lg-fade-b { bottom: -100%; } .modal--media-lg-fade-b.modal--active { bottom: 0; } } @media (min-width: 1200px) { .modal--media-xl-fade-b { bottom: -100%; } .modal--media-xl-fade-b.modal--active { bottom: 0; } } @media (min-width: 1440px) { .modal--media-xxl-fade-b { bottom: -100%; } .modal--media-xxl-fade-b.modal--active { bottom: 0; } } @media (min-width: 1600px) { .modal--media-xxxl-fade-b { bottom: -100%; } .modal--media-xxxl-fade-b.modal--active { bottom: 0; } } @media (min-width: 1900px) { .modal--media-xxxxl-fade-b { bottom: -100%; } .modal--media-xxxxl-fade-b.modal--active { bottom: 0; } } .modal--fade-s { right: -100%; } .modal--fade-s.modal--active { right: 0; } @media (min-width: 576px) { .modal--media-sm-fade-s { right: -100%; } .modal--media-sm-fade-s.modal--active { right: 0; } } @media (min-width: 768px) { .modal--media-md-fade-s { right: -100%; } .modal--media-md-fade-s.modal--active { right: 0; } } @media (min-width: 992px) { .modal--media-lg-fade-s { right: -100%; } .modal--media-lg-fade-s.modal--active { right: 0; } } @media (min-width: 1200px) { .modal--media-xl-fade-s { right: -100%; } .modal--media-xl-fade-s.modal--active { right: 0; } } @media (min-width: 1440px) { .modal--media-xxl-fade-s { right: -100%; } .modal--media-xxl-fade-s.modal--active { right: 0; } } @media (min-width: 1600px) { .modal--media-xxxl-fade-s { right: -100%; } .modal--media-xxxl-fade-s.modal--active { right: 0; } } @media (min-width: 1900px) { .modal--media-xxxxl-fade-s { right: -100%; } .modal--media-xxxxl-fade-s.modal--active { right: 0; } } .modal--fade-e { left: -100%; } .modal--fade-e.modal--active { left: 0; } @media (min-width: 576px) { .modal--media-sm-fade-e { left: -100%; } .modal--media-sm-fade-e.modal--active { left: 0; } } @media (min-width: 768px) { .modal--media-md-fade-e { left: -100%; } .modal--media-md-fade-e.modal--active { left: 0; } } @media (min-width: 992px) { .modal--media-lg-fade-e { left: -100%; } .modal--media-lg-fade-e.modal--active { left: 0; } } @media (min-width: 1200px) { .modal--media-xl-fade-e { left: -100%; } .modal--media-xl-fade-e.modal--active { left: 0; } } @media (min-width: 1440px) { .modal--media-xxl-fade-e { left: -100%; } .modal--media-xxl-fade-e.modal--active { left: 0; } } @media (min-width: 1600px) { .modal--media-xxxl-fade-e { left: -100%; } .modal--media-xxxl-fade-e.modal--active { left: 0; } } @media (min-width: 1900px) { .modal--media-xxxxl-fade-e { left: -100%; } .modal--media-xxxxl-fade-e.modal--active { left: 0; } } *[class*="--has-indicator"] { position: relative; } .indicator { display: inline-block; position: absolute; background-color: var(--colors-theme-background, #dddddd); } .indicator:before { content: ''; display: none; position: absolute; background-color: var(--colors-theme-background, #dddddd); } .indicator--xxs { padding: 0.25rem; } .indicator--xxs:before { width: 0.75rem; height: 0.75rem; top: -0.125rem; right: -0.125rem; } .indicator--xxs.indicator--full-rounded { padding: 0.25rem; border-radius: 50%; } .indicator--xxs.indicator--full-rounded:before { border-radius: 50%; } .indicator--xxs.indicator--has-label { width: 0.5rem; height: 0.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxs, 0.55rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xxs.indicator--t { top: -0.25rem; } .indicator--xxs.indicator--b { bottom: -0.25rem; } .indicator--xxs.indicator--s { right: -0.25rem; } .indicator--xxs.indicator--e { left: -0.25rem; } .indicator--xs { padding: 0.5rem; } .indicator--xs:before { width: 1.5rem; height: 1.5rem; top: -0.25rem; right: -0.25rem; } .indicator--xs.indicator--full-rounded { padding: 0.5rem; border-radius: 50%; } .indicator--xs.indicator--full-rounded:before { border-radius: 50%; } .indicator--xs.indicator--has-label { width: 1rem; height: 1rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xs, 0.825rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xs.indicator--t { top: -0.5rem; } .indicator--xs.indicator--b { bottom: -0.5rem; } .indicator--xs.indicator--s { right: -0.5rem; } .indicator--xs.indicator--e { left: -0.5rem; } .indicator--sm { padding: 0.75rem; } .indicator--sm:before { width: 2.25rem; height: 2.25rem; top: -0.375rem; right: -0.375rem; } .indicator--sm.indicator--full-rounded { padding: 0.75rem; border-radius: 50%; } .indicator--sm.indicator--full-rounded:before { border-radius: 50%; } .indicator--sm.indicator--has-label { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--sm.indicator--t { top: -0.75rem; } .indicator--sm.indicator--b { bottom: -0.75rem; } .indicator--sm.indicator--s { right: -0.75rem; } .indicator--sm.indicator--e { left: -0.75rem; } .indicator--md { padding: 1rem; } .indicator--md:before { width: 3rem; height: 3rem; top: -0.5rem; right: -0.5rem; } .indicator--md.indicator--full-rounded { padding: 1rem; border-radius: 50%; } .indicator--md.indicator--full-rounded:before { border-radius: 50%; } .indicator--md.indicator--has-label { width: 2rem; height: 2rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--md.indicator--t { top: -1rem; } .indicator--md.indicator--b { bottom: -1rem; } .indicator--md.indicator--s { right: -1rem; } .indicator--md.indicator--e { left: -1rem; } .indicator--lg { padding: 1.5rem; } .indicator--lg:before { width: 4.5rem; height: 4.5rem; top: -0.75rem; right: -0.75rem; } .indicator--lg.indicator--full-rounded { padding: 1.5rem; border-radius: 50%; } .indicator--lg.indicator--full-rounded:before { border-radius: 50%; } .indicator--lg.indicator--has-label { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-lg, 1.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--lg.indicator--t { top: -1.5rem; } .indicator--lg.indicator--b { bottom: -1.5rem; } .indicator--lg.indicator--s { right: -1.5rem; } .indicator--lg.indicator--e { left: -1.5rem; } .indicator--xl { padding: 2.5rem; } .indicator--xl:before { width: 7.5rem; height: 7.5rem; top: -1.25rem; right: -1.25rem; } .indicator--xl.indicator--full-rounded { padding: 2.5rem; border-radius: 50%; } .indicator--xl.indicator--full-rounded:before { border-radius: 50%; } .indicator--xl.indicator--has-label { width: 5rem; height: 5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xl, 1.925rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xl.indicator--t { top: -2.5rem; } .indicator--xl.indicator--b { bottom: -2.5rem; } .indicator--xl.indicator--s { right: -2.5rem; } .indicator--xl.indicator--e { left: -2.5rem; } .indicator--xxl { padding: 5rem; } .indicator--xxl:before { width: 15rem; height: 15rem; top: -2.5rem; right: -2.5rem; } .indicator--xxl.indicator--full-rounded { padding: 5rem; border-radius: 50%; } .indicator--xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--xxl.indicator--has-label { width: 10rem; height: 10rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 2.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xxl.indicator--t { top: -5rem; } .indicator--xxl.indicator--b { bottom: -5rem; } .indicator--xxl.indicator--s { right: -5rem; } .indicator--xxl.indicator--e { left: -5rem; } .indicator--xxxl { padding: 8rem; } .indicator--xxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--xxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--xxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.4rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xxxl.indicator--t { top: -8rem; } .indicator--xxxl.indicator--b { bottom: -8rem; } .indicator--xxxl.indicator--s { right: -8rem; } .indicator--xxxl.indicator--e { left: -8rem; } .indicator--xxxxl { padding: 12rem; } .indicator--xxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--xxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--xxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 6.05rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xxxxl.indicator--t { top: -12rem; } .indicator--xxxxl.indicator--b { bottom: -12rem; } .indicator--xxxxl.indicator--s { right: -12rem; } .indicator--xxxxl.indicator--e { left: -12rem; } .indicator--xxxxxl { padding: 15rem; } .indicator--xxxxxl:before { width: 45rem; height: 45rem; top: -7.5rem; right: -7.5rem; } .indicator--xxxxxl.indicator--full-rounded { padding: 15rem; border-radius: 50%; } .indicator--xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--xxxxxl.indicator--has-label { width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 7.15rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xxxxxl.indicator--t { top: -15rem; } .indicator--xxxxxl.indicator--b { bottom: -15rem; } .indicator--xxxxxl.indicator--s { right: -15rem; } .indicator--xxxxxl.indicator--e { left: -15rem; } .indicator--xxxxxxl { padding: 18rem; } .indicator--xxxxxxl:before { width: 54rem; height: 54rem; top: -9rem; right: -9rem; } .indicator--xxxxxxl.indicator--full-rounded { padding: 18rem; border-radius: 50%; } .indicator--xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--xxxxxxl.indicator--has-label { width: 36rem; height: 36rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 8.8rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xxxxxxl.indicator--t { top: -18rem; } .indicator--xxxxxxl.indicator--b { bottom: -18rem; } .indicator--xxxxxxl.indicator--s { right: -18rem; } .indicator--xxxxxxl.indicator--e { left: -18rem; } @media (min-width: 576px) { .indicator--media-sm-xxs { padding: 0.25rem; } .indicator--media-sm-xxs:before { width: 0.75rem; height: 0.75rem; top: -0.125rem; right: -0.125rem; } .indicator--media-sm-xxs.indicator--full-rounded { padding: 0.25rem; border-radius: 50%; } .indicator--media-sm-xxs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xxs.indicator--has-label { width: 0.5rem; height: 0.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxs, 0.55rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xxs.indicator--t { top: -0.25rem; } .indicator--media-sm-xxs.indicator--b { bottom: -0.25rem; } .indicator--media-sm-xxs.indicator--s { right: -0.25rem; } .indicator--media-sm-xxs.indicator--e { left: -0.25rem; } .indicator--media-sm-xs { padding: 0.5rem; } .indicator--media-sm-xs:before { width: 1.5rem; height: 1.5rem; top: -0.25rem; right: -0.25rem; } .indicator--media-sm-xs.indicator--full-rounded { padding: 0.5rem; border-radius: 50%; } .indicator--media-sm-xs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xs.indicator--has-label { width: 1rem; height: 1rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xs, 0.825rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xs.indicator--t { top: -0.5rem; } .indicator--media-sm-xs.indicator--b { bottom: -0.5rem; } .indicator--media-sm-xs.indicator--s { right: -0.5rem; } .indicator--media-sm-xs.indicator--e { left: -0.5rem; } .indicator--media-sm-sm { padding: 0.75rem; } .indicator--media-sm-sm:before { width: 2.25rem; height: 2.25rem; top: -0.375rem; right: -0.375rem; } .indicator--media-sm-sm.indicator--full-rounded { padding: 0.75rem; border-radius: 50%; } .indicator--media-sm-sm.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-sm.indicator--has-label { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-sm.indicator--t { top: -0.75rem; } .indicator--media-sm-sm.indicator--b { bottom: -0.75rem; } .indicator--media-sm-sm.indicator--s { right: -0.75rem; } .indicator--media-sm-sm.indicator--e { left: -0.75rem; } .indicator--media-sm-md { padding: 1rem; } .indicator--media-sm-md:before { width: 3rem; height: 3rem; top: -0.5rem; right: -0.5rem; } .indicator--media-sm-md.indicator--full-rounded { padding: 1rem; border-radius: 50%; } .indicator--media-sm-md.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-md.indicator--has-label { width: 2rem; height: 2rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-md.indicator--t { top: -1rem; } .indicator--media-sm-md.indicator--b { bottom: -1rem; } .indicator--media-sm-md.indicator--s { right: -1rem; } .indicator--media-sm-md.indicator--e { left: -1rem; } .indicator--media-sm-lg { padding: 1.5rem; } .indicator--media-sm-lg:before { width: 4.5rem; height: 4.5rem; top: -0.75rem; right: -0.75rem; } .indicator--media-sm-lg.indicator--full-rounded { padding: 1.5rem; border-radius: 50%; } .indicator--media-sm-lg.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-lg.indicator--has-label { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-lg, 1.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-lg.indicator--t { top: -1.5rem; } .indicator--media-sm-lg.indicator--b { bottom: -1.5rem; } .indicator--media-sm-lg.indicator--s { right: -1.5rem; } .indicator--media-sm-lg.indicator--e { left: -1.5rem; } .indicator--media-sm-xl { padding: 2.5rem; } .indicator--media-sm-xl:before { width: 7.5rem; height: 7.5rem; top: -1.25rem; right: -1.25rem; } .indicator--media-sm-xl.indicator--full-rounded { padding: 2.5rem; border-radius: 50%; } .indicator--media-sm-xl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xl.indicator--has-label { width: 5rem; height: 5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xl, 1.925rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xl.indicator--t { top: -2.5rem; } .indicator--media-sm-xl.indicator--b { bottom: -2.5rem; } .indicator--media-sm-xl.indicator--s { right: -2.5rem; } .indicator--media-sm-xl.indicator--e { left: -2.5rem; } .indicator--media-sm-xxl { padding: 5rem; } .indicator--media-sm-xxl:before { width: 15rem; height: 15rem; top: -2.5rem; right: -2.5rem; } .indicator--media-sm-xxl.indicator--full-rounded { padding: 5rem; border-radius: 50%; } .indicator--media-sm-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xxl.indicator--has-label { width: 10rem; height: 10rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 2.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xxl.indicator--t { top: -5rem; } .indicator--media-sm-xxl.indicator--b { bottom: -5rem; } .indicator--media-sm-xxl.indicator--s { right: -5rem; } .indicator--media-sm-xxl.indicator--e { left: -5rem; } .indicator--media-sm-xxxl { padding: 8rem; } .indicator--media-sm-xxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-sm-xxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-sm-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.4rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xxxl.indicator--t { top: -8rem; } .indicator--media-sm-xxxl.indicator--b { bottom: -8rem; } .indicator--media-sm-xxxl.indicator--s { right: -8rem; } .indicator--media-sm-xxxl.indicator--e { left: -8rem; } .indicator--media-sm-xxxxl { padding: 12rem; } .indicator--media-sm-xxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-sm-xxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-sm-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 6.05rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xxxxl.indicator--t { top: -12rem; } .indicator--media-sm-xxxxl.indicator--b { bottom: -12rem; } .indicator--media-sm-xxxxl.indicator--s { right: -12rem; } .indicator--media-sm-xxxxl.indicator--e { left: -12rem; } .indicator--media-sm-xxxxxl { padding: 15rem; } .indicator--media-sm-xxxxxl:before { width: 45rem; height: 45rem; top: -7.5rem; right: -7.5rem; } .indicator--media-sm-xxxxxl.indicator--full-rounded { padding: 15rem; border-radius: 50%; } .indicator--media-sm-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xxxxxl.indicator--has-label { width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 7.15rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xxxxxl.indicator--t { top: -15rem; } .indicator--media-sm-xxxxxl.indicator--b { bottom: -15rem; } .indicator--media-sm-xxxxxl.indicator--s { right: -15rem; } .indicator--media-sm-xxxxxl.indicator--e { left: -15rem; } .indicator--media-sm-xxxxxxl { padding: 18rem; } .indicator--media-sm-xxxxxxl:before { width: 54rem; height: 54rem; top: -9rem; right: -9rem; } .indicator--media-sm-xxxxxxl.indicator--full-rounded { padding: 18rem; border-radius: 50%; } .indicator--media-sm-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xxxxxxl.indicator--has-label { width: 36rem; height: 36rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 8.8rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xxxxxxl.indicator--t { top: -18rem; } .indicator--media-sm-xxxxxxl.indicator--b { bottom: -18rem; } .indicator--media-sm-xxxxxxl.indicator--s { right: -18rem; } .indicator--media-sm-xxxxxxl.indicator--e { left: -18rem; } } @media (min-width: 768px) { .indicator--media-md-xxs { padding: 0.25rem; } .indicator--media-md-xxs:before { width: 0.75rem; height: 0.75rem; top: -0.125rem; right: -0.125rem; } .indicator--media-md-xxs.indicator--full-rounded { padding: 0.25rem; border-radius: 50%; } .indicator--media-md-xxs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xxs.indicator--has-label { width: 0.5rem; height: 0.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxs, 0.55rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xxs.indicator--t { top: -0.25rem; } .indicator--media-md-xxs.indicator--b { bottom: -0.25rem; } .indicator--media-md-xxs.indicator--s { right: -0.25rem; } .indicator--media-md-xxs.indicator--e { left: -0.25rem; } .indicator--media-md-xs { padding: 0.5rem; } .indicator--media-md-xs:before { width: 1.5rem; height: 1.5rem; top: -0.25rem; right: -0.25rem; } .indicator--media-md-xs.indicator--full-rounded { padding: 0.5rem; border-radius: 50%; } .indicator--media-md-xs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xs.indicator--has-label { width: 1rem; height: 1rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xs, 0.825rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xs.indicator--t { top: -0.5rem; } .indicator--media-md-xs.indicator--b { bottom: -0.5rem; } .indicator--media-md-xs.indicator--s { right: -0.5rem; } .indicator--media-md-xs.indicator--e { left: -0.5rem; } .indicator--media-md-sm { padding: 0.75rem; } .indicator--media-md-sm:before { width: 2.25rem; height: 2.25rem; top: -0.375rem; right: -0.375rem; } .indicator--media-md-sm.indicator--full-rounded { padding: 0.75rem; border-radius: 50%; } .indicator--media-md-sm.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-sm.indicator--has-label { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-sm.indicator--t { top: -0.75rem; } .indicator--media-md-sm.indicator--b { bottom: -0.75rem; } .indicator--media-md-sm.indicator--s { right: -0.75rem; } .indicator--media-md-sm.indicator--e { left: -0.75rem; } .indicator--media-md-md { padding: 1rem; } .indicator--media-md-md:before { width: 3rem; height: 3rem; top: -0.5rem; right: -0.5rem; } .indicator--media-md-md.indicator--full-rounded { padding: 1rem; border-radius: 50%; } .indicator--media-md-md.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-md.indicator--has-label { width: 2rem; height: 2rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-md.indicator--t { top: -1rem; } .indicator--media-md-md.indicator--b { bottom: -1rem; } .indicator--media-md-md.indicator--s { right: -1rem; } .indicator--media-md-md.indicator--e { left: -1rem; } .indicator--media-md-lg { padding: 1.5rem; } .indicator--media-md-lg:before { width: 4.5rem; height: 4.5rem; top: -0.75rem; right: -0.75rem; } .indicator--media-md-lg.indicator--full-rounded { padding: 1.5rem; border-radius: 50%; } .indicator--media-md-lg.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-lg.indicator--has-label { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-lg, 1.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-lg.indicator--t { top: -1.5rem; } .indicator--media-md-lg.indicator--b { bottom: -1.5rem; } .indicator--media-md-lg.indicator--s { right: -1.5rem; } .indicator--media-md-lg.indicator--e { left: -1.5rem; } .indicator--media-md-xl { padding: 2.5rem; } .indicator--media-md-xl:before { width: 7.5rem; height: 7.5rem; top: -1.25rem; right: -1.25rem; } .indicator--media-md-xl.indicator--full-rounded { padding: 2.5rem; border-radius: 50%; } .indicator--media-md-xl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xl.indicator--has-label { width: 5rem; height: 5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xl, 1.925rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xl.indicator--t { top: -2.5rem; } .indicator--media-md-xl.indicator--b { bottom: -2.5rem; } .indicator--media-md-xl.indicator--s { right: -2.5rem; } .indicator--media-md-xl.indicator--e { left: -2.5rem; } .indicator--media-md-xxl { padding: 5rem; } .indicator--media-md-xxl:before { width: 15rem; height: 15rem; top: -2.5rem; right: -2.5rem; } .indicator--media-md-xxl.indicator--full-rounded { padding: 5rem; border-radius: 50%; } .indicator--media-md-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xxl.indicator--has-label { width: 10rem; height: 10rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 2.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xxl.indicator--t { top: -5rem; } .indicator--media-md-xxl.indicator--b { bottom: -5rem; } .indicator--media-md-xxl.indicator--s { right: -5rem; } .indicator--media-md-xxl.indicator--e { left: -5rem; } .indicator--media-md-xxxl { padding: 8rem; } .indicator--media-md-xxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-md-xxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-md-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.4rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xxxl.indicator--t { top: -8rem; } .indicator--media-md-xxxl.indicator--b { bottom: -8rem; } .indicator--media-md-xxxl.indicator--s { right: -8rem; } .indicator--media-md-xxxl.indicator--e { left: -8rem; } .indicator--media-md-xxxxl { padding: 12rem; } .indicator--media-md-xxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-md-xxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-md-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 6.05rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xxxxl.indicator--t { top: -12rem; } .indicator--media-md-xxxxl.indicator--b { bottom: -12rem; } .indicator--media-md-xxxxl.indicator--s { right: -12rem; } .indicator--media-md-xxxxl.indicator--e { left: -12rem; } .indicator--media-md-xxxxxl { padding: 15rem; } .indicator--media-md-xxxxxl:before { width: 45rem; height: 45rem; top: -7.5rem; right: -7.5rem; } .indicator--media-md-xxxxxl.indicator--full-rounded { padding: 15rem; border-radius: 50%; } .indicator--media-md-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xxxxxl.indicator--has-label { width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 7.15rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xxxxxl.indicator--t { top: -15rem; } .indicator--media-md-xxxxxl.indicator--b { bottom: -15rem; } .indicator--media-md-xxxxxl.indicator--s { right: -15rem; } .indicator--media-md-xxxxxl.indicator--e { left: -15rem; } .indicator--media-md-xxxxxxl { padding: 18rem; } .indicator--media-md-xxxxxxl:before { width: 54rem; height: 54rem; top: -9rem; right: -9rem; } .indicator--media-md-xxxxxxl.indicator--full-rounded { padding: 18rem; border-radius: 50%; } .indicator--media-md-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xxxxxxl.indicator--has-label { width: 36rem; height: 36rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 8.8rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xxxxxxl.indicator--t { top: -18rem; } .indicator--media-md-xxxxxxl.indicator--b { bottom: -18rem; } .indicator--media-md-xxxxxxl.indicator--s { right: -18rem; } .indicator--media-md-xxxxxxl.indicator--e { left: -18rem; } } @media (min-width: 992px) { .indicator--media-lg-xxs { padding: 0.25rem; } .indicator--media-lg-xxs:before { width: 0.75rem; height: 0.75rem; top: -0.125rem; right: -0.125rem; } .indicator--media-lg-xxs.indicator--full-rounded { padding: 0.25rem; border-radius: 50%; } .indicator--media-lg-xxs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xxs.indicator--has-label { width: 0.5rem; height: 0.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxs, 0.55rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xxs.indicator--t { top: -0.25rem; } .indicator--media-lg-xxs.indicator--b { bottom: -0.25rem; } .indicator--media-lg-xxs.indicator--s { right: -0.25rem; } .indicator--media-lg-xxs.indicator--e { left: -0.25rem; } .indicator--media-lg-xs { padding: 0.5rem; } .indicator--media-lg-xs:before { width: 1.5rem; height: 1.5rem; top: -0.25rem; right: -0.25rem; } .indicator--media-lg-xs.indicator--full-rounded { padding: 0.5rem; border-radius: 50%; } .indicator--media-lg-xs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xs.indicator--has-label { width: 1rem; height: 1rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xs, 0.825rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xs.indicator--t { top: -0.5rem; } .indicator--media-lg-xs.indicator--b { bottom: -0.5rem; } .indicator--media-lg-xs.indicator--s { right: -0.5rem; } .indicator--media-lg-xs.indicator--e { left: -0.5rem; } .indicator--media-lg-sm { padding: 0.75rem; } .indicator--media-lg-sm:before { width: 2.25rem; height: 2.25rem; top: -0.375rem; right: -0.375rem; } .indicator--media-lg-sm.indicator--full-rounded { padding: 0.75rem; border-radius: 50%; } .indicator--media-lg-sm.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-sm.indicator--has-label { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-sm.indicator--t { top: -0.75rem; } .indicator--media-lg-sm.indicator--b { bottom: -0.75rem; } .indicator--media-lg-sm.indicator--s { right: -0.75rem; } .indicator--media-lg-sm.indicator--e { left: -0.75rem; } .indicator--media-lg-md { padding: 1rem; } .indicator--media-lg-md:before { width: 3rem; height: 3rem; top: -0.5rem; right: -0.5rem; } .indicator--media-lg-md.indicator--full-rounded { padding: 1rem; border-radius: 50%; } .indicator--media-lg-md.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-md.indicator--has-label { width: 2rem; height: 2rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-md.indicator--t { top: -1rem; } .indicator--media-lg-md.indicator--b { bottom: -1rem; } .indicator--media-lg-md.indicator--s { right: -1rem; } .indicator--media-lg-md.indicator--e { left: -1rem; } .indicator--media-lg-lg { padding: 1.5rem; } .indicator--media-lg-lg:before { width: 4.5rem; height: 4.5rem; top: -0.75rem; right: -0.75rem; } .indicator--media-lg-lg.indicator--full-rounded { padding: 1.5rem; border-radius: 50%; } .indicator--media-lg-lg.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-lg.indicator--has-label { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-lg, 1.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-lg.indicator--t { top: -1.5rem; } .indicator--media-lg-lg.indicator--b { bottom: -1.5rem; } .indicator--media-lg-lg.indicator--s { right: -1.5rem; } .indicator--media-lg-lg.indicator--e { left: -1.5rem; } .indicator--media-lg-xl { padding: 2.5rem; } .indicator--media-lg-xl:before { width: 7.5rem; height: 7.5rem; top: -1.25rem; right: -1.25rem; } .indicator--media-lg-xl.indicator--full-rounded { padding: 2.5rem; border-radius: 50%; } .indicator--media-lg-xl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xl.indicator--has-label { width: 5rem; height: 5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xl, 1.925rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xl.indicator--t { top: -2.5rem; } .indicator--media-lg-xl.indicator--b { bottom: -2.5rem; } .indicator--media-lg-xl.indicator--s { right: -2.5rem; } .indicator--media-lg-xl.indicator--e { left: -2.5rem; } .indicator--media-lg-xxl { padding: 5rem; } .indicator--media-lg-xxl:before { width: 15rem; height: 15rem; top: -2.5rem; right: -2.5rem; } .indicator--media-lg-xxl.indicator--full-rounded { padding: 5rem; border-radius: 50%; } .indicator--media-lg-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xxl.indicator--has-label { width: 10rem; height: 10rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 2.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xxl.indicator--t { top: -5rem; } .indicator--media-lg-xxl.indicator--b { bottom: -5rem; } .indicator--media-lg-xxl.indicator--s { right: -5rem; } .indicator--media-lg-xxl.indicator--e { left: -5rem; } .indicator--media-lg-xxxl { padding: 8rem; } .indicator--media-lg-xxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-lg-xxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-lg-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.4rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xxxl.indicator--t { top: -8rem; } .indicator--media-lg-xxxl.indicator--b { bottom: -8rem; } .indicator--media-lg-xxxl.indicator--s { right: -8rem; } .indicator--media-lg-xxxl.indicator--e { left: -8rem; } .indicator--media-lg-xxxxl { padding: 12rem; } .indicator--media-lg-xxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-lg-xxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-lg-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 6.05rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xxxxl.indicator--t { top: -12rem; } .indicator--media-lg-xxxxl.indicator--b { bottom: -12rem; } .indicator--media-lg-xxxxl.indicator--s { right: -12rem; } .indicator--media-lg-xxxxl.indicator--e { left: -12rem; } .indicator--media-lg-xxxxxl { padding: 15rem; } .indicator--media-lg-xxxxxl:before { width: 45rem; height: 45rem; top: -7.5rem; right: -7.5rem; } .indicator--media-lg-xxxxxl.indicator--full-rounded { padding: 15rem; border-radius: 50%; } .indicator--media-lg-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xxxxxl.indicator--has-label { width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 7.15rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xxxxxl.indicator--t { top: -15rem; } .indicator--media-lg-xxxxxl.indicator--b { bottom: -15rem; } .indicator--media-lg-xxxxxl.indicator--s { right: -15rem; } .indicator--media-lg-xxxxxl.indicator--e { left: -15rem; } .indicator--media-lg-xxxxxxl { padding: 18rem; } .indicator--media-lg-xxxxxxl:before { width: 54rem; height: 54rem; top: -9rem; right: -9rem; } .indicator--media-lg-xxxxxxl.indicator--full-rounded { padding: 18rem; border-radius: 50%; } .indicator--media-lg-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xxxxxxl.indicator--has-label { width: 36rem; height: 36rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 8.8rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xxxxxxl.indicator--t { top: -18rem; } .indicator--media-lg-xxxxxxl.indicator--b { bottom: -18rem; } .indicator--media-lg-xxxxxxl.indicator--s { right: -18rem; } .indicator--media-lg-xxxxxxl.indicator--e { left: -18rem; } } @media (min-width: 1200px) { .indicator--media-xl-xxs { padding: 0.25rem; } .indicator--media-xl-xxs:before { width: 0.75rem; height: 0.75rem; top: -0.125rem; right: -0.125rem; } .indicator--media-xl-xxs.indicator--full-rounded { padding: 0.25rem; border-radius: 50%; } .indicator--media-xl-xxs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xxs.indicator--has-label { width: 0.5rem; height: 0.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxs, 0.55rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xxs.indicator--t { top: -0.25rem; } .indicator--media-xl-xxs.indicator--b { bottom: -0.25rem; } .indicator--media-xl-xxs.indicator--s { right: -0.25rem; } .indicator--media-xl-xxs.indicator--e { left: -0.25rem; } .indicator--media-xl-xs { padding: 0.5rem; } .indicator--media-xl-xs:before { width: 1.5rem; height: 1.5rem; top: -0.25rem; right: -0.25rem; } .indicator--media-xl-xs.indicator--full-rounded { padding: 0.5rem; border-radius: 50%; } .indicator--media-xl-xs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xs.indicator--has-label { width: 1rem; height: 1rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xs, 0.825rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xs.indicator--t { top: -0.5rem; } .indicator--media-xl-xs.indicator--b { bottom: -0.5rem; } .indicator--media-xl-xs.indicator--s { right: -0.5rem; } .indicator--media-xl-xs.indicator--e { left: -0.5rem; } .indicator--media-xl-sm { padding: 0.75rem; } .indicator--media-xl-sm:before { width: 2.25rem; height: 2.25rem; top: -0.375rem; right: -0.375rem; } .indicator--media-xl-sm.indicator--full-rounded { padding: 0.75rem; border-radius: 50%; } .indicator--media-xl-sm.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-sm.indicator--has-label { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-sm.indicator--t { top: -0.75rem; } .indicator--media-xl-sm.indicator--b { bottom: -0.75rem; } .indicator--media-xl-sm.indicator--s { right: -0.75rem; } .indicator--media-xl-sm.indicator--e { left: -0.75rem; } .indicator--media-xl-md { padding: 1rem; } .indicator--media-xl-md:before { width: 3rem; height: 3rem; top: -0.5rem; right: -0.5rem; } .indicator--media-xl-md.indicator--full-rounded { padding: 1rem; border-radius: 50%; } .indicator--media-xl-md.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-md.indicator--has-label { width: 2rem; height: 2rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-md.indicator--t { top: -1rem; } .indicator--media-xl-md.indicator--b { bottom: -1rem; } .indicator--media-xl-md.indicator--s { right: -1rem; } .indicator--media-xl-md.indicator--e { left: -1rem; } .indicator--media-xl-lg { padding: 1.5rem; } .indicator--media-xl-lg:before { width: 4.5rem; height: 4.5rem; top: -0.75rem; right: -0.75rem; } .indicator--media-xl-lg.indicator--full-rounded { padding: 1.5rem; border-radius: 50%; } .indicator--media-xl-lg.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-lg.indicator--has-label { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-lg, 1.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-lg.indicator--t { top: -1.5rem; } .indicator--media-xl-lg.indicator--b { bottom: -1.5rem; } .indicator--media-xl-lg.indicator--s { right: -1.5rem; } .indicator--media-xl-lg.indicator--e { left: -1.5rem; } .indicator--media-xl-xl { padding: 2.5rem; } .indicator--media-xl-xl:before { width: 7.5rem; height: 7.5rem; top: -1.25rem; right: -1.25rem; } .indicator--media-xl-xl.indicator--full-rounded { padding: 2.5rem; border-radius: 50%; } .indicator--media-xl-xl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xl.indicator--has-label { width: 5rem; height: 5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xl, 1.925rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xl.indicator--t { top: -2.5rem; } .indicator--media-xl-xl.indicator--b { bottom: -2.5rem; } .indicator--media-xl-xl.indicator--s { right: -2.5rem; } .indicator--media-xl-xl.indicator--e { left: -2.5rem; } .indicator--media-xl-xxl { padding: 5rem; } .indicator--media-xl-xxl:before { width: 15rem; height: 15rem; top: -2.5rem; right: -2.5rem; } .indicator--media-xl-xxl.indicator--full-rounded { padding: 5rem; border-radius: 50%; } .indicator--media-xl-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xxl.indicator--has-label { width: 10rem; height: 10rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 2.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xxl.indicator--t { top: -5rem; } .indicator--media-xl-xxl.indicator--b { bottom: -5rem; } .indicator--media-xl-xxl.indicator--s { right: -5rem; } .indicator--media-xl-xxl.indicator--e { left: -5rem; } .indicator--media-xl-xxxl { padding: 8rem; } .indicator--media-xl-xxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-xl-xxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-xl-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.4rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xxxl.indicator--t { top: -8rem; } .indicator--media-xl-xxxl.indicator--b { bottom: -8rem; } .indicator--media-xl-xxxl.indicator--s { right: -8rem; } .indicator--media-xl-xxxl.indicator--e { left: -8rem; } .indicator--media-xl-xxxxl { padding: 12rem; } .indicator--media-xl-xxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-xl-xxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-xl-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 6.05rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xxxxl.indicator--t { top: -12rem; } .indicator--media-xl-xxxxl.indicator--b { bottom: -12rem; } .indicator--media-xl-xxxxl.indicator--s { right: -12rem; } .indicator--media-xl-xxxxl.indicator--e { left: -12rem; } .indicator--media-xl-xxxxxl { padding: 15rem; } .indicator--media-xl-xxxxxl:before { width: 45rem; height: 45rem; top: -7.5rem; right: -7.5rem; } .indicator--media-xl-xxxxxl.indicator--full-rounded { padding: 15rem; border-radius: 50%; } .indicator--media-xl-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xxxxxl.indicator--has-label { width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 7.15rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xxxxxl.indicator--t { top: -15rem; } .indicator--media-xl-xxxxxl.indicator--b { bottom: -15rem; } .indicator--media-xl-xxxxxl.indicator--s { right: -15rem; } .indicator--media-xl-xxxxxl.indicator--e { left: -15rem; } .indicator--media-xl-xxxxxxl { padding: 18rem; } .indicator--media-xl-xxxxxxl:before { width: 54rem; height: 54rem; top: -9rem; right: -9rem; } .indicator--media-xl-xxxxxxl.indicator--full-rounded { padding: 18rem; border-radius: 50%; } .indicator--media-xl-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xxxxxxl.indicator--has-label { width: 36rem; height: 36rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 8.8rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xxxxxxl.indicator--t { top: -18rem; } .indicator--media-xl-xxxxxxl.indicator--b { bottom: -18rem; } .indicator--media-xl-xxxxxxl.indicator--s { right: -18rem; } .indicator--media-xl-xxxxxxl.indicator--e { left: -18rem; } } @media (min-width: 1440px) { .indicator--media-xxl-xxs { padding: 0.25rem; } .indicator--media-xxl-xxs:before { width: 0.75rem; height: 0.75rem; top: -0.125rem; right: -0.125rem; } .indicator--media-xxl-xxs.indicator--full-rounded { padding: 0.25rem; border-radius: 50%; } .indicator--media-xxl-xxs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xxs.indicator--has-label { width: 0.5rem; height: 0.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxs, 0.55rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xxs.indicator--t { top: -0.25rem; } .indicator--media-xxl-xxs.indicator--b { bottom: -0.25rem; } .indicator--media-xxl-xxs.indicator--s { right: -0.25rem; } .indicator--media-xxl-xxs.indicator--e { left: -0.25rem; } .indicator--media-xxl-xs { padding: 0.5rem; } .indicator--media-xxl-xs:before { width: 1.5rem; height: 1.5rem; top: -0.25rem; right: -0.25rem; } .indicator--media-xxl-xs.indicator--full-rounded { padding: 0.5rem; border-radius: 50%; } .indicator--media-xxl-xs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xs.indicator--has-label { width: 1rem; height: 1rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xs, 0.825rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xs.indicator--t { top: -0.5rem; } .indicator--media-xxl-xs.indicator--b { bottom: -0.5rem; } .indicator--media-xxl-xs.indicator--s { right: -0.5rem; } .indicator--media-xxl-xs.indicator--e { left: -0.5rem; } .indicator--media-xxl-sm { padding: 0.75rem; } .indicator--media-xxl-sm:before { width: 2.25rem; height: 2.25rem; top: -0.375rem; right: -0.375rem; } .indicator--media-xxl-sm.indicator--full-rounded { padding: 0.75rem; border-radius: 50%; } .indicator--media-xxl-sm.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-sm.indicator--has-label { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-sm.indicator--t { top: -0.75rem; } .indicator--media-xxl-sm.indicator--b { bottom: -0.75rem; } .indicator--media-xxl-sm.indicator--s { right: -0.75rem; } .indicator--media-xxl-sm.indicator--e { left: -0.75rem; } .indicator--media-xxl-md { padding: 1rem; } .indicator--media-xxl-md:before { width: 3rem; height: 3rem; top: -0.5rem; right: -0.5rem; } .indicator--media-xxl-md.indicator--full-rounded { padding: 1rem; border-radius: 50%; } .indicator--media-xxl-md.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-md.indicator--has-label { width: 2rem; height: 2rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-md.indicator--t { top: -1rem; } .indicator--media-xxl-md.indicator--b { bottom: -1rem; } .indicator--media-xxl-md.indicator--s { right: -1rem; } .indicator--media-xxl-md.indicator--e { left: -1rem; } .indicator--media-xxl-lg { padding: 1.5rem; } .indicator--media-xxl-lg:before { width: 4.5rem; height: 4.5rem; top: -0.75rem; right: -0.75rem; } .indicator--media-xxl-lg.indicator--full-rounded { padding: 1.5rem; border-radius: 50%; } .indicator--media-xxl-lg.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-lg.indicator--has-label { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-lg, 1.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-lg.indicator--t { top: -1.5rem; } .indicator--media-xxl-lg.indicator--b { bottom: -1.5rem; } .indicator--media-xxl-lg.indicator--s { right: -1.5rem; } .indicator--media-xxl-lg.indicator--e { left: -1.5rem; } .indicator--media-xxl-xl { padding: 2.5rem; } .indicator--media-xxl-xl:before { width: 7.5rem; height: 7.5rem; top: -1.25rem; right: -1.25rem; } .indicator--media-xxl-xl.indicator--full-rounded { padding: 2.5rem; border-radius: 50%; } .indicator--media-xxl-xl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xl.indicator--has-label { width: 5rem; height: 5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xl, 1.925rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xl.indicator--t { top: -2.5rem; } .indicator--media-xxl-xl.indicator--b { bottom: -2.5rem; } .indicator--media-xxl-xl.indicator--s { right: -2.5rem; } .indicator--media-xxl-xl.indicator--e { left: -2.5rem; } .indicator--media-xxl-xxl { padding: 5rem; } .indicator--media-xxl-xxl:before { width: 15rem; height: 15rem; top: -2.5rem; right: -2.5rem; } .indicator--media-xxl-xxl.indicator--full-rounded { padding: 5rem; border-radius: 50%; } .indicator--media-xxl-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xxl.indicator--has-label { width: 10rem; height: 10rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 2.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xxl.indicator--t { top: -5rem; } .indicator--media-xxl-xxl.indicator--b { bottom: -5rem; } .indicator--media-xxl-xxl.indicator--s { right: -5rem; } .indicator--media-xxl-xxl.indicator--e { left: -5rem; } .indicator--media-xxl-xxxl { padding: 8rem; } .indicator--media-xxl-xxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-xxl-xxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-xxl-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.4rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xxxl.indicator--t { top: -8rem; } .indicator--media-xxl-xxxl.indicator--b { bottom: -8rem; } .indicator--media-xxl-xxxl.indicator--s { right: -8rem; } .indicator--media-xxl-xxxl.indicator--e { left: -8rem; } .indicator--media-xxl-xxxxl { padding: 12rem; } .indicator--media-xxl-xxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-xxl-xxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-xxl-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 6.05rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xxxxl.indicator--t { top: -12rem; } .indicator--media-xxl-xxxxl.indicator--b { bottom: -12rem; } .indicator--media-xxl-xxxxl.indicator--s { right: -12rem; } .indicator--media-xxl-xxxxl.indicator--e { left: -12rem; } .indicator--media-xxl-xxxxxl { padding: 15rem; } .indicator--media-xxl-xxxxxl:before { width: 45rem; height: 45rem; top: -7.5rem; right: -7.5rem; } .indicator--media-xxl-xxxxxl.indicator--full-rounded { padding: 15rem; border-radius: 50%; } .indicator--media-xxl-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xxxxxl.indicator--has-label { width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 7.15rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xxxxxl.indicator--t { top: -15rem; } .indicator--media-xxl-xxxxxl.indicator--b { bottom: -15rem; } .indicator--media-xxl-xxxxxl.indicator--s { right: -15rem; } .indicator--media-xxl-xxxxxl.indicator--e { left: -15rem; } .indicator--media-xxl-xxxxxxl { padding: 18rem; } .indicator--media-xxl-xxxxxxl:before { width: 54rem; height: 54rem; top: -9rem; right: -9rem; } .indicator--media-xxl-xxxxxxl.indicator--full-rounded { padding: 18rem; border-radius: 50%; } .indicator--media-xxl-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xxxxxxl.indicator--has-label { width: 36rem; height: 36rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 8.8rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xxxxxxl.indicator--t { top: -18rem; } .indicator--media-xxl-xxxxxxl.indicator--b { bottom: -18rem; } .indicator--media-xxl-xxxxxxl.indicator--s { right: -18rem; } .indicator--media-xxl-xxxxxxl.indicator--e { left: -18rem; } } @media (min-width: 1600px) { .indicator--media-xxxl-xxs { padding: 0.25rem; } .indicator--media-xxxl-xxs:before { width: 0.75rem; height: 0.75rem; top: -0.125rem; right: -0.125rem; } .indicator--media-xxxl-xxs.indicator--full-rounded { padding: 0.25rem; border-radius: 50%; } .indicator--media-xxxl-xxs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xxs.indicator--has-label { width: 0.5rem; height: 0.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxs, 0.55rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xxs.indicator--t { top: -0.25rem; } .indicator--media-xxxl-xxs.indicator--b { bottom: -0.25rem; } .indicator--media-xxxl-xxs.indicator--s { right: -0.25rem; } .indicator--media-xxxl-xxs.indicator--e { left: -0.25rem; } .indicator--media-xxxl-xs { padding: 0.5rem; } .indicator--media-xxxl-xs:before { width: 1.5rem; height: 1.5rem; top: -0.25rem; right: -0.25rem; } .indicator--media-xxxl-xs.indicator--full-rounded { padding: 0.5rem; border-radius: 50%; } .indicator--media-xxxl-xs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xs.indicator--has-label { width: 1rem; height: 1rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xs, 0.825rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xs.indicator--t { top: -0.5rem; } .indicator--media-xxxl-xs.indicator--b { bottom: -0.5rem; } .indicator--media-xxxl-xs.indicator--s { right: -0.5rem; } .indicator--media-xxxl-xs.indicator--e { left: -0.5rem; } .indicator--media-xxxl-sm { padding: 0.75rem; } .indicator--media-xxxl-sm:before { width: 2.25rem; height: 2.25rem; top: -0.375rem; right: -0.375rem; } .indicator--media-xxxl-sm.indicator--full-rounded { padding: 0.75rem; border-radius: 50%; } .indicator--media-xxxl-sm.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-sm.indicator--has-label { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-sm.indicator--t { top: -0.75rem; } .indicator--media-xxxl-sm.indicator--b { bottom: -0.75rem; } .indicator--media-xxxl-sm.indicator--s { right: -0.75rem; } .indicator--media-xxxl-sm.indicator--e { left: -0.75rem; } .indicator--media-xxxl-md { padding: 1rem; } .indicator--media-xxxl-md:before { width: 3rem; height: 3rem; top: -0.5rem; right: -0.5rem; } .indicator--media-xxxl-md.indicator--full-rounded { padding: 1rem; border-radius: 50%; } .indicator--media-xxxl-md.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-md.indicator--has-label { width: 2rem; height: 2rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-md.indicator--t { top: -1rem; } .indicator--media-xxxl-md.indicator--b { bottom: -1rem; } .indicator--media-xxxl-md.indicator--s { right: -1rem; } .indicator--media-xxxl-md.indicator--e { left: -1rem; } .indicator--media-xxxl-lg { padding: 1.5rem; } .indicator--media-xxxl-lg:before { width: 4.5rem; height: 4.5rem; top: -0.75rem; right: -0.75rem; } .indicator--media-xxxl-lg.indicator--full-rounded { padding: 1.5rem; border-radius: 50%; } .indicator--media-xxxl-lg.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-lg.indicator--has-label { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-lg, 1.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-lg.indicator--t { top: -1.5rem; } .indicator--media-xxxl-lg.indicator--b { bottom: -1.5rem; } .indicator--media-xxxl-lg.indicator--s { right: -1.5rem; } .indicator--media-xxxl-lg.indicator--e { left: -1.5rem; } .indicator--media-xxxl-xl { padding: 2.5rem; } .indicator--media-xxxl-xl:before { width: 7.5rem; height: 7.5rem; top: -1.25rem; right: -1.25rem; } .indicator--media-xxxl-xl.indicator--full-rounded { padding: 2.5rem; border-radius: 50%; } .indicator--media-xxxl-xl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xl.indicator--has-label { width: 5rem; height: 5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xl, 1.925rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xl.indicator--t { top: -2.5rem; } .indicator--media-xxxl-xl.indicator--b { bottom: -2.5rem; } .indicator--media-xxxl-xl.indicator--s { right: -2.5rem; } .indicator--media-xxxl-xl.indicator--e { left: -2.5rem; } .indicator--media-xxxl-xxl { padding: 5rem; } .indicator--media-xxxl-xxl:before { width: 15rem; height: 15rem; top: -2.5rem; right: -2.5rem; } .indicator--media-xxxl-xxl.indicator--full-rounded { padding: 5rem; border-radius: 50%; } .indicator--media-xxxl-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xxl.indicator--has-label { width: 10rem; height: 10rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 2.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xxl.indicator--t { top: -5rem; } .indicator--media-xxxl-xxl.indicator--b { bottom: -5rem; } .indicator--media-xxxl-xxl.indicator--s { right: -5rem; } .indicator--media-xxxl-xxl.indicator--e { left: -5rem; } .indicator--media-xxxl-xxxl { padding: 8rem; } .indicator--media-xxxl-xxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-xxxl-xxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-xxxl-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.4rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xxxl.indicator--t { top: -8rem; } .indicator--media-xxxl-xxxl.indicator--b { bottom: -8rem; } .indicator--media-xxxl-xxxl.indicator--s { right: -8rem; } .indicator--media-xxxl-xxxl.indicator--e { left: -8rem; } .indicator--media-xxxl-xxxxl { padding: 12rem; } .indicator--media-xxxl-xxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-xxxl-xxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-xxxl-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 6.05rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xxxxl.indicator--t { top: -12rem; } .indicator--media-xxxl-xxxxl.indicator--b { bottom: -12rem; } .indicator--media-xxxl-xxxxl.indicator--s { right: -12rem; } .indicator--media-xxxl-xxxxl.indicator--e { left: -12rem; } .indicator--media-xxxl-xxxxxl { padding: 15rem; } .indicator--media-xxxl-xxxxxl:before { width: 45rem; height: 45rem; top: -7.5rem; right: -7.5rem; } .indicator--media-xxxl-xxxxxl.indicator--full-rounded { padding: 15rem; border-radius: 50%; } .indicator--media-xxxl-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xxxxxl.indicator--has-label { width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 7.15rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xxxxxl.indicator--t { top: -15rem; } .indicator--media-xxxl-xxxxxl.indicator--b { bottom: -15rem; } .indicator--media-xxxl-xxxxxl.indicator--s { right: -15rem; } .indicator--media-xxxl-xxxxxl.indicator--e { left: -15rem; } .indicator--media-xxxl-xxxxxxl { padding: 18rem; } .indicator--media-xxxl-xxxxxxl:before { width: 54rem; height: 54rem; top: -9rem; right: -9rem; } .indicator--media-xxxl-xxxxxxl.indicator--full-rounded { padding: 18rem; border-radius: 50%; } .indicator--media-xxxl-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xxxxxxl.indicator--has-label { width: 36rem; height: 36rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 8.8rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xxxxxxl.indicator--t { top: -18rem; } .indicator--media-xxxl-xxxxxxl.indicator--b { bottom: -18rem; } .indicator--media-xxxl-xxxxxxl.indicator--s { right: -18rem; } .indicator--media-xxxl-xxxxxxl.indicator--e { left: -18rem; } } @media (min-width: 1900px) { .indicator--media-xxxxl-xxs { padding: 0.25rem; } .indicator--media-xxxxl-xxs:before { width: 0.75rem; height: 0.75rem; top: -0.125rem; right: -0.125rem; } .indicator--media-xxxxl-xxs.indicator--full-rounded { padding: 0.25rem; border-radius: 50%; } .indicator--media-xxxxl-xxs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxxl-xxs.indicator--has-label { width: 0.5rem; height: 0.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxs, 0.55rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxxl-xxs.indicator--t { top: -0.25rem; } .indicator--media-xxxxl-xxs.indicator--b { bottom: -0.25rem; } .indicator--media-xxxxl-xxs.indicator--s { right: -0.25rem; } .indicator--media-xxxxl-xxs.indicator--e { left: -0.25rem; } .indicator--media-xxxxl-xs { padding: 0.5rem; } .indicator--media-xxxxl-xs:before { width: 1.5rem; height: 1.5rem; top: -0.25rem; right: -0.25rem; } .indicator--media-xxxxl-xs.indicator--full-rounded { padding: 0.5rem; border-radius: 50%; } .indicator--media-xxxxl-xs.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxxl-xs.indicator--has-label { width: 1rem; height: 1rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xs, 0.825rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxxl-xs.indicator--t { top: -0.5rem; } .indicator--media-xxxxl-xs.indicator--b { bottom: -0.5rem; } .indicator--media-xxxxl-xs.indicator--s { right: -0.5rem; } .indicator--media-xxxxl-xs.indicator--e { left: -0.5rem; } .indicator--media-xxxxl-sm { padding: 0.75rem; } .indicator--media-xxxxl-sm:before { width: 2.25rem; height: 2.25rem; top: -0.375rem; right: -0.375rem; } .indicator--media-xxxxl-sm.indicator--full-rounded { padding: 0.75rem; border-radius: 50%; } .indicator--media-xxxxl-sm.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxxl-sm.indicator--has-label { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxxl-sm.indicator--t { top: -0.75rem; } .indicator--media-xxxxl-sm.indicator--b { bottom: -0.75rem; } .indicator--media-xxxxl-sm.indicator--s { right: -0.75rem; } .indicator--media-xxxxl-sm.indicator--e { left: -0.75rem; } .indicator--media-xxxxl-md { padding: 1rem; } .indicator--media-xxxxl-md:before { width: 3rem; height: 3rem; top: -0.5rem; right: -0.5rem; } .indicator--media-xxxxl-md.indicator--full-rounded { padding: 1rem; border-radius: 50%; } .indicator--media-xxxxl-md.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxxl-md.indicator--has-label { width: 2rem; height: 2rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxxl-md.indicator--t { top: -1rem; } .indicator--media-xxxxl-md.indicator--b { bottom: -1rem; } .indicator--media-xxxxl-md.indicator--s { right: -1rem; } .indicator--media-xxxxl-md.indicator--e { left: -1rem; } .indicator--media-xxxxl-lg { padding: 1.5rem; } .indicator--media-xxxxl-lg:before { width: 4.5rem; height: 4.5rem; top: -0.75rem; right: -0.75rem; } .indicator--media-xxxxl-lg.indicator--full-rounded { padding: 1.5rem; border-radius: 50%; } .indicator--media-xxxxl-lg.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxxl-lg.indicator--has-label { width: 3rem; height: 3rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-lg, 1.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxxl-lg.indicator--t { top: -1.5rem; } .indicator--media-xxxxl-lg.indicator--b { bottom: -1.5rem; } .indicator--media-xxxxl-lg.indicator--s { right: -1.5rem; } .indicator--media-xxxxl-lg.indicator--e { left: -1.5rem; } .indicator--media-xxxxl-xl { padding: 2.5rem; } .indicator--media-xxxxl-xl:before { width: 7.5rem; height: 7.5rem; top: -1.25rem; right: -1.25rem; } .indicator--media-xxxxl-xl.indicator--full-rounded { padding: 2.5rem; border-radius: 50%; } .indicator--media-xxxxl-xl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxxl-xl.indicator--has-label { width: 5rem; height: 5rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xl, 1.925rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxxl-xl.indicator--t { top: -2.5rem; } .indicator--media-xxxxl-xl.indicator--b { bottom: -2.5rem; } .indicator--media-xxxxl-xl.indicator--s { right: -2.5rem; } .indicator--media-xxxxl-xl.indicator--e { left: -2.5rem; } .indicator--media-xxxxl-xxl { padding: 5rem; } .indicator--media-xxxxl-xxl:before { width: 15rem; height: 15rem; top: -2.5rem; right: -2.5rem; } .indicator--media-xxxxl-xxl.indicator--full-rounded { padding: 5rem; border-radius: 50%; } .indicator--media-xxxxl-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxxl-xxl.indicator--has-label { width: 10rem; height: 10rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 2.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxxl-xxl.indicator--t { top: -5rem; } .indicator--media-xxxxl-xxl.indicator--b { bottom: -5rem; } .indicator--media-xxxxl-xxl.indicator--s { right: -5rem; } .indicator--media-xxxxl-xxl.indicator--e { left: -5rem; } .indicator--media-xxxxl-xxxl { padding: 8rem; } .indicator--media-xxxxl-xxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-xxxxl-xxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-xxxxl-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxxl-xxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.4rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxxl-xxxl.indicator--t { top: -8rem; } .indicator--media-xxxxl-xxxl.indicator--b { bottom: -8rem; } .indicator--media-xxxxl-xxxl.indicator--s { right: -8rem; } .indicator--media-xxxxl-xxxl.indicator--e { left: -8rem; } .indicator--media-xxxxl-xxxxl { padding: 12rem; } .indicator--media-xxxxl-xxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-xxxxl-xxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-xxxxl-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxxl-xxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 6.05rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxxl-xxxxl.indicator--t { top: -12rem; } .indicator--media-xxxxl-xxxxl.indicator--b { bottom: -12rem; } .indicator--media-xxxxl-xxxxl.indicator--s { right: -12rem; } .indicator--media-xxxxl-xxxxl.indicator--e { left: -12rem; } .indicator--media-xxxxl-xxxxxl { padding: 15rem; } .indicator--media-xxxxl-xxxxxl:before { width: 45rem; height: 45rem; top: -7.5rem; right: -7.5rem; } .indicator--media-xxxxl-xxxxxl.indicator--full-rounded { padding: 15rem; border-radius: 50%; } .indicator--media-xxxxl-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxxl-xxxxxl.indicator--has-label { width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 7.15rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxxl-xxxxxl.indicator--t { top: -15rem; } .indicator--media-xxxxl-xxxxxl.indicator--b { bottom: -15rem; } .indicator--media-xxxxl-xxxxxl.indicator--s { right: -15rem; } .indicator--media-xxxxl-xxxxxl.indicator--e { left: -15rem; } .indicator--media-xxxxl-xxxxxxl { padding: 18rem; } .indicator--media-xxxxl-xxxxxxl:before { width: 54rem; height: 54rem; top: -9rem; right: -9rem; } .indicator--media-xxxxl-xxxxxxl.indicator--full-rounded { padding: 18rem; border-radius: 50%; } .indicator--media-xxxxl-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxxl-xxxxxxl.indicator--has-label { width: 36rem; height: 36rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 8.8rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxxl-xxxxxxl.indicator--t { top: -18rem; } .indicator--media-xxxxl-xxxxxxl.indicator--b { bottom: -18rem; } .indicator--media-xxxxl-xxxxxxl.indicator--s { right: -18rem; } .indicator--media-xxxxl-xxxxxxl.indicator--e { left: -18rem; } } .indicator--border-radius-xs { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .indicator--border-radius-sm { -webkit-border-radius: 7.5px; -moz-border-radius: 7.5px; border-radius: 7.5px; } .indicator--border-radius-md { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .indicator--border-radius-lg { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .indicator--border-radius-xl { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .indicator--border-radius-xxl { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .indicator--border-radius-xxxl { -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; } .indicator--border-radius-xxxxl { -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } .indicator--border-radius-xxxxxl { -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .indicator--border-radius-full { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .indicator--border-radius-reset { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .indicator--animated:before { display: block; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; } .indicator--has-label .indicator__label { width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--colors-theme-text, #c3c3c3); } .box { display: block; position: relative; background-color: var(--colors-theme-background, #dddddd); border-width: 0; border-color: var(--colors-theme-border, #c3c3c3); border-style: solid; color: var(--colors-theme-text, #c3c3c3); /* ELEMENTS */ } .box--border { border-width: 2px; } .box .box__header--has-bg { background-color: var(--colors-theme-special-background, #110B54); } .chart-legend { /* MODIFIERS */ } .chart-legend .chart-legend__list .chart-legend__item { /* MODIFIERS */ } .chart-legend .chart-legend__list .chart-legend__item .chart-legend__color { width: 10px; height: 10px; display: inline-block; background-color: var(--colors-primary-base, #975B14); margin-left: var(--spaces-xs, 0.5rem); } .chart-legend .chart-legend__list .chart-legend__item:nth-of-type(1) .chart-legend__color { background-color: rgba(var(--first-color, var(--colors-chart-first-rgb, 174,145,242)), 1); } .chart-legend .chart-legend__list .chart-legend__item:nth-of-type(2) .chart-legend__color { background-color: rgba(var(--second-color, var(--colors-chart-second-rgb, 244,245,253)), 1); } .chart-legend .chart-legend__list .chart-legend__item:nth-of-type(3) .chart-legend__color { background-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 255,123,48)), 1); } .chart-legend .chart-legend__list .chart-legend__item:nth-of-type(4) .chart-legend__color { background-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 17,11,84)), 1); } .chart-legend .chart-legend__list .chart-legend__item:nth-of-type(5) .chart-legend__color { background-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166.12,242.88,180.26)), 1); } .chart-legend .chart-legend__list .chart-legend__item:nth-of-type(6) .chart-legend__color { background-color: rgba(var(--sixth-color, var(--colors-chart-sixth-rgb, 242,87,103)), 1); } .chart-legend .chart-legend__list .chart-legend__item:nth-of-type(7) .chart-legend__color { background-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 238,217,30)), 1); } .chart-legend .chart-legend__list .chart-legend__item:nth-of-type(8) .chart-legend__color { background-color: rgba(var(--eightn-color, var(--colors-chart-eightn-rgb, 12,192,223)), 1); } .chart-legend .chart-legend__list .chart-legend__item:nth-of-type(9) .chart-legend__color { background-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 251,4,128)), 1); } .chart-legend .chart-legend__list .chart-legend__item:nth-of-type(10) .chart-legend__color { background-color: rgba(var(--tenth-color, var(--colors-chart-tenth-rgb, 242,180,87)), 1); } .chart-legend.chart-legend--vertical .chart-legend__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .chart-legend.chart-legend--vertical .chart-legend__list .chart-legend__item { margin-top: var(--spaces-sm, 0.75rem); } .chart-legend.chart-legend--vertical .chart-legend__list .chart-legend__item:first-of-type { margin-top: var(--spaces-reset, 0); } .chart-legend.chart-legend--horizontal .chart-legend__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .chart-legend.chart-legend--horizontal .chart-legend__list .chart-legend__item { margin-right: var(--spaces-lg, 1.5rem); } .chart-legend.chart-legend--horizontal .chart-legend__list .chart-legend__item:first-of-type { margin-right: var(--spaces-reset, 0); } .chart-donut { --donut-size: 100%; --donut-border-width: 35px; --donut-spacing: 2; --donut-spacing-color: var(--colors-background-white-rgb, 255,255,255); --donut-spacing-deg: calc(1deg * var(--donut-spacing)); width: var(--donut-size); height: var(--donut-size); position: relative; padding-bottom: var(--donut-size); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .chart-donut .chart-donut__content { width: 80%; position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .chart-donut .chart-donut__content .chart-donut__subtitle { letter-spacing: .05rem; } .chart-donut .chart-donut__slice { width: 100%; height: 100%; position: absolute; } .chart-donut .chart-donut__slice:before, .chart-donut .chart-donut__slice:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: var(--donut-border-width) solid rgba(0, 0, 0, 0); border-radius: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .chart-donut .chart-donut__slice:before { border-width: calc(var(--donut-border-width) + 1px); -webkit-box-shadow: 0 0 1px 0 rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); -moz-box-shadow: 0 0 1px 0 rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); box-shadow: 0 0 1px 0 rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); } .chart-donut .chart-donut__slice--first { --first-start: 0; } .chart-donut .chart-donut__slice--first:before { border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); -webkit-transform: rotate(calc(360deg * var(--first-start) + 45deg)); -ms-transform: rotate(calc(360deg * var(--first-start) + 45deg)); transform: rotate(calc(360deg * var(--first-start) + 45deg)); } .chart-donut .chart-donut__slice--first:after { border-top-color: rgba(var(--first-color, var(--colors-chart-first-rgb, 174,145,242)), 1); border-right-color: rgba(var(--first-color, var(--colors-chart-first-rgb, 174,145,242)), calc(100 * (var(--first) - .25))); border-bottom-color: rgba(var(--first-color, var(--colors-chart-first-rgb, 174,145,242)), calc(100 * (var(--first) - .5))); border-left-color: rgba(var(--first-color, var(--colors-chart-first-rgb, 174,145,242)), calc(100 * (var(--first) - .75))); -webkit-transform: rotate(calc(360deg * var(--first-start) + 45deg + var(--donut-spacing-deg))); -ms-transform: rotate(calc(360deg * var(--first-start) + 45deg + var(--donut-spacing-deg))); transform: rotate(calc(360deg * var(--first-start) + 45deg + var(--donut-spacing-deg))); } .chart-donut .chart-donut__slice--second { --second-start: calc(var(--first)); --second-check: max(calc(var(--second-start) - .5), 0); clip-path: inset(0 calc(50% * (var(--second-check) / var(--second-check))) 0 0); } .chart-donut .chart-donut__slice--second:before { border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); -webkit-transform: rotate(calc(360deg * var(--second-start) + 45deg)); -ms-transform: rotate(calc(360deg * var(--second-start) + 45deg)); transform: rotate(calc(360deg * var(--second-start) + 45deg)); } .chart-donut .chart-donut__slice--second:after { border-top-color: rgba(var(--second-color, var(--colors-chart-second-rgb, 244,245,253)), 1); border-right-color: rgba(var(--second-color, var(--colors-chart-second-rgb, 244,245,253)), calc(100 * (var(--second) - .25))); border-bottom-color: rgba(var(--second-color, var(--colors-chart-second-rgb, 244,245,253)), calc(100 * (var(--second) - .5))); border-left-color: rgba(var(--second-color, var(--colors-chart-second-rgb, 244,245,253)), calc(100 * (var(--second) - .75))); -webkit-transform: rotate(calc(360deg * var(--second-start) + 45deg + var(--donut-spacing-deg))); -ms-transform: rotate(calc(360deg * var(--second-start) + 45deg + var(--donut-spacing-deg))); transform: rotate(calc(360deg * var(--second-start) + 45deg + var(--donut-spacing-deg))); } .chart-donut .chart-donut__slice--third { --third-start: calc(var(--first) + var(--second)); --third-check: max(calc(var(--third-start) - .5), 0); clip-path: inset(0 calc(50% * (var(--third-check) / var(--third-check))) 0 0); } .chart-donut .chart-donut__slice--third:before { border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); -webkit-transform: rotate(calc(360deg * var(--third-start) + 45deg)); -ms-transform: rotate(calc(360deg * var(--third-start) + 45deg)); transform: rotate(calc(360deg * var(--third-start) + 45deg)); } .chart-donut .chart-donut__slice--third:after { border-top-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 255,123,48)), 1); border-right-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 255,123,48)), calc(100 * (var(--third) - .25))); border-bottom-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 255,123,48)), calc(100 * (var(--third) - .5))); border-left-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 255,123,48)), calc(100 * (var(--third) - .75))); -webkit-transform: rotate(calc(360deg * var(--third-start) + 45deg + var(--donut-spacing-deg))); -ms-transform: rotate(calc(360deg * var(--third-start) + 45deg + var(--donut-spacing-deg))); transform: rotate(calc(360deg * var(--third-start) + 45deg + var(--donut-spacing-deg))); } .chart-donut .chart-donut__slice--fourth { --fourth-start: calc(var(--first) + var(--second) + var(--third)); --fourth-check: max(calc(var(--fourth-start) - .5), 0); clip-path: inset(0 calc(50% * (var(--fourth-check) / var(--fourth-check))) 0 0); } .chart-donut .chart-donut__slice--fourth:before { border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); -webkit-transform: rotate(calc(360deg * var(--fourth-start) + 45deg)); -ms-transform: rotate(calc(360deg * var(--fourth-start) + 45deg)); transform: rotate(calc(360deg * var(--fourth-start) + 45deg)); } .chart-donut .chart-donut__slice--fourth:after { border-top-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 17,11,84)), 1); border-right-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 17,11,84)), calc(100 * (var(--fourth) - .25))); border-bottom-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 17,11,84)), calc(100 * (var(--fourth) - .5))); border-left-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 17,11,84)), calc(100 * (var(--fourth) - .75))); -webkit-transform: rotate(calc(360deg * var(--fourth-start) + 45deg + var(--donut-spacing-deg))); -ms-transform: rotate(calc(360deg * var(--fourth-start) + 45deg + var(--donut-spacing-deg))); transform: rotate(calc(360deg * var(--fourth-start) + 45deg + var(--donut-spacing-deg))); } .chart-donut .chart-donut__slice--fifth { --fifth-start: calc(var(--first) + var(--second) + var(--third) + var(--fourth)); --fifth-check: max(calc(var(--fifth-start) - .5), 0); clip-path: inset(0 calc(50% * (var(--fifth-check) / var(--fifth-check))) 0 0); } .chart-donut .chart-donut__slice--fifth:before { border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); -webkit-transform: rotate(calc(360deg * var(--fifth-start) + 45deg)); -ms-transform: rotate(calc(360deg * var(--fifth-start) + 45deg)); transform: rotate(calc(360deg * var(--fifth-start) + 45deg)); } .chart-donut .chart-donut__slice--fifth:after { border-top-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166.12,242.88,180.26)), 1); border-right-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166.12,242.88,180.26)), calc(100 * (var(--fifth) - .25))); border-bottom-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166.12,242.88,180.26)), calc(100 * (var(--fifth) - .5))); border-left-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166.12,242.88,180.26)), calc(100 * (var(--fifth) - .75))); -webkit-transform: rotate(calc(360deg * var(--fifth-start) + 45deg + var(--donut-spacing-deg))); -ms-transform: rotate(calc(360deg * var(--fifth-start) + 45deg + var(--donut-spacing-deg))); transform: rotate(calc(360deg * var(--fifth-start) + 45deg + var(--donut-spacing-deg))); } .chart-donut .chart-donut__slice--sixth { --sixth-start: calc(var(--first) + var(--second) + var(--third) + var(--fourth) + var(--fifth)); --sixth-check: max(calc(var(--sixth-start) - .5), 0); clip-path: inset(0 calc(50% * (var(--sixth-check) / var(--sixth-check))) 0 0); } .chart-donut .chart-donut__slice--sixth:before { border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); -webkit-transform: rotate(calc(360deg * var(--sixth-start) + 45deg)); -ms-transform: rotate(calc(360deg * var(--sixth-start) + 45deg)); transform: rotate(calc(360deg * var(--sixth-start) + 45deg)); } .chart-donut .chart-donut__slice--sixth:after { border-top-color: rgba(var(--sixth-color, var(--colors-chart-sixth-rgb, 242,87,103)), 1); border-right-color: rgba(var(--sixth-color, var(--colors-chart-sixth-rgb, 242,87,103)), calc(100 * (var(--sixth) - .25))); border-bottom-color: rgba(var(--sixth-color, var(--colors-chart-sixth-rgb, 242,87,103)), calc(100 * (var(--sixth) - .5))); border-left-color: rgba(var(--sixth-color, var(--colors-chart-sixth-rgb, 242,87,103)), calc(100 * (var(--sixth) - .75))); -webkit-transform: rotate(calc(360deg * var(--sixth-start) + 45deg + var(--donut-spacing-deg))); -ms-transform: rotate(calc(360deg * var(--sixth-start) + 45deg + var(--donut-spacing-deg))); transform: rotate(calc(360deg * var(--sixth-start) + 45deg + var(--donut-spacing-deg))); } .chart-donut .chart-donut__slice--seventh { --seventh-start: calc(var(--first) + var(--second) + var(--third) + var(--fourth) + var(--fifth) + var(--sixth)); --seventh-check: max(calc(var(--seventh-start) - .5), 0); clip-path: inset(0 calc(50% * (var(--seventh-check) / var(--seventh-check))) 0 0); } .chart-donut .chart-donut__slice--seventh:before { border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); -webkit-transform: rotate(calc(360deg * var(--seventh-start) + 45deg)); -ms-transform: rotate(calc(360deg * var(--seventh-start) + 45deg)); transform: rotate(calc(360deg * var(--seventh-start) + 45deg)); } .chart-donut .chart-donut__slice--seventh:after { border-top-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 238,217,30)), 1); border-right-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 238,217,30)), calc(100 * (var(--seventh) - .25))); border-bottom-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 238,217,30)), calc(100 * (var(--seventh) - .5))); border-left-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 238,217,30)), calc(100 * (var(--seventh) - .75))); -webkit-transform: rotate(calc(360deg * var(--seventh-start) + 45deg + var(--donut-spacing-deg))); -ms-transform: rotate(calc(360deg * var(--seventh-start) + 45deg + var(--donut-spacing-deg))); transform: rotate(calc(360deg * var(--seventh-start) + 45deg + var(--donut-spacing-deg))); } .chart-donut .chart-donut__slice--eightn { --eightn-start: calc(var(--first) + var(--second) + var(--third) + var(--fourth) + var(--fifth) + var(--sixth) + var(--seventh)); --eightn-check: max(calc(var(--eightn-start) - .5), 0); clip-path: inset(0 calc(50% * (var(--eightn-check) / var(--eightn-check))) 0 0); } .chart-donut .chart-donut__slice--eightn:before { border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); -webkit-transform: rotate(calc(360deg * var(--eightn-start) + 45deg)); -ms-transform: rotate(calc(360deg * var(--eightn-start) + 45deg)); transform: rotate(calc(360deg * var(--eightn-start) + 45deg)); } .chart-donut .chart-donut__slice--eightn:after { border-top-color: rgba(var(--eightn-color, var(--colors-chart-eightn-rgb, 12,192,223)), 1); border-right-color: rgba(var(--eightn-color, var(--colors-chart-eightn-rgb, 12,192,223)), calc(100 * (var(--eightn) - .25))); border-bottom-color: rgba(var(--eightn-color, var(--colors-chart-eightn-rgb, 12,192,223)), calc(100 * (var(--eightn) - .5))); border-left-color: rgba(var(--eightn-color, var(--colors-chart-eightn-rgb, 12,192,223)), calc(100 * (var(--eightn) - .75))); -webkit-transform: rotate(calc(360deg * var(--eightn-start) + 45deg + var(--donut-spacing-deg))); -ms-transform: rotate(calc(360deg * var(--eightn-start) + 45deg + var(--donut-spacing-deg))); transform: rotate(calc(360deg * var(--eightn-start) + 45deg + var(--donut-spacing-deg))); } .chart-donut .chart-donut__slice--ninth { --ninth-start: calc(var(--first) + var(--second) + var(--third) + var(--fourth) + var(--fifth) + var(--sixth) + var(--seventh) + var(--eightn)); --ninth-check: max(calc(var(--ninth-start) - .5), 0); clip-path: inset(0 calc(50% * (var(--ninth-check) / var(--ninth-check))) 0 0); } .chart-donut .chart-donut__slice--ninth:before { border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); -webkit-transform: rotate(calc(360deg * var(--ninth-start) + 45deg)); -ms-transform: rotate(calc(360deg * var(--ninth-start) + 45deg)); transform: rotate(calc(360deg * var(--ninth-start) + 45deg)); } .chart-donut .chart-donut__slice--ninth:after { border-top-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 251,4,128)), 1); border-right-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 251,4,128)), calc(100 * (var(--ninth) - .25))); border-bottom-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 251,4,128)), calc(100 * (var(--ninth) - .5))); border-left-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 251,4,128)), calc(100 * (var(--ninth) - .75))); -webkit-transform: rotate(calc(360deg * var(--ninth-start) + 45deg + var(--donut-spacing-deg))); -ms-transform: rotate(calc(360deg * var(--ninth-start) + 45deg + var(--donut-spacing-deg))); transform: rotate(calc(360deg * var(--ninth-start) + 45deg + var(--donut-spacing-deg))); } .chart-donut .chart-donut__slice--tenth { --tenth-start: calc(var(--first) + var(--second) + var(--third) + var(--fourth) + var(--fifth) + var(--sixth) + var(--seventh) + var(--eightn) + var(--ninth)); --tenth-check: max(calc(var(--tenth-start) - .5), 0); clip-path: inset(0 calc(50% * (var(--tenth-check) / var(--tenth-check))) 0 0); } .chart-donut .chart-donut__slice--tenth:before { border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing))); -webkit-transform: rotate(calc(360deg * var(--tenth-start) + 45deg)); -ms-transform: rotate(calc(360deg * var(--tenth-start) + 45deg)); transform: rotate(calc(360deg * var(--tenth-start) + 45deg)); } .chart-donut .chart-donut__slice--tenth:after { border-top-color: rgba(var(--tenth-color, var(--colors-chart-tenth-rgb, 242,180,87)), 1); border-right-color: rgba(var(--tenth-color, var(--colors-chart-tenth-rgb, 242,180,87)), calc(100 * (var(--tenth) - .25))); border-bottom-color: rgba(var(--tenth-color, var(--colors-chart-tenth-rgb, 242,180,87)), calc(100 * (var(--tenth) - .5))); border-left-color: rgba(var(--tenth-color, var(--colors-chart-tenth-rgb, 242,180,87)), calc(100 * (var(--tenth) - .75))); -webkit-transform: rotate(calc(360deg * var(--tenth-start) + 45deg + var(--donut-spacing-deg))); -ms-transform: rotate(calc(360deg * var(--tenth-start) + 45deg + var(--donut-spacing-deg))); transform: rotate(calc(360deg * var(--tenth-start) + 45deg + var(--donut-spacing-deg))); } .chart-bar { width: 100%; min-height: var(--chart-min-size, 400px); height: var(--chart-size, 400px); /* ELEMENTS */ /* MODIFIERS */ } .chart-bar .chart-bar__bars { height: 100%; } .chart-bar .chart-bar__bars::-webkit-scrollbar { width: 5px; height: 5px; } .chart-bar .chart-bar__bars::-webkit-scrollbar-thumb { background: var(--colors-border-natural-base, ); background-clip: content-box; border: 50px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .chart-bar .chart-bar__bars::-webkit-scrollbar-track { background: var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .chart-bar .chart-bar__bars { scrollbar-face-color: var(--colors-border-natural-base, ); scrollbar-track-color: var(--colors-background-transparent, transparent); } .chart-bar .chart-bar__bars .chart-bar__bar-group { height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-basis: 0; flex-basis: 0; position: relative; } .chart-bar .chart-bar__bars .chart-bar__bar-group:nth-of-type(1) .chart-bar__area { background-color: rgba(var(--first-color, var(--colors-chart-first-rgb, 174,145,242)), 1); } .chart-bar .chart-bar__bars .chart-bar__bar-group:nth-of-type(2) .chart-bar__area { background-color: rgba(var(--second-color, var(--colors-chart-second-rgb, 244,245,253)), 1); } .chart-bar .chart-bar__bars .chart-bar__bar-group:nth-of-type(3) .chart-bar__area { background-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 255,123,48)), 1); } .chart-bar .chart-bar__bars .chart-bar__bar-group:nth-of-type(4) .chart-bar__area { background-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 17,11,84)), 1); } .chart-bar .chart-bar__bars .chart-bar__bar-group:nth-of-type(5) .chart-bar__area { background-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166.12,242.88,180.26)), 1); } .chart-bar .chart-bar__bars .chart-bar__bar-group:nth-of-type(6) .chart-bar__area { background-color: rgba(var(--sixth-color, var(--colors-chart-sixth-rgb, 242,87,103)), 1); } .chart-bar .chart-bar__bars .chart-bar__bar-group:nth-of-type(7) .chart-bar__area { background-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 238,217,30)), 1); } .chart-bar .chart-bar__bars .chart-bar__bar-group:nth-of-type(8) .chart-bar__area { background-color: rgba(var(--eightn-color, var(--colors-chart-eightn-rgb, 12,192,223)), 1); } .chart-bar .chart-bar__bars .chart-bar__bar-group:nth-of-type(9) .chart-bar__area { background-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 251,4,128)), 1); } .chart-bar .chart-bar__bars .chart-bar__bar-group:nth-of-type(10) .chart-bar__area { background-color: rgba(var(--tenth-color, var(--colors-chart-tenth-rgb, 242,180,87)), 1); } .chart-bar .chart-bar__bars .chart-bar__bar-group .chart-bar__group-title { position: absolute; font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); text-align: center; line-height: 25px; white-space: nowrap; overflow: hidden; } .chart-bar .chart-bar__bars .chart-bar__bar-group .chart-bar__bar { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-basis: 0; flex-basis: 0; } .chart-bar.chart-bar--group .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(1) { background-color: rgba(var(--first-color, var(--colors-chart-first-rgb, 174,145,242)), 1); } .chart-bar.chart-bar--group .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(2) { background-color: rgba(var(--second-color, var(--colors-chart-second-rgb, 244,245,253)), 1); } .chart-bar.chart-bar--group .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(3) { background-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 255,123,48)), 1); } .chart-bar.chart-bar--group .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(4) { background-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 17,11,84)), 1); } .chart-bar.chart-bar--group .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(5) { background-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166.12,242.88,180.26)), 1); } .chart-bar.chart-bar--group .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(6) { background-color: rgba(var(--sixth-color, var(--colors-chart-sixth-rgb, 242,87,103)), 1); } .chart-bar.chart-bar--group .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(7) { background-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 238,217,30)), 1); } .chart-bar.chart-bar--group .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(8) { background-color: rgba(var(--eightn-color, var(--colors-chart-eightn-rgb, 12,192,223)), 1); } .chart-bar.chart-bar--group .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(9) { background-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 251,4,128)), 1); } .chart-bar.chart-bar--group .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(10) { background-color: rgba(var(--tenth-color, var(--colors-chart-tenth-rgb, 242,180,87)), 1); } .chart-bar.chart-bar--stack { /* ELEMENTS */ /* MODIFIERS */ } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-basis: auto; flex-basis: auto; } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group .chart-bar__bar { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-basis: auto; flex-basis: auto; } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(1) { background-color: var(--colors-chart-first, #AE91F2); } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(2) { background-color: var(--colors-chart-second, #F4F5FD); } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(3) { background-color: var(--colors-chart-third, #FF7B30); } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(4) { background-color: var(--colors-chart-fourth, #110B54); } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(5) { background-color: var(--colors-chart-fifth, #a6f3b4); } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(6) { background-color: var(--colors-chart-sixth, #f25767); } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(7) { background-color: var(--colors-chart-seventh, #EED91E); } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(8) { background-color: var(--colors-chart-eightn, #0CC0DF); } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(9) { background-color: var(--colors-chart-ninth, #fb0480); } .chart-bar.chart-bar--stack .chart-bar__bars .chart-bar__bar-group .chart-bar__bar:nth-of-type(10) { background-color: var(--colors-chart-tenth, #f2b457); } .chart-bar.chart-bar--stack.chart-bar--vertical .chart-bar__bars .chart-bar__bar-group { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .chart-bar.chart-bar--stack.chart-bar--horizontal .chart-bar__bars .chart-bar__bar-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .chart-bar.chart-bar--vertical .chart-bar__bars { overflow-x: auto; padding: 0 1rem; } .chart-bar.chart-bar--vertical .chart-bar__bars .chart-bar__bar-group { min-width: 100px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; height: calc(100% - 25px); margin-bottom: 25px; } .chart-bar.chart-bar--vertical .chart-bar__bars .chart-bar__bar-group .chart-bar__group-title { width: 100%; height: 25px; bottom: -25px; right: 0; } .chart-bar.chart-bar--vertical .chart-bar__bars .chart-bar__bar-group .chart-bar__bar { height: calc(var(--chart-bar-size) * 100%); } .chart-bar.chart-bar--horizontal { overflow-y: auto; padding: 1rem 0; } .chart-bar.chart-bar--horizontal .chart-bar__bars { min-height: 100px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .chart-bar.chart-bar--horizontal .chart-bar__bars .chart-bar__bar-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 25px); margin-right: 25px; } .chart-bar.chart-bar--horizontal .chart-bar__bars .chart-bar__bar-group .chart-bar__group-title { width: 25px; height: 100%; top: 0; right: -25px; writing-mode: vertical-lr; } .chart-bar.chart-bar--horizontal .chart-bar__bars .chart-bar__bar-group .chart-bar__bar { width: calc(var(--chart-bar-size) * 100%); } .chart-area { width: 100%; min-height: var(--chart-min-size, 400px); height: var(--chart-size, 400px); /* ELEMENTS */ /* MODIFIERS */ } .chart-area .chart-area__areas { height: 100%; } .chart-area .chart-area__areas::-webkit-scrollbar { width: 5px; height: 5px; } .chart-area .chart-area__areas::-webkit-scrollbar-thumb { background: var(--colors-border-natural-base, ); background-clip: content-box; border: 50px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .chart-area .chart-area__areas::-webkit-scrollbar-track { background: var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .chart-area .chart-area__areas { scrollbar-face-color: var(--colors-border-natural-base, ); scrollbar-track-color: var(--colors-background-transparent, transparent); } .chart-area .chart-area__areas .chart-area__area-group { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-basis: 0; flex-basis: 0; position: relative; } .chart-area .chart-area__areas .chart-area__area-group:last-of-type { border-left: 0; } .chart-area .chart-area__areas .chart-area__area-group .chart-area__group-title { position: absolute; font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); text-align: center; line-height: 25px; white-space: nowrap; overflow: hidden; } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-basis: 0; flex-basis: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area:nth-of-type(1):before { background-color: rgba(var(--first-color, var(--colors-chart-first-rgb, 174,145,242)), var(--chart-area-color-opacity, 1)); } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area:nth-of-type(2):before { background-color: rgba(var(--second-color, var(--colors-chart-second-rgb, 244,245,253)), var(--chart-area-color-opacity, 1)); } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area:nth-of-type(3):before { background-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 255,123,48)), var(--chart-area-color-opacity, 1)); } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area:nth-of-type(4):before { background-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 17,11,84)), var(--chart-area-color-opacity, 1)); } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area:nth-of-type(5):before { background-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166.12,242.88,180.26)), var(--chart-area-color-opacity, 1)); } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area:nth-of-type(6):before { background-color: rgba(var(--sixth-color, var(--colors-chart-sixth-rgb, 242,87,103)), var(--chart-area-color-opacity, 1)); } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area:nth-of-type(7):before { background-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 238,217,30)), var(--chart-area-color-opacity, 1)); } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area:nth-of-type(8):before { background-color: rgba(var(--eightn-color, var(--colors-chart-eightn-rgb, 12,192,223)), var(--chart-area-color-opacity, 1)); } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area:nth-of-type(9):before { background-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 251,4,128)), var(--chart-area-color-opacity, 1)); } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area:nth-of-type(10):before { background-color: rgba(var(--tenth-color, var(--colors-chart-tenth-rgb, 242,180,87)), var(--chart-area-color-opacity, 1)); } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); z-index: 1; } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area .chart-area__area-indicator { width: 1rem; height: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; background-color: var(--colors-theme-background, #dddddd); border: 2px solid var(--colors-theme-border, #c3c3c3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: var(--colors-theme-text, #c3c3c3); z-index: 2; -webkit-transition: width 0.2s ease-in, height 0.2s ease-in; -o-transition: width 0.2s ease-in, height 0.2s ease-in; transition: width 0.2s ease-in, height 0.2s ease-in; } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area .chart-area__area-indicator:hover { width: 2rem; height: 2rem; } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area .chart-area__area-indicator:hover:before { visibility: visible; opacity: 1; z-index: auto; -webkit-transition: all 0.2s ease-in 0.2s; -o-transition: all 0.2s ease-in 0.2s; transition: all 0.2s ease-in 0.2s; } .chart-area .chart-area__areas .chart-area__area-group .chart-area__area .chart-area__area-indicator:before { content: attr(data-area); display: block; font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); visibility: hidden; opacity: 0; z-index: -1; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .chart-area.chart-area--group .chart-area__areas .chart-area__area-group .chart-area__area { --chart-area-color-opacity: .7; } .chart-area.chart-area--vertical .chart-area__areas { overflow-x: auto; padding: 0 1rem; } .chart-area.chart-area--vertical .chart-area__areas .chart-area__area-group { min-width: 100px; height: calc(100% - 25px); margin-bottom: 25px; border-left: 2px solid var(--colors-border-natural-light, ); } .chart-area.chart-area--vertical .chart-area__areas .chart-area__area-group .chart-area__group-title { width: 100%; height: 25px; bottom: -25px; left: 0; } .chart-area.chart-area--vertical .chart-area__areas .chart-area__area-group .chart-area__area { height: 100%; } .chart-area.chart-area--vertical .chart-area__areas .chart-area__area-group .chart-area__area:before { -webkit-clip-path: polygon(0 calc(100%*(1 - var(--chart-area-start, var(--chart-area-end)))),100% calc(100%*(1 - var(--chart-area-end))),100% 100%,0 100%); clip-path: polygon(0 calc(100%*(1 - var(--chart-area-start, var(--chart-area-end)))),100% calc(100%*(1 - var(--chart-area-end))),100% 100%,0 100%); } .chart-area.chart-area--vertical .chart-area__areas .chart-area__area-group .chart-area__area .chart-area__area-indicator { bottom: calc(100% * var(--chart-area-end)); left: 0; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .chart-area.chart-area--horizontal .chart-area__areas { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; padding: 1rem 0; } .chart-area.chart-area--horizontal .chart-area__areas .chart-area__area-group { min-height: 100px; width: calc(100% - 25px); margin-right: 25px; border-bottom: 2px solid var(--colors-border-natural-light, ); } .chart-area.chart-area--horizontal .chart-area__areas .chart-area__area-group .chart-area__group-title { width: 25px; height: 100%; top: 0; right: -25px; writing-mode: vertical-lr; } .chart-area.chart-area--horizontal .chart-area__areas .chart-area__area-group .chart-area__area { width: 100%; } .chart-area.chart-area--horizontal .chart-area__areas .chart-area__area-group .chart-area__area:before { -webkit-clip-path: polygon(calc(100% * var(--chart-area-start)) 0, calc(100% * var(--chart-area-end)) 100%, 0 100%, 0 0); clip-path: polygon(calc(100% * var(--chart-area-start)) 0, calc(100% * var(--chart-area-end)) 100%, 0 100%, 0 0); } .chart-area.chart-area--horizontal .chart-area__areas .chart-area__area-group .chart-area__area .chart-area__area-indicator { bottom: 0; right: calc(100% * var(--chart-area-end)); -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } .chart-line { width: 100%; min-height: var(--chart-min-size, 400px); height: var(--chart-size, 400px); --chart-line-size: 2px; /* ELEMENTS */ /* MODIFIERS */ } .chart-line .chart-line__lines { height: 100%; } .chart-line .chart-line__lines::-webkit-scrollbar { width: 5px; height: 5px; } .chart-line .chart-line__lines::-webkit-scrollbar-thumb { background: var(--colors-border-natural-base, ); background-clip: content-box; border: 50px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .chart-line .chart-line__lines::-webkit-scrollbar-track { background: var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .chart-line .chart-line__lines { scrollbar-face-color: var(--colors-border-natural-base, ); scrollbar-track-color: var(--colors-background-transparent, transparent); } .chart-line .chart-line__lines .chart-line__line-group { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-basis: 0; flex-basis: 0; position: relative; } .chart-line .chart-line__lines .chart-line__line-group:last-of-type { border-left: 0; } .chart-line .chart-line__lines .chart-line__line-group .chart-line__group-title { position: absolute; font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); text-align: center; line-height: 25px; white-space: nowrap; overflow: hidden; } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-basis: 0; flex-basis: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line:nth-of-type(1):before { background-color: rgba(var(--first-color, var(--colors-chart-first-rgb, 174,145,242)), var(--chart-line-color-opacity, 1)); } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line:nth-of-type(2):before { background-color: rgba(var(--second-color, var(--colors-chart-second-rgb, 244,245,253)), var(--chart-line-color-opacity, 1)); } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line:nth-of-type(3):before { background-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 255,123,48)), var(--chart-line-color-opacity, 1)); } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line:nth-of-type(4):before { background-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 17,11,84)), var(--chart-line-color-opacity, 1)); } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line:nth-of-type(5):before { background-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166.12,242.88,180.26)), var(--chart-line-color-opacity, 1)); } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line:nth-of-type(6):before { background-color: rgba(var(--sixth-color, var(--colors-chart-sixth-rgb, 242,87,103)), var(--chart-line-color-opacity, 1)); } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line:nth-of-type(7):before { background-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 238,217,30)), var(--chart-line-color-opacity, 1)); } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line:nth-of-type(8):before { background-color: rgba(var(--eightn-color, var(--colors-chart-eightn-rgb, 12,192,223)), var(--chart-line-color-opacity, 1)); } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line:nth-of-type(9):before { background-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 251,4,128)), var(--chart-line-color-opacity, 1)); } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line:nth-of-type(10):before { background-color: rgba(var(--tenth-color, var(--colors-chart-tenth-rgb, 242,180,87)), var(--chart-line-color-opacity, 1)); } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); z-index: 1; } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line .chart-line__line-indicator { width: 1rem; height: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; background-color: var(--colors-theme-background, #dddddd); border: 2px solid var(--colors-theme-border, #c3c3c3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: var(--colors-theme-text, #c3c3c3); z-index: 2; -webkit-transition: width 0.2s ease-in, height 0.2s ease-in; -o-transition: width 0.2s ease-in, height 0.2s ease-in; transition: width 0.2s ease-in, height 0.2s ease-in; } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line .chart-line__line-indicator:hover { width: 2rem; height: 2rem; } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line .chart-line__line-indicator:hover:before { visibility: visible; opacity: 1; z-index: auto; -webkit-transition: all 0.2s ease-in 0.2s; -o-transition: all 0.2s ease-in 0.2s; transition: all 0.2s ease-in 0.2s; } .chart-line .chart-line__lines .chart-line__line-group .chart-line__line .chart-line__line-indicator:before { content: attr(data-line); display: block; font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); visibility: hidden; opacity: 0; z-index: -1; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .chart-line.chart-line--group .chart-line__lines .chart-line__line-group .chart-line__line { --chart-line-color-opacity: .7; } .chart-line.chart-line--vertical .chart-line__lines { overflow-x: auto; padding: 0 1rem; } .chart-line.chart-line--vertical .chart-line__lines .chart-line__line-group { min-width: 100px; height: calc(100% - 25px); margin-bottom: 25px; border-left: 2px solid var(--colors-border-natural-light, ); } .chart-line.chart-line--vertical .chart-line__lines .chart-line__line-group .chart-line__group-title { width: 100%; height: 25px; bottom: -25px; left: 0; } .chart-line.chart-line--vertical .chart-line__lines .chart-line__line-group .chart-line__line { height: 100%; } .chart-line.chart-line--vertical .chart-line__lines .chart-line__line-group .chart-line__line:before { -webkit-clip-path: polygon(0 calc(100%*(1 - var(--chart-line-start, var(--chart-line-end)))),100% calc(100%*(1 - var(--chart-line-end))),100% calc(100%*(1 - var(--chart-line-end)) - var(--chart-line-size)),0 calc(100%*(1 - var(--chart-line-start, var(--chart-line-end))) - var(--chart-line-size))); clip-path: polygon(0 calc(100%*(1 - var(--chart-line-start, var(--chart-line-end)))),100% calc(100%*(1 - var(--chart-line-end))),100% calc(100%*(1 - var(--chart-line-end)) - var(--chart-line-size)),0 calc(100%*(1 - var(--chart-line-start, var(--chart-line-end))) - var(--chart-line-size))); } .chart-line.chart-line--vertical .chart-line__lines .chart-line__line-group .chart-line__line .chart-line__line-indicator { bottom: calc(100% * var(--chart-line-end)); left: 0; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .chart-line.chart-line--horizontal .chart-line__lines { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; padding: 1rem 0; } .chart-line.chart-line--horizontal .chart-line__lines .chart-line__line-group { min-height: 100px; width: calc(100% - 25px); margin-right: 25px; border-bottom: 2px solid var(--colors-border-natural-light, ); } .chart-line.chart-line--horizontal .chart-line__lines .chart-line__line-group .chart-line__group-title { width: 25px; height: 100%; top: 0; right: -25px; writing-mode: vertical-lr; } .chart-line.chart-line--horizontal .chart-line__lines .chart-line__line-group .chart-line__line { width: 100%; } .chart-line.chart-line--horizontal .chart-line__lines .chart-line__line-group .chart-line__line:before { -webkit-clip-path: polygon(0 calc(100%*(1 - var(--chart-line-start, var(--chart-line-end)))),100% calc(100%*(1 - var(--chart-line-end))),100% calc(100%*(1 - var(--chart-line-end)) - var(--chart-line-size)),0 calc(100%*(1 - var(--chart-line-start, var(--chart-line-end))) - var(--chart-line-size))); clip-path: polygon(0 calc(100%*(1 - var(--chart-line-start, var(--chart-line-end)))),100% calc(100%*(1 - var(--chart-line-end))),100% calc(100%*(1 - var(--chart-line-end)) - var(--chart-line-size)),0 calc(100%*(1 - var(--chart-line-start, var(--chart-line-end))) - var(--chart-line-size))); } .chart-line.chart-line--horizontal .chart-line__lines .chart-line__line-group .chart-line__line .chart-line__line-indicator { bottom: 0; right: calc(100% * var(--chart-line-end)); -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } .input-text { position: relative; /* ELEMENTS */ /* MODIFIERS */ /* ELEMENTS */ /* MODIFIERS */ } .input-text .input-text__input { width: 100%; height: 60px; padding: 0.5rem 1rem; background: var(--colors-theme-background, #dddddd); border: none; border-radius: 10px; direction: rtl; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-light, 300); color: var(--colors-theme-text, #c3c3c3); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out; /* For Select */ } .input-text .input-text__input:focus { padding-right: 1.5rem; } .input-text .input-text__helper { position: absolute; top: var(--spaces-xs, 0.5rem); left: var(--spaces-xs, 0.5rem); font-size: var(--font-sizes-xs, 0.825rem); } .input-text.input-text--has-icon .input-text__input { padding-right: calc(0.5rem + 24px + 1rem); } .input-text.input-text--has-icon .input-text__label { right: calc(0.5rem + 24px + 1rem); } .input-text.input-text--has-icon .input-text__icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-special-text-no-background, #110B54); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-text.input-text--has-icon .input-text__icon--has-bg { height: 100%; right: 0; padding: 0 .5rem; background-color: var(--colors-theme-special-background, #110B54); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .input-text.input-text--has-action-icon { /* MODIFIERS */ } .input-text.input-text--has-action-icon .input-text__action-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 1rem; color: var(--colors-theme-text, #c3c3c3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .input-text.input-text--has-action-icon.input-text--is-valid .input-text__action-icon, .input-text.input-text--has-action-icon.input-text--is-not-valid .input-text__action-icon { left: calc(1rem + 1rem + .5rem); } .input-text.input-text--is-valid .input-text__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(166.12,242.88,180.26)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-check%22%3E%3Cpolyline%20points=%2220%206%209%2017%204%2012%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-text.input-text--is-not-valid .input-text__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(242,87,103)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-x%22%3E%3Cline%20x1=%2218%22%20y1=%226%22%20x2=%226%22%20y2=%2218%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%2218%22%20y2=%2218%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-text.input-text--is-error .input-text__input { border-bottom-color: var(--colors-state-danger, #f25767); -webkit-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); -moz-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); } .input-text.input-text--is-disabled { cursor: inherit; } .input-text.input-text--is-disabled .input-text__input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAGCIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJZXSErkJggg==) repeat; cursor: inherit; } .input-text .input-text__input { /* MODIFIERS */ } .input-text .input-text__input::-webkit-input-placeholder { font-size: var(--font-sizes-md, 1.1rem); color: var(--colors-theme-text, #c3c3c3); } .input-text .input-text__input:-moz-placeholder { font-size: var(--font-sizes-md, 1.1rem); color: var(--colors-theme-text, #c3c3c3); } .input-text .input-text__input::-moz-placeholder { font-size: var(--font-sizes-md, 1.1rem); color: var(--colors-theme-text, #c3c3c3); } .input-text .input-text__input:-ms-input-placeholder { font-size: var(--font-sizes-md, 1.1rem); color: var(--colors-theme-text, #c3c3c3); } .input-text .input-text__input--h-full { height: 100%; } .input-text .input-text__label { position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-text, #c3c3c3); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: text; pointer-events: none; } .input-text .input-text__label--required:before { content: '*'; padding-left: var(--spaces-xxs, 0.25rem); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-700, ); color: var(--colors-state-danger, #f25767); } .input-text.input-text--label-on-top .input-text__label { top: -.2rem; right: 0; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .input-select { /*position: relative; @include input-style;*/ /* ELEMENTS */ /* MODIFIERS */ } .input-select .input-select__btn { /* ELEMENTS */ width: 100%; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 1rem; background: var(--colors-theme-background, #dddddd); border: none; border-radius: 10px; direction: rtl; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-light, 300); color: var(--colors-theme-text, #c3c3c3); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out; /* MODIFIERS */ cursor: pointer; -webkit-transition: all 0.25s ease-in-out 0.25s; -o-transition: all 0.25s ease-in-out 0.25s; transition: all 0.25s ease-in-out 0.25s; } .input-select .input-select__btn .input-select__helper { position: absolute; top: var(--spaces-xs, 0.5rem); left: var(--spaces-xs, 0.5rem); font-size: var(--font-sizes-xs, 0.825rem); } .input-select.input-select--has-icon .input-select__input { padding-right: calc(0.5rem + 24px + 1rem); } .input-select.input-select--has-icon .input-select__input { padding-right: calc(0.5rem + 24px + .7rem); } .input-select.input-select--has-icon .input-select__icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-special-text-no-background, #110B54); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-select.input-select--has-icon .input-select__icon--has-bg { height: 100%; right: 0; padding: 0 .5rem; background-color: var(--colors-theme-special-background, #110B54); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .input-select.input-select--has-action-icon { /* MODIFIERS */ } .input-select.input-select--has-action-icon .input-select__action-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 1rem; color: var(--colors-theme-text, #c3c3c3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .input-select.input-select--has-action-icon.input-select--is-valid .input-select__action-icon, .input-select.input-select--has-action-icon.input-select--is-not-valid .input-select__action-icon { left: calc(1rem + 1rem + .5rem); } .input-select.input-select--is-valid .input-select__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(166.12,242.88,180.26)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-check%22%3E%3Cpolyline%20points=%2220%206%209%2017%204%2012%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-select.input-select--is-not-valid .input-select__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(242,87,103)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-x%22%3E%3Cline%20x1=%2218%22%20y1=%226%22%20x2=%226%22%20y2=%2218%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%2218%22%20y2=%2218%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-select.input-select--is-error .input-select__btn { border-bottom-color: var(--colors-state-danger, #f25767); -webkit-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); -moz-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); } .input-select.input-select--is-disabled { cursor: inherit; } .input-select.input-select--is-disabled .input-select__input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAGCIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJZXSErkJggg==) repeat; cursor: inherit; } .input-select .input-select__btn:after { content: ''; position: absolute; left: var(--spaces-xs, 0.5rem); border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-bottom-color: var(--colors-theme-text-no-background, #c3c3c3); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-transition: transform 0.25s ease-in-out; -o-transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; } .input-select .input-select__select { display: none; } .input-select .input-select__options { width: 100%; position: absolute; right: 0; /* ELEMENTS */ width: 100%; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 1rem; background: var(--colors-theme-background, #dddddd); border: none; border-radius: 10px; direction: rtl; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-light, 300); color: var(--colors-theme-text, #c3c3c3); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out; /* MODIFIERS */ background-color: var(--colors-background-white, #FFFFFF); display: block; height: auto; padding: var(--spaces-reset, 0); border-top: 1px solid rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.25); border-top-right-radius: 0; border-top-left-radius: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transform-origin: top; opacity: 0; visibility: hidden; z-index: -1; overflow-y: auto; -webkit-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0.5s ease-in-out; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0.5s ease-in-out; } .input-select .input-select__options .input-select__options__helper { position: absolute; top: var(--spaces-xs, 0.5rem); left: var(--spaces-xs, 0.5rem); font-size: var(--font-sizes-xs, 0.825rem); } .input-select__options.input-select__options--has-icon .input-select__options__input { padding-right: calc(0.5rem + 24px + 1rem); } .input-select__options.input-select__options--has-icon .input-select__options__icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-special-text-no-background, #110B54); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-select__options.input-select__options--has-icon .input-select__options__icon--has-bg { height: 100%; right: 0; padding: 0 .5rem; background-color: var(--colors-theme-special-background, #110B54); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .input-select__options.input-select__options--has-action-icon { /* MODIFIERS */ } .input-select__options.input-select__options--has-action-icon .input-select__options__action-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 1rem; color: var(--colors-theme-text, #c3c3c3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .input-select__options.input-select__options--has-action-icon.input-select__options--is-valid .input-select__options__action-icon, .input-select__options.input-select__options--has-action-icon.input-select__options--is-not-valid .input-select__options__action-icon { left: calc(1rem + 1rem + .5rem); } .input-select__options.input-select__options--is-valid .input-select__options__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(166.12,242.88,180.26)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-check%22%3E%3Cpolyline%20points=%2220%206%209%2017%204%2012%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-select__options.input-select__options--is-not-valid .input-select__options__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(242,87,103)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-x%22%3E%3Cline%20x1=%2218%22%20y1=%226%22%20x2=%226%22%20y2=%2218%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%2218%22%20y2=%2218%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-select__options.input-select__options--is-error .input-select__options { border-bottom-color: var(--colors-state-danger, #f25767); -webkit-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); -moz-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); } .input-select__options.input-select__options--is-disabled { cursor: inherit; } .input-select__options.input-select__options--is-disabled .input-select__options__input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAGCIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJZXSErkJggg==) repeat; cursor: inherit; } .input-select .input-select__options::-webkit-scrollbar { width: 5px; height: 5px; } .input-select .input-select__options::-webkit-scrollbar-thumb { background: var(--colors-primary-light, #A47341); background-clip: content-box; border: 5px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-select .input-select__options::-webkit-scrollbar-track { background: var(--colors-background-natural-400, #FAF5EF); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-select .input-select__options { scrollbar-face-color: var(--colors-primary-light, #A47341); scrollbar-track-color: var(--colors-background-natural-400, #FAF5EF); } .input-select .input-select__options:before { -webkit-transition: height 0.25s ease-in-out 0.5s; -o-transition: height 0.25s ease-in-out 0.5s; transition: height 0.25s ease-in-out 0.5s; } .input-select .input-select__options .select-options__header { border-bottom: 1px solid var(--colors-primary-base, #975B14); } .input-select .input-select__options .select-options__header .select-options__input-text:before { display: none; } .input-select .input-select__options .select-options__header .select-options__input-text .input-text__input { background-color: var(--colors-background-transparent, transparent); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .input-select .input-select__options .select-options__body { max-height: 300px; padding: var(--spaces-sm, 0.75rem) var(--spaces-xs, 0.5rem); overflow-y: auto; } .input-select .input-select__options .select-options__body::-webkit-scrollbar { width: 5px; height: 5px; } .input-select .input-select__options .select-options__body::-webkit-scrollbar-thumb { background: var(--colors-primary-light, #A47341); background-clip: content-box; border: 5px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-select .input-select__options .select-options__body::-webkit-scrollbar-track { background: var(--colors-background-natural-400, #FAF5EF); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-select .input-select__options .select-options__body { scrollbar-face-color: var(--colors-primary-light, #A47341); scrollbar-track-color: var(--colors-background-natural-400, #FAF5EF); } .input-select .input-select__options .select-options__body .select-options__list .select-options__item { margin-bottom: var(--spaces-sm, 0.75rem); padding: var(--spaces-sm, 0.75rem) var(--spaces-lg, 1.5rem); border-bottom: 1px solid rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.25); /* ELEMENTS */ /* MODIFIERS */ } .input-select .input-select__options .select-options__body .select-options__list .select-options__item:last-of-type { margin-bottom: 5px; border-bottom: 0; } .input-select .input-select__options .select-options__body .select-options__list .select-options__item .select-option__link .select-option__label { font-weight: var(--font-weights-medium, 500); } .input-select .input-select__options .select-options__body .select-options__list .select-options__item.select-option--active .select-option__link .select-option__label { font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text-no-background, #110B54); } .input-select .input-select__label { position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-text, #c3c3c3); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: text; pointer-events: none; } .input-select .input-select__label--required:before { content: '*'; padding-left: var(--spaces-xxs, 0.25rem); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-700, ); color: var(--colors-state-danger, #f25767); } .input-select.input-select--active .input-select__btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .input-select.input-select--active .input-select__btn:after { -webkit-transform: translateX(50%) rotate(180deg); -ms-transform: translateX(50%) rotate(180deg); transform: translateX(50%) rotate(180deg); } .input-select.input-select--active .input-select__options { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; z-index: 2; -webkit-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0s ease-in-out; -o-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0s ease-in-out; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0s ease-in-out; } .input-select.input-select--active .input-select__options:before { height: 10px; } .input-select.input-select--label-on-top .input-select__label { top: -.2rem; right: 0; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text-no-background, #110B54); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .input-select.input-select--label-on-top .input-select__label--required { right: 1rem; } .input-autocomplete { /* ELEMENTS */ /* MODIFIERS */ } .input-autocomplete .input-autocomplete__input-text .input-text__input { -webkit-transition: all 0.25s ease-in-out 0.25s; -o-transition: all 0.25s ease-in-out 0.25s; transition: all 0.25s ease-in-out 0.25s; } .input-autocomplete .input-autocomplete__select { display: none; } .input-autocomplete .input-autocomplete__options { width: 100%; position: absolute; right: 0; /* ELEMENTS */ width: 100%; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 1rem; background: var(--colors-theme-background, #dddddd); border: none; border-radius: 10px; direction: rtl; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-light, 300); color: var(--colors-theme-text, #c3c3c3); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out; /* MODIFIERS */ background-color: var(--colors-background-white, #FFFFFF); display: block; height: auto; padding: var(--spaces-reset, 0); border-top: 1px solid rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.25); border-top-right-radius: 0; border-top-left-radius: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transform-origin: top; opacity: 0; visibility: hidden; z-index: -1; overflow-y: auto; -webkit-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0.5s ease-in-out; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0.5s ease-in-out; } .input-autocomplete .input-autocomplete__options .input-autocomplete__options__helper { position: absolute; top: var(--spaces-xs, 0.5rem); left: var(--spaces-xs, 0.5rem); font-size: var(--font-sizes-xs, 0.825rem); } .input-autocomplete__options.input-autocomplete__options--has-icon .input-autocomplete__options__input { padding-right: calc(0.5rem + 24px + 1rem); } .input-autocomplete__options.input-autocomplete__options--has-icon .input-autocomplete__options__icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-special-text-no-background, #110B54); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-autocomplete__options.input-autocomplete__options--has-icon .input-autocomplete__options__icon--has-bg { height: 100%; right: 0; padding: 0 .5rem; background-color: var(--colors-theme-special-background, #110B54); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .input-autocomplete__options.input-autocomplete__options--has-action-icon { /* MODIFIERS */ } .input-autocomplete__options.input-autocomplete__options--has-action-icon .input-autocomplete__options__action-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 1rem; color: var(--colors-theme-text, #c3c3c3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .input-autocomplete__options.input-autocomplete__options--has-action-icon.input-autocomplete__options--is-valid .input-autocomplete__options__action-icon, .input-autocomplete__options.input-autocomplete__options--has-action-icon.input-autocomplete__options--is-not-valid .input-autocomplete__options__action-icon { left: calc(1rem + 1rem + .5rem); } .input-autocomplete__options.input-autocomplete__options--is-valid .input-autocomplete__options__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(166.12,242.88,180.26)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-check%22%3E%3Cpolyline%20points=%2220%206%209%2017%204%2012%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-autocomplete__options.input-autocomplete__options--is-not-valid .input-autocomplete__options__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(242,87,103)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-x%22%3E%3Cline%20x1=%2218%22%20y1=%226%22%20x2=%226%22%20y2=%2218%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%2218%22%20y2=%2218%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-autocomplete__options.input-autocomplete__options--is-error .input-autocomplete__options { border-bottom-color: var(--colors-state-danger, #f25767); -webkit-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); -moz-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); } .input-autocomplete__options.input-autocomplete__options--is-disabled { cursor: inherit; } .input-autocomplete__options.input-autocomplete__options--is-disabled .input-autocomplete__options__input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAGCIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJZXSErkJggg==) repeat; cursor: inherit; } .input-autocomplete .input-autocomplete__options::-webkit-scrollbar { width: 5px; height: 5px; } .input-autocomplete .input-autocomplete__options::-webkit-scrollbar-thumb { background: var(--colors-primary-light, #A47341); background-clip: content-box; border: 5px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-autocomplete .input-autocomplete__options::-webkit-scrollbar-track { background: var(--colors-background-natural-400, #FAF5EF); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-autocomplete .input-autocomplete__options { scrollbar-face-color: var(--colors-primary-light, #A47341); scrollbar-track-color: var(--colors-background-natural-400, #FAF5EF); } .input-autocomplete .input-autocomplete__options:before { -webkit-transition: height 0.25s ease-in-out 0.5s; -o-transition: height 0.25s ease-in-out 0.5s; transition: height 0.25s ease-in-out 0.5s; } .input-autocomplete .input-autocomplete__options .autocomplete-options__header { border-bottom: 1px solid var(--colors-primary-base, #975B14); } .input-autocomplete .input-autocomplete__options .autocomplete-options__header .autocomplete-options__input-text:before { display: none; } .input-autocomplete .input-autocomplete__options .autocomplete-options__header .autocomplete-options__input-text .input-text__input { background-color: var(--colors-background-transparent, transparent); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .input-autocomplete .input-autocomplete__options .autocomplete-options__body { max-height: 300px; padding: var(--spaces-sm, 0.75rem) var(--spaces-xs, 0.5rem); overflow-y: auto; } .input-autocomplete .input-autocomplete__options .autocomplete-options__body::-webkit-scrollbar { width: 5px; height: 5px; } .input-autocomplete .input-autocomplete__options .autocomplete-options__body::-webkit-scrollbar-thumb { background: var(--colors-primary-light, #A47341); background-clip: content-box; border: 5px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-autocomplete .input-autocomplete__options .autocomplete-options__body::-webkit-scrollbar-track { background: var(--colors-background-natural-400, #FAF5EF); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-autocomplete .input-autocomplete__options .autocomplete-options__body { scrollbar-face-color: var(--colors-primary-light, #A47341); scrollbar-track-color: var(--colors-background-natural-400, #FAF5EF); } .input-autocomplete .input-autocomplete__options .autocomplete-options__body .autocomplete-options__list .autocomplete-options__item { margin-bottom: var(--spaces-sm, 0.75rem); padding: var(--spaces-sm, 0.75rem) var(--spaces-lg, 1.5rem); border-bottom: 1px solid rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.25); /* ELEMENTS */ /* MODIFIERS */ } .input-autocomplete .input-autocomplete__options .autocomplete-options__body .autocomplete-options__list .autocomplete-options__item:last-of-type { margin-bottom: 5px; border-bottom: 0; } .input-autocomplete .input-autocomplete__options .autocomplete-options__body .autocomplete-options__list .autocomplete-options__item .autocomplete-option__link .autocomplete-option__label { font-weight: var(--font-weights-medium, 500); } .input-autocomplete .input-autocomplete__options .autocomplete-options__body .autocomplete-options__list .autocomplete-options__item.autocomplete-option--active .autocomplete-option__link .autocomplete-option__label { font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text-no-background, #110B54); } .input-autocomplete .input-autocomplete__label { position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-text, #c3c3c3); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: text; pointer-events: none; } .input-autocomplete .input-autocomplete__label--required:before { content: '*'; padding-left: var(--spaces-xxs, 0.25rem); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-700, ); color: var(--colors-state-danger, #f25767); } .input-autocomplete.input-autocomplete--active .input-autocomplete__input-text .input-text__input { border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .input-autocomplete.input-autocomplete--active .input-autocomplete__input-text:before { height: 0; } .input-autocomplete.input-autocomplete--active .input-autocomplete__input-text:after { -webkit-transform: translateX(50%) rotate(180deg); -ms-transform: translateX(50%) rotate(180deg); transform: translateX(50%) rotate(180deg); } .input-autocomplete.input-autocomplete--active .input-autocomplete__options { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; z-index: 2; -webkit-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0s ease-in-out; -o-transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0s ease-in-out; transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, z-index 0s ease-in-out; } .input-autocomplete.input-autocomplete--active .input-autocomplete__options:before { height: 10px; } .input-autocomplete.input-autocomplete--label-on-top .input-autocomplete__label { top: -.2rem; right: 0; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text-no-background, #110B54); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .input-autocomplete.input-autocomplete--label-on-top .input-autocomplete__label--required { right: 1rem; } .checkbox { /* MODIFIERS */ } .checkbox .checkbox__input { position: absolute; opacity: 0; z-index: -1; } .checkbox .checkbox__label { color: var(--colors-theme-text-no-background, #c3c3c3); cursor: pointer; pointer-events: auto; /* ELEMENTS */ /* MODIFIERS */ } .checkbox .checkbox__label .checkbox__switch { width: 1.25rem; height: 1.25rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: flex-start; -ms-grid-row-align: flex-start; align-self: flex-start; position: relative; border: 1px solid var(--colors-theme-background, #dddddd); overflow: hidden; -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in; transition: background-color 0.2s ease-in, border-color 0.2s ease-in; } .checkbox .checkbox__label .checkbox__switch:before, .checkbox .checkbox__label .checkbox__switch:after { content: ''; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.2s ease-in; -o-transition: transform 0.2s ease-in; transition: transform 0.2s ease-in; } .checkbox .checkbox__label .checkbox__string { flex: 1; line-height: 1.2; } .checkbox .checkbox__label--horizontal { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkbox.checkbox--is-button { /* ELEMENTS */ /* MODIFIERS */ } .checkbox.checkbox--is-button .checkbox__label { padding-right: var(--spaces-reset, 0); border: 2px solid var(--colors-theme-border, #c3c3c3); color: var(--colors-theme-text, #c3c3c3); -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in; -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in; transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in; } .checkbox.checkbox--is-button .checkbox__label .checkbox__switch { display: none; } .checkbox.checkbox--is-button.checkbox--xxs { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xxs.checkbox--square .checkbox__label { width: 1.25rem; height: 1.25rem; } .checkbox.checkbox--is-button.checkbox--xxs.checkbox--rectangle .checkbox__label { width: 1.75rem; height: 0.875rem; } .checkbox.checkbox--is-button.checkbox--xs { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xs.checkbox--square .checkbox__label { width: 2.5rem; height: 2.5rem; } .checkbox.checkbox--is-button.checkbox--xs.checkbox--rectangle .checkbox__label { width: 3.5rem; height: 1.75rem; } .checkbox.checkbox--is-button.checkbox--sm { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--sm.checkbox--square .checkbox__label { width: 3.75rem; height: 3.75rem; } .checkbox.checkbox--is-button.checkbox--sm.checkbox--rectangle .checkbox__label { width: 5.25rem; height: 2.625rem; } .checkbox.checkbox--is-button.checkbox--md { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--md.checkbox--square .checkbox__label { width: 5rem; height: 5rem; } .checkbox.checkbox--is-button.checkbox--md.checkbox--rectangle .checkbox__label { width: 7rem; height: 3.5rem; } .checkbox.checkbox--is-button.checkbox--lg { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--lg.checkbox--square .checkbox__label { width: 7.5rem; height: 7.5rem; } .checkbox.checkbox--is-button.checkbox--lg.checkbox--rectangle .checkbox__label { width: 10.5rem; height: 5.25rem; } .checkbox.checkbox--is-button.checkbox--xl { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xl.checkbox--square .checkbox__label { width: 12.5rem; height: 12.5rem; } .checkbox.checkbox--is-button.checkbox--xl.checkbox--rectangle .checkbox__label { width: 17.5rem; height: 8.75rem; } .checkbox.checkbox--is-button.checkbox--xxl { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xxl.checkbox--square .checkbox__label { width: 25rem; height: 25rem; } .checkbox.checkbox--is-button.checkbox--xxl.checkbox--rectangle .checkbox__label { width: 35rem; height: 17.5rem; } .checkbox.checkbox--is-button.checkbox--xxxl { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xxxl.checkbox--square .checkbox__label { width: 40rem; height: 40rem; } .checkbox.checkbox--is-button.checkbox--xxxl.checkbox--rectangle .checkbox__label { width: 56rem; height: 28rem; } .checkbox.checkbox--is-button.checkbox--xxxxl { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xxxxl.checkbox--square .checkbox__label { width: 60rem; height: 60rem; } .checkbox.checkbox--is-button.checkbox--xxxxl.checkbox--rectangle .checkbox__label { width: 84rem; height: 42rem; } .checkbox.checkbox--is-button.checkbox--xxxxxl { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xxxxxl.checkbox--square .checkbox__label { width: 75rem; height: 75rem; } .checkbox.checkbox--is-button.checkbox--xxxxxl.checkbox--rectangle .checkbox__label { width: 105rem; height: 52.5rem; } .checkbox.checkbox--is-button.checkbox--xxxxxxl { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xxxxxxl.checkbox--square .checkbox__label { width: 90rem; height: 90rem; } .checkbox.checkbox--is-button.checkbox--xxxxxxl.checkbox--rectangle .checkbox__label { width: 126rem; height: 63rem; } .checkbox.checkbox--check-border.checkbox--is-button .checkbox__input:checked + .checkbox__label { border-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text-no-background, #c3c3c3); } .checkbox.checkbox--check-fill.checkbox--is-button .checkbox__input:checked + .checkbox__label { background-color: var(--colors-theme-background, #dddddd); border-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); } .checkbox.checkbox--check-fill:not(.checkbox--is-button) .checkbox__input:checked + .checkbox__label .checkbox__switch { background-color: var(--colors-theme-background, #dddddd); border-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); } .checkbox.checkbox--check-fill:not(.checkbox--is-button) .checkbox__label--checked .checkbox__switch { background-color: var(--colors-theme-background, #dddddd); border-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); } .checkbox.checkbox--check-fill.checkbox--has-no-input .checkbox__label .checkbox__switch { background-color: var(--colors-theme-background, #dddddd); border-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); } .checkbox.checkbox--check-vi .checkbox__label .checkbox__switch:after { content: "\2714"; } .checkbox.checkbox--check-vi .checkbox__input:checked + .checkbox__label .checkbox__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .checkbox.checkbox--check-vi.checkbox--has-no-input .checkbox__label .checkbox__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .checkbox.checkbox--check-fill-quarter .checkbox__label .checkbox__switch { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .checkbox.checkbox--check-fill-quarter .checkbox__label .checkbox__switch:after { width: 50%; height: 50%; background-color: var(--colors-theme-background, #dddddd); } .checkbox.checkbox--check-fill-quarter .checkbox__input:checked .checkbox__label .checkbox__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .checkbox.checkbox--check-fill-quarter.checkbox--has-no-input .checkbox__label .checkbox__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .checkbox.checkbox--check-fill-half .checkbox__label .checkbox__switch { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .checkbox.checkbox--check-fill-half .checkbox__label .checkbox__switch:after { width: 100%; height: 50%; background-color: var(--colors-theme-background, #dddddd); } .checkbox.checkbox--check-fill-half .checkbox__input:checked .checkbox__label .checkbox__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .checkbox.checkbox--check-fill-half.checkbox--has-no-input .checkbox__label .checkbox__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .checkbox.checkbox--check-fill-three-quarters .checkbox__label .checkbox__switch { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .checkbox.checkbox--check-fill-three-quarters .checkbox__label .checkbox__switch:before { width: 50%; height: 100%; background-color: var(--colors-theme-background, #dddddd); } .checkbox.checkbox--check-fill-three-quarters .checkbox__label .checkbox__switch:after { width: 50%; height: 100%; background: linear-gradient(transparent, transparent 50%, var(--colors-theme-background, #dddddd) 50%); } .checkbox.checkbox--check-fill-three-quarters .checkbox__input:checked .checkbox__label .checkbox__switch:before, .checkbox.checkbox--check-fill-three-quarters .checkbox__input:checked .checkbox__label .checkbox__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .checkbox.checkbox--check-fill-three-quarters.checkbox--has-no-input .checkbox__label .checkbox__switch:before, .checkbox.checkbox--check-fill-three-quarters.checkbox--has-no-input .checkbox__label .checkbox__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .checkbox.checkbox--check-indent-empty-circle .checkbox__label .checkbox__switch:after { width: 80%; height: 80%; background-color: var(--colors-theme-background, #dddddd); border: 0.125rem solid var(--colors-theme-text, #c3c3c3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .checkbox.checkbox--check-indent-empty-circle .checkbox__input:checked + .checkbox__label .checkbox__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .checkbox.checkbox--check-indent-empty-circle.checkbox--has-no-input .checkbox__label .checkbox__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio { /* MODIFIERS */ } .radio .radio__input { position: absolute; opacity: 0; z-index: -1; } .radio .radio__label { width: max-content; color: var(--colors-theme-text, #c3c3c3); cursor: pointer; pointer-events: auto; /* ELEMENTS */ /* MODIFIERS */ } .radio .radio__label .radio__switch { width: 1.25rem; height: 1.25rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border: 1px solid var(--colors-theme-background, #dddddd); -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in; transition: background-color 0.2s ease-in, border-color 0.2s ease-in; } .radio .radio__label .radio__switch:before, .radio .radio__label .radio__switch:after { content: ''; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.2s ease-in; -o-transition: transform 0.2s ease-in; transition: transform 0.2s ease-in; } .radio .radio__label--horizontal { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .radio.radio--is-button { /* ELEMENTS */ /* MODIFIERS */ } .radio.radio--is-button .radio__label { padding-right: var(--spaces-reset, 0); border: 2px solid var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); -webkit-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in; -o-transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in; transition: background-color 0.2s ease-in, border-color 0.2s ease-in, color 0.2s ease-in; } .radio.radio--is-button .radio__label .radio__switch { display: none; } .radio.radio--is-button.radio--xxs { /* ELEMENTS */ } .radio.radio--is-button.radio--xxs.radio--square .radio__label { width: 1.25rem; height: 1.25rem; } .radio.radio--is-button.radio--xxs.radio--rectangle .radio__label { width: 1.75rem; height: 0.875rem; } .radio.radio--is-button.radio--xs { /* ELEMENTS */ } .radio.radio--is-button.radio--xs.radio--square .radio__label { width: 2.5rem; height: 2.5rem; } .radio.radio--is-button.radio--xs.radio--rectangle .radio__label { width: 3.5rem; height: 1.75rem; } .radio.radio--is-button.radio--sm { /* ELEMENTS */ } .radio.radio--is-button.radio--sm.radio--square .radio__label { width: 3.75rem; height: 3.75rem; } .radio.radio--is-button.radio--sm.radio--rectangle .radio__label { width: 5.25rem; height: 2.625rem; } .radio.radio--is-button.radio--md { /* ELEMENTS */ } .radio.radio--is-button.radio--md.radio--square .radio__label { width: 5rem; height: 5rem; } .radio.radio--is-button.radio--md.radio--rectangle .radio__label { width: 7rem; height: 3.5rem; } .radio.radio--is-button.radio--lg { /* ELEMENTS */ } .radio.radio--is-button.radio--lg.radio--square .radio__label { width: 7.5rem; height: 7.5rem; } .radio.radio--is-button.radio--lg.radio--rectangle .radio__label { width: 10.5rem; height: 5.25rem; } .radio.radio--is-button.radio--xl { /* ELEMENTS */ } .radio.radio--is-button.radio--xl.radio--square .radio__label { width: 12.5rem; height: 12.5rem; } .radio.radio--is-button.radio--xl.radio--rectangle .radio__label { width: 17.5rem; height: 8.75rem; } .radio.radio--is-button.radio--xxl { /* ELEMENTS */ } .radio.radio--is-button.radio--xxl.radio--square .radio__label { width: 25rem; height: 25rem; } .radio.radio--is-button.radio--xxl.radio--rectangle .radio__label { width: 35rem; height: 17.5rem; } .radio.radio--is-button.radio--xxxl { /* ELEMENTS */ } .radio.radio--is-button.radio--xxxl.radio--square .radio__label { width: 40rem; height: 40rem; } .radio.radio--is-button.radio--xxxl.radio--rectangle .radio__label { width: 56rem; height: 28rem; } .radio.radio--is-button.radio--xxxxl { /* ELEMENTS */ } .radio.radio--is-button.radio--xxxxl.radio--square .radio__label { width: 60rem; height: 60rem; } .radio.radio--is-button.radio--xxxxl.radio--rectangle .radio__label { width: 84rem; height: 42rem; } .radio.radio--is-button.radio--xxxxxl { /* ELEMENTS */ } .radio.radio--is-button.radio--xxxxxl.radio--square .radio__label { width: 75rem; height: 75rem; } .radio.radio--is-button.radio--xxxxxl.radio--rectangle .radio__label { width: 105rem; height: 52.5rem; } .radio.radio--is-button.radio--xxxxxxl { /* ELEMENTS */ } .radio.radio--is-button.radio--xxxxxxl.radio--square .radio__label { width: 90rem; height: 90rem; } .radio.radio--is-button.radio--xxxxxxl.radio--rectangle .radio__label { width: 126rem; height: 63rem; } .radio.radio--check-border.radio--is-button .radio__input:checked + .radio__label { border-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text-no-background, #c3c3c3); } .radio.radio--check-fill.radio--is-button .radio__input:checked + .radio__label { background-color: var(--colors-theme-background, #dddddd); border-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); } .radio.radio--check-fill:not(.radio--is-button) .radio__input:checked + .radio__label .radio__switch { background-color: var(--colors-theme-background, #dddddd); border-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); } .radio.radio--check-fill.radio--has-no-input .radio__label .radio__switch { background-color: var(--colors-theme-background, #dddddd); border-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); } .radio.radio--check-vi .radio__label .radio__switch:after { content: "\2714"; } .radio.radio--check-vi .radio__input:checked + .radio__label .radio__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio.radio--check-vi.radio--has-no-input .radio__label .radio__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio.radio--check-fill-quarter .radio__label .radio__switch { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .radio.radio--check-fill-quarter .radio__label .radio__switch:after { width: 50%; height: 50%; background-color: var(--colors-theme-background, #dddddd); } .radio.radio--check-fill-quarter .radio__input:checked .radio__label .radio__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio.radio--check-fill-quarter.radio--has-no-input .radio__label .radio__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio.radio--check-fill-half .radio__label .radio__switch { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .radio.radio--check-fill-half .radio__label .radio__switch:after { width: 100%; height: 50%; background-color: var(--colors-theme-background, #dddddd); } .radio.radio--check-fill-half .radio__input:checked .radio__label .radio__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio.radio--check-fill-half.radio--has-no-input .radio__label .radio__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio.radio--check-fill-three-quarters .radio__label .radio__switch { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .radio.radio--check-fill-three-quarters .radio__label .radio__switch:before { width: 50%; height: 100%; background-color: var(--colors-theme-background, #dddddd); } .radio.radio--check-fill-three-quarters .radio__label .radio__switch:after { width: 50%; height: 100%; background: linear-gradient(transparent, transparent 50%, var(--colors-theme-background, #dddddd) 50%); } .radio.radio--check-fill-three-quarters .radio__input:checked .radio__label .radio__switch:before, .radio.radio--check-fill-three-quarters .radio__input:checked .radio__label .radio__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio.radio--check-fill-three-quarters.radio--has-no-input .radio__label .radio__switch:before, .radio.radio--check-fill-three-quarters.radio--has-no-input .radio__label .radio__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio.radio--check-indent-empty-circle .radio__label .radio__switch:after { width: 80%; height: 80%; background-color: var(--colors-theme-special-background, #110B54); border: 0.125rem solid var(--colors-theme-special-text, #FFFFFF); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .radio.radio--check-indent-empty-circle .radio__input:checked + .radio__label .radio__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio.radio--check-indent-empty-circle.radio--has-no-input .radio__label .radio__switch:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .datepicker .datepicker__header { -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .datepicker .datepicker__header .datepicker__month-title { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .datepicker .datepicker__body { grid-template-columns: repeat(7, minmax(auto, 1fr)); justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: var(--spaces-lg, 1.5rem); padding-top: var(--spaces-lg, 1.5rem); border-top: 2px solid var(--colors-border-natural-base, ); } @supports (grid-area: auto) { .datepicker .datepicker__body { display: grid; grid-row-gap: 2rem; grid-column-gap: 0; } } @media (max-width: 767.98px) { @supports (grid-area: auto) { .datepicker .datepicker__body { display: grid; grid-row-gap: 2rem; grid-column-gap: 0; } } } .datepicker .datepicker__body .datepicker__day-title { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .datepicker .datepicker__footer { margin-top: var(--spaces-lg, 1.5rem); padding-top: var(--spaces-lg, 1.5rem); border-top: 2px solid var(--colors-border-natural-base, ); } .input-textarea { position: relative; /* ELEMENTS */ /* MODIFIERS */ /* ELEMENTS */ /* MODIFIERS */ } .input-textarea .input-textarea__input { width: 100%; height: 60px; padding: 0.5rem 1rem; background: var(--colors-theme-background, #dddddd); border: none; border-radius: 10px; direction: rtl; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-light, 300); color: var(--colors-theme-text, #c3c3c3); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out; /* For Select */ } .input-textarea .input-textarea__input:focus { padding-right: 1.5rem; } .input-textarea .input-textarea__helper { position: absolute; top: var(--spaces-xs, 0.5rem); left: var(--spaces-xs, 0.5rem); font-size: var(--font-sizes-xs, 0.825rem); } .input-textarea.input-textarea--has-icon .input-textarea__input { padding-right: calc(0.5rem + 24px + 1rem); } .input-textarea.input-textarea--has-icon .input-textarea__label { right: calc(0.5rem + 24px + 1rem); } .input-textarea.input-textarea--has-icon .input-textarea__icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-special-text-no-background, #110B54); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-textarea.input-textarea--has-icon .input-textarea__icon--has-bg { height: 100%; right: 0; padding: 0 .5rem; background-color: var(--colors-theme-special-background, #110B54); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .input-textarea.input-textarea--has-action-icon { /* MODIFIERS */ } .input-textarea.input-textarea--has-action-icon .input-textarea__action-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 1rem; color: var(--colors-theme-text, #c3c3c3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .input-textarea.input-textarea--has-action-icon.input-textarea--is-valid .input-textarea__action-icon, .input-textarea.input-textarea--has-action-icon.input-textarea--is-not-valid .input-textarea__action-icon { left: calc(1rem + 1rem + .5rem); } .input-textarea.input-textarea--is-valid .input-textarea__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(166.12,242.88,180.26)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-check%22%3E%3Cpolyline%20points=%2220%206%209%2017%204%2012%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-textarea.input-textarea--is-not-valid .input-textarea__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(242,87,103)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-x%22%3E%3Cline%20x1=%2218%22%20y1=%226%22%20x2=%226%22%20y2=%2218%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%2218%22%20y2=%2218%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-textarea.input-textarea--is-error .input-textarea__input { border-bottom-color: var(--colors-state-danger, #f25767); -webkit-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); -moz-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); } .input-textarea.input-textarea--is-disabled { cursor: inherit; } .input-textarea.input-textarea--is-disabled .input-textarea__input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAGCIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJZXSErkJggg==) repeat; cursor: inherit; } .input-textarea .input-textarea__input { display: block; height: inherit; outline: none; overflow: hidden; resize: none; /* MODIFIERS */ } .input-textarea .input-textarea__input::-webkit-input-placeholder { font-size: var(--font-sizes-md, 1.1rem); color: var(--colors-theme-text, #c3c3c3); } .input-textarea .input-textarea__input:-moz-placeholder { font-size: var(--font-sizes-md, 1.1rem); color: var(--colors-theme-text, #c3c3c3); } .input-textarea .input-textarea__input::-moz-placeholder { font-size: var(--font-sizes-md, 1.1rem); color: var(--colors-theme-text, #c3c3c3); } .input-textarea .input-textarea__input:-ms-input-placeholder { font-size: var(--font-sizes-md, 1.1rem); color: var(--colors-theme-text, #c3c3c3); } .input-textarea .input-textarea__input--h-full { height: 100%; } .input-textarea .input-textarea__label { position: absolute; top: calc(60px / 2); right: 1rem; color: var(--colors-theme-text, #c3c3c3); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: text; pointer-events: none; } .input-textarea .input-textarea__label--required:before { content: '*'; padding-left: var(--spaces-xxs, 0.25rem); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-700, ); color: var(--colors-state-danger, #f25767); } .input-textarea.input-textarea--label-on-top .input-textarea__label { top: -.2rem; right: 0; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .input-custom { position: relative; /* ELEMENTS */ /* MODIFIERS */ /* ELEMENTS */ /* MODIFIERS */ } .input-custom .input-custom__input { width: 100%; height: 60px; padding: 0.5rem 1rem; background: var(--colors-theme-background, #dddddd); border: none; border-radius: 10px; direction: rtl; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-light, 300); color: var(--colors-theme-text, #c3c3c3); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out; /* For Select */ } .input-custom .input-custom__input:focus { padding-right: 1.5rem; } .input-custom .input-custom__helper { position: absolute; top: var(--spaces-xs, 0.5rem); left: var(--spaces-xs, 0.5rem); font-size: var(--font-sizes-xs, 0.825rem); } .input-custom.input-custom--has-icon .input-custom__input { padding-right: calc(0.5rem + 24px + 1rem); } .input-custom.input-custom--has-icon .input-custom__icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-special-text-no-background, #110B54); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-custom.input-custom--has-icon .input-custom__icon--has-bg { height: 100%; right: 0; padding: 0 .5rem; background-color: var(--colors-theme-special-background, #110B54); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .input-custom.input-custom--has-action-icon { /* MODIFIERS */ } .input-custom.input-custom--has-action-icon .input-custom__action-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 1rem; color: var(--colors-theme-text, #c3c3c3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .input-custom.input-custom--has-action-icon.input-custom--is-valid .input-custom__action-icon, .input-custom.input-custom--has-action-icon.input-custom--is-not-valid .input-custom__action-icon { left: calc(1rem + 1rem + .5rem); } .input-custom.input-custom--is-valid .input-custom__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(166.12,242.88,180.26)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-check%22%3E%3Cpolyline%20points=%2220%206%209%2017%204%2012%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-custom.input-custom--is-not-valid .input-custom__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(242,87,103)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-x%22%3E%3Cline%20x1=%2218%22%20y1=%226%22%20x2=%226%22%20y2=%2218%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%2218%22%20y2=%2218%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-custom.input-custom--is-error .input-custom__input { border-bottom-color: var(--colors-state-danger, #f25767); -webkit-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); -moz-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); } .input-custom.input-custom--is-disabled { cursor: inherit; } .input-custom.input-custom--is-disabled .input-custom__input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAGCIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJZXSErkJggg==) repeat; cursor: inherit; } .input-custom .input-custom__input { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-custom .input-custom__label { position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-text-no-background, #c3c3c3); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: text; pointer-events: none; } .input-custom .input-custom__label--required:before { content: '*'; padding-left: var(--spaces-xxs, 0.25rem); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-700, ); color: var(--colors-state-danger, #f25767); } .input-custom.input-custom--label-on-top .input-custom__label { top: -.2rem; right: 0; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text-no-background, #110B54); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .input-custom.input-custom--label-on-top .input-custom__label--required { right: 1rem; } .colorpicker { /* ELEMENTS */ } .colorpicker .colorpicker__body .colorpicker__list { grid-template-columns: repeat(4, minmax(auto, 1fr)); justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @supports (grid-area: auto) { .colorpicker .colorpicker__body .colorpicker__list { display: grid; grid-row-gap: 1rem; grid-column-gap: 1rem; } } .colorpicker .colorpicker__body .colorpicker__list .colorpicker__item .colorpicker__color { width: 1rem; height: 1rem; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; /* MODIFIERS */ } .colorpicker .colorpicker__body .colorpicker__list .colorpicker__item .colorpicker__color--reset { position: relative; background-color: var(--colors-background-transparent, transparent); border: 1px solid; } .colorpicker .colorpicker__body .colorpicker__list .colorpicker__item .colorpicker__color--reset:after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background-color: var(--colors-state-danger, #f25767); -webkit-transform: translateX(50%) rotate(45deg); -ms-transform: translateX(50%) rotate(45deg); transform: translateX(50%) rotate(45deg); } .input-color { position: relative; /* ELEMENTS */ /* MODIFIERS */ /* ELEMENTS */ } .input-color .input-color__input { width: 100%; height: 60px; padding: 0.5rem 1rem; background: var(--colors-theme-background, #dddddd); border: none; border-radius: 10px; direction: rtl; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-light, 300); color: var(--colors-theme-text, #c3c3c3); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out; /* For Select */ } .input-color .input-color__input:focus { padding-right: 1.5rem; } .input-color .input-color__helper { position: absolute; top: var(--spaces-xs, 0.5rem); left: var(--spaces-xs, 0.5rem); font-size: var(--font-sizes-xs, 0.825rem); } .input-color.input-color--has-icon .input-color__input { padding-right: calc(0.5rem + 24px + 1rem); } .input-color.input-color--has-icon .input-color__label { right: calc(0.5rem + 24px + 1rem + 1rem + .5rem); } .input-color.input-color--has-icon .input-color__icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-special-text-no-background, #110B54); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-color.input-color--has-icon .input-color__icon--has-bg { height: 100%; right: 0; padding: 0 .5rem; background-color: var(--colors-theme-special-background, #110B54); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .input-color.input-color--has-action-icon { /* MODIFIERS */ } .input-color.input-color--has-action-icon .input-color__action-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 1rem; color: var(--colors-theme-text, #c3c3c3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .input-color.input-color--has-action-icon.input-color--is-valid .input-color__action-icon, .input-color.input-color--has-action-icon.input-color--is-not-valid .input-color__action-icon { left: calc(1rem + 1rem + .5rem); } .input-color.input-color--is-valid .input-color__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(166.12,242.88,180.26)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-check%22%3E%3Cpolyline%20points=%2220%206%209%2017%204%2012%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-color.input-color--is-not-valid .input-color__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(242,87,103)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-x%22%3E%3Cline%20x1=%2218%22%20y1=%226%22%20x2=%226%22%20y2=%2218%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%2218%22%20y2=%2218%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-color.input-color--is-error .input-color__input { border-bottom-color: var(--colors-state-danger, #f25767); -webkit-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); -moz-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); } .input-color.input-color--is-disabled { cursor: inherit; } .input-color.input-color--is-disabled .input-color__input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAGCIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJZXSErkJggg==) repeat; cursor: inherit; } .input-color .input-color__input { min-width: 200px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .input-color .input-color__input::-webkit-color-swatch-wrapper { width: 1rem; height: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); } .input-color .input-color__input::-webkit-color-swatch { width: 1rem; height: 1rem; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .input-color .input-color__label { position: absolute; top: 50%; right: calc(1rem + 1rem); color: var(--colors-theme-text, #c3c3c3); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-regular, 400); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: text; pointer-events: none; } .input-color .input-color__label--required:before { content: '*'; padding-left: var(--spaces-xxs, 0.25rem); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-700, ); color: var(--colors-state-danger, #f25767); } .input-file { position: relative; /* ELEMENTS */ } .input-file .input-file__input { width: 100%; height: 100%; position: absolute; right: 0; opacity: 0; cursor: pointer; } .input-file .input-file__btn { /* ELEMENTS */ width: 100%; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 1rem; background: var(--colors-theme-background, #dddddd); border: none; border-radius: 10px; direction: rtl; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-light, 300); color: var(--colors-theme-text, #c3c3c3); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out; /* MODIFIERS */ } .input-file .input-file__btn .input-file__helper { position: absolute; top: var(--spaces-xs, 0.5rem); left: var(--spaces-xs, 0.5rem); font-size: var(--font-sizes-xs, 0.825rem); } .input-file.input-file--has-icon .input-file__input { padding-right: calc(0.5rem + 24px + 1rem); } .input-file.input-file--has-icon .input-file__icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-special-text-no-background, #110B54); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-file.input-file--has-icon .input-file__icon--has-bg { height: 100%; right: 0; padding: 0 .5rem; background-color: var(--colors-theme-special-background, #110B54); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .input-file.input-file--has-action-icon { /* MODIFIERS */ } .input-file.input-file--has-action-icon .input-file__action-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 1rem; color: var(--colors-theme-text, #c3c3c3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .input-file.input-file--has-action-icon.input-file--is-valid .input-file__action-icon, .input-file.input-file--has-action-icon.input-file--is-not-valid .input-file__action-icon { left: calc(1rem + 1rem + .5rem); } .input-file.input-file--is-valid .input-file__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(166.12,242.88,180.26)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-check%22%3E%3Cpolyline%20points=%2220%206%209%2017%204%2012%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-file.input-file--is-not-valid .input-file__input { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22rgb(242,87,103)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-x%22%3E%3Cline%20x1=%2218%22%20y1=%226%22%20x2=%226%22%20y2=%2218%22/%3E%3Cline%20x1=%226%22%20y1=%226%22%20x2=%2218%22%20y2=%2218%22/%3E%3C/svg%3E"); background-size: 1rem; background-position: calc(100% - 1rem); background-repeat: no-repeat; } .input-file.input-file--is-error .input-file__btn { border-bottom-color: var(--colors-state-danger, #f25767); -webkit-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); -moz-box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); box-shadow: 0 4px 2px -2px rgba(var(--colors-state-danger-rgb, 242,87,103), 0.8); } .input-file.input-file--is-disabled { cursor: inherit; } .input-file.input-file--is-disabled .input-file__input { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAGCIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJZXSErkJggg==) repeat; cursor: inherit; } .input-file .input-file__btn .input-file__label { color: var(--colors-theme-text, #c3c3c3); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: text; pointer-events: none; } .input-file .input-file__btn .input-file__label--required:before { content: '*'; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-700, ); color: var(--colors-state-danger, #f25767); padding-left: var(--spaces-xxs, 0.25rem); } /* GLOBAL */ .view-header { position: relative; /* ELEMENTS */ } .view-header .view-header__top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .view-header .view-header__top .view-header__data-views { display: inline-block; } .view-header .view-header__top .view-header__data-views .data-views__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .view-header .view-header__top .view-header__data-views .data-views__list .data-views__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: var(--spaces-xs, 0.5rem); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); /* ELEMENTS */ /* MODIFIERS */ } .view-header .view-header__top .view-header__data-views .data-views__list .data-views__item:first-of-type { padding-right: var(--spaces-reset, 0); } .view-header .view-header__top .view-header__data-views .data-views__list .data-views__item .data-views__link { vertical-align: middle; } .view-header .view-header__top .view-header__data-views .data-views__list .data-views__item--active { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-medium, 500); color: var(--colors-primary-base, #975B14); } .view-header .view-header__actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: var(--spaces-xs, 0.5rem); } .view-header .view-header__actions .view-header__view-filter { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .view-header .view-header__actions .view-header__view-filter .view-filter__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .view-header .view-header__actions .view-header__view-filter .view-filter__btn .view-filter__icon { color: var(--colors-primary-base, #975B14); } .view-header .view-header__actions .view-header__view-search { /* ELEMENTS */ /* MODIFIERS */ /* BREAKPOINTS */ } .view-header .view-header__actions .view-header__view-search .view-search__input-text .input-text__input { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transform-origin: calc(100% + (-1 * 1rem)); -webkit-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .view-header .view-header__actions .view-header__view-search .view-search__input-text .input-text__icon { padding-right: var(--spaces-reset, 0); background-color: var(--colors-background-transparent, transparent); color: var(--colors-primary-base, #975B14); -webkit-transition: padding-right 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out 0.2s, color 0.2s ease-in-out 0.2s; -o-transition: padding-right 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out 0.2s, color 0.2s ease-in-out 0.2s; transition: padding-right 0.2s ease-in-out 0.2s, background-color 0.2s ease-in-out 0.2s, color 0.2s ease-in-out 0.2s; cursor: pointer; } .view-header .view-header__actions .view-header__view-search.view-search--active .view-search__input-text .input-text__input { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: transform 0.2s ease-in-out 0.2s; -o-transition: transform 0.2s ease-in-out 0.2s; transition: transform 0.2s ease-in-out 0.2s; } .view-header .view-header__actions .view-header__view-search.view-search--active .view-search__input-text .input-text__icon { padding-right: var(--spaces-xs, 0.5rem); background-color: var(--colors-background-natural-100, #eeded07a); -webkit-transition: padding-right 0.2s, background-color 0.2s ease-in-out; -o-transition: padding-right 0.2s, background-color 0.2s ease-in-out; transition: padding-right 0.2s, background-color 0.2s ease-in-out; } @media (max-width: 991.98px) { .view-header .view-header__actions .view-header__view-search { width: max-content; display: block; } } .view-header .view-header__separator { width: 1px; height: 15px; display: inline-block; position: relative; margin: 0 var(--spaces-sm, 0.75rem); } .view-header .view-header__separator:before { content: ''; display: block; width: 1px; height: 100%; position: absolute; background-color: rgba(var(--colors-primary-base-rgb, 151,91,20), 0.5); } .view-header .view-header__plus-wrapper { position: absolute; top: 0; left: 0; } .view-header .view-header__plus-wrapper .view-header__plus { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; margin-right: var(--spaces-auto, auto); -webkit-transform: translate(calc(-1 * -1 * 100%), -25%); -ms-transform: translate(calc(-1 * -1 * 100%), -25%); transform: translate(calc(-1 * -1 * 100%), -25%); z-index: 2; } .view-footer { -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: sticky; position: -webkit-sticky; bottom: 1rem; z-index: 3; } .view-footer .view-footer__pagination { height: 65px; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0 var(--spaces-lg, 1.5rem); background-color: var(--colors-theme-background, #dddddd); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-text, #c3c3c3); } .view-footer .view-footer__pagination .pagination__entries-indicator { color: var(--colors-theme-special-text-no-background, #110B54); } .view-footer .view-footer__pagination .pagination__separator { width: 1px; height: 100%; margin: 0 var(--spaces-lg, 1.5rem); } .view-footer .view-footer__pagination .pagination__separator:before { content: ''; display: block; width: 1px; height: 60%; position: absolute; background-color: rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.5); top: 20%; } .view-footer .view-footer__pagination .pagination__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .view-footer .view-footer__pagination .pagination__list .pagination__item { display: inline-block; padding: var(--spaces-xs, 0.5rem) var(--spaces-md, 1rem); } .view-footer .view-footer__pagination .pagination__list .pagination__item--active { background-color: var(--colors-theme-special-background, #110B54); color: var(--colors-theme-special-text, #FFFFFF); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .view-footer .view-footer__action-bar { width: max-content; height: 65px; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0 var(--spaces-lg, 1.5rem); background-color: var(--colors-theme-background, #dddddd); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-text, #c3c3c3); } .view-footer .view-footer__action-bar .action-bar__selection-indicator { color: var(--colors-theme-special-text-no-background, #110B54); } .view-footer .view-footer__action-bar .action-bar__separator { width: 1px; height: 100%; margin: 0 var(--spaces-lg, 1.5rem); } .view-footer .view-footer__action-bar .action-bar__separator:before { content: ''; display: block; width: 1px; height: 60%; position: absolute; background-color: rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.5); top: 20%; } .view-footer .view-footer__action-bar .action-bar__actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .view-footer .view-footer__action-bar .action-bar__actions .action-bar__action { margin-left: var(--spaces-sm, 0.75rem); } .view-footer .view-footer__action-bar .action-bar__actions .action-bar__action:last-of-type { margin-left: var(--spaces-reset, 0); } .view-footer .view-footer__action-bar .action-bar__show-selection .action-bar__toggle-selection .toggle-switch__switch { background-color: var(--colors-theme-background, #dddddd); } .view-footer .view-footer__action-bar .action-bar__show-selection .action-bar__toggle-selection .toggle-switch__input:checked ~ .toggle-switch__switch { background-color: var(--colors-state-success, #a6f3b4); } /* VIEWS */ .table { width: 100%; border-collapse: separate; border-spacing: 0 .2rem; } .table .table__header .table__row { overflow: hidden; } .table .table__header .table__row .table__col { padding: var(--spaces-sm, 0.75rem) var(--spaces-lg, 1.5rem); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-400, ); text-align: right; /* MODIFIERS */ } .table .table__header .table__row .table__col .table__col-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* MODIFIERS */ } .table .table__header .table__row .table__col .table__col-content.col-content--sortable { cursor: pointer; /* ELEMENTS */ } .table .table__header .table__row .table__col .table__col-content.col-content--sortable:hover .col-content__sort:not(.col-content__sort--active) { opacity: .7; visibility: visible; z-index: auto; } .table .table__header .table__row .table__col .table__col-content.col-content--sortable .col-content__sort { margin-right: var(--spaces-xs, 0.5rem); opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .table .table__header .table__row .table__col .table__col-content.col-content--sortable .col-content__sort--active { opacity: 1; visibility: visible; z-index: auto; } .table .table__header .table__row .table__col .table__col-content .col-content__label { text-transform: uppercase; } .table .table__header .table__row .table__col:first-of-type { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .table .table__header .table__row .table__col:first-of-type:before { display: none; } .table .table__header .table__row .table__col:last-of-type { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .table .table__header .table__row .table__col--check { width: 50px; } .table .table__header .table__row .table__col--actions { width: 50px; } .table .table__header .table__row .table__col--center { padding-right: var(--spaces-reset, 0); text-align: center; } .table .table__body .table__row { background-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: box-shadow 0.2s ease-in; -o-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in; overflow: hidden; /* ELEMENTS */ /* MODIFIERS */ } .table .table__body .table__row:hover { -webkit-box-shadow: 0 0 20px 15px rgba(var(--colors-shadow-natural-base-rgb, 220.5,220.5,220.5), 0.3); -moz-box-shadow: 0 0 20px 15px rgba(var(--colors-shadow-natural-base-rgb, 220.5,220.5,220.5), 0.3); box-shadow: 0 0 20px 15px rgba(var(--colors-shadow-natural-base-rgb, 220.5,220.5,220.5), 0.3); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .table .table__body .table__row .table__col { position: relative; padding: 1.5rem; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); /* ELEMENTS */ /* MODIFIERS */ } .table .table__body .table__row .table__col:before { content: ''; width: 1px; height: 50%; display: block; position: absolute; top: 50%; left: 0; background-color: var(--colors-background-natural-100, #eeded07a); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .table .table__body .table__row .table__col:first-of-type { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .table .table__body .table__row .table__col:first-of-type:before { display: none; } .table .table__body .table__row .table__col:last-of-type { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .table .table__body .table__row .table__col .table__col-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* ELEMENTS */ /* MODIFIERS */ } .table .table__body .table__row .table__col .table__col-content:hover .col-content__label--is-quick-edit .col-content__label-action { opacity: 1; visibility: visible; z-index: auto; } .table .table__body .table__row .table__col .table__col-content .col-content__label { opacity: 1; visibility: visible; z-index: auto; -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in, z-index 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in, z-index 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in, z-index 0.2s ease-in; } .table .table__body .table__row .table__col .table__col-content .col-content__label--is-quick-edit { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table .table__body .table__row .table__col .table__col-content .col-content__label--is-quick-edit .col-content__label-action { margin-right: var(--spaces-xxs, 0.25rem); opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .table .table__body .table__row .table__col .table__col-content .col-content__entry-actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table .table__body .table__row .table__col .table__col-content .col-content__entry-actions .entry-actions__dropdown { z-index: 1; } .table .table__body .table__row .table__col .table__col-content *[class*="--edit-mode"] { position: absolute; right: calc(1.5rem - 0.5rem); opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in, z-index 0.2s ease-in; -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in, z-index 0.2s ease-in; transition: opacity 0.2s ease-in, visibility 0.2s ease-in, z-index 0.2s ease-in; } .table .table__body .table__row .table__col .table__col-content.col-content--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .table .table__body .table__row .table__col .table__col-content.col-content--edit-mode *[class*="--view-mode"] { opacity: 0; visibility: hidden; z-index: -1; } .table .table__body .table__row .table__col .table__col-content.col-content--edit-mode *[class*="--edit-mode"] { opacity: 1; visibility: visible; z-index: auto; } .table .table__body .table__row--has-indicator .table__col:last-of-type:after { content: ''; width: 10px; height: 100%; display: block; position: absolute; top: 0; left: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .table .table__body .table__row--has-indicator.table__row--indicator-default .table__col:last-of-type:after { background-color: var(--colors-background-natural-400, #FAF5EF); } .table .table__body .table__row--has-indicator.table__row--indicator-primary .table__col:last-of-type:after { background-color: var(--colors-primary-base, #975B14); } .table .table__body .table__row--has-indicator.table__row--indicator-primary-light .table__col:last-of-type:after { background-color: var(--colors-primary-light, #A47341); } .table .table__body .table__row--has-indicator.table__row--indicator-primary-dark .table__col:last-of-type:after { background-color: var(--colors-primary-dark, #4C241D); } .table .table__body .table__row--has-indicator.table__row--indicator-secondary .table__col:last-of-type:after { background-color: var(--colors-secondary-base, #EED91E); } .table .table__body .table__row--has-indicator.table__row--indicator-secondary-light .table__col:last-of-type:after { background-color: var(--colors-secondary-light, #f2e14d); } .table .table__body .table__row--has-indicator.table__row--indicator-secondary-dark .table__col:last-of-type:after { background-color: var(--colors-secondary-dark, #cab70f); } .table .table__body .table__row--has-indicator.table__row--indicator-natural .table__col:last-of-type:after { background-color: var(--colors-background-natural-400, #FAF5EF); } .table .table__body .table__row--has-indicator.table__row--indicator-natural-400 .table__col:last-of-type:after { background-color: var(--colors-background-natural-400, #FAF5EF); } .table .table__body .table__row--has-indicator.table__row--indicator-natural-700 .table__col:last-of-type:after { background-color: var(--colors-background-natural-700, #F5E3D2); } .table .table__body .table__row--has-indicator.table__row--indicator-natural-light .table__col:last-of-type:after { background-color: var(--colors-background-natural-100, #eeded07a); } .table .table__body .table__row--has-indicator.table__row--indicator-natural-dark .table__col:last-of-type:after { background-color: var(--colors-background-natural-700, #F5E3D2); } .table .table__body .table__row--has-indicator.table__row--indicator-white .table__col:last-of-type:after { background-color: var(--colors-background-white, #FFFFFF); } .table .table__body .table__row--has-indicator.table__row--indicator-black .table__col:last-of-type:after { background-color: var(--colors-background-black, #000000); } .table .table__body .table__row--has-indicator.table__row--indicator-grey-dark .table__col:last-of-type:after { background-color: var(--colors-natural-grey-700, #242424); } .table .table__body .table__row--has-indicator.table__row--indicator-grey-base .table__col:last-of-type:after { background-color: var(--colors-natural-grey-400, #242424e6); } .table .table__body .table__row--has-indicator.table__row--indicator-grey-light .table__col:last-of-type:after { background-color: var(--colors-natural-grey-100, #24242480); } .table .table__body .table__row--has-indicator.table__row--indicator-success .table__col:last-of-type:after { background-color: var(--colors-state-success, #a6f3b4); } .table .table__body .table__row--has-indicator.table__row--indicator-success-light .table__col:last-of-type:after { background-color: var(--colors-state-success-light, #d3f9da); } .table .table__body .table__row--has-indicator.table__row--indicator-danger .table__col:last-of-type:after { background-color: var(--colors-state-danger, #f25767); } .table .table__body .table__row--has-indicator.table__row--indicator-info .table__col:last-of-type:after { background-color: var(--colors-state-info, #0CC0DF); } .kanban .kanban__list { -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; margin-top: calc(var(--flexbox-gutter-y, 0) * -1); margin-right: calc(var(--flexbox-gutter-x, 2rem) / -2); margin-left: calc(var(--flexbox-gutter-x, 2rem) / -2); -ms-flex-flow: row; flex-flow: row; overflow-x: auto; } .kanban .kanban__list::-webkit-scrollbar { width: 5px; height: 5px; } .kanban .kanban__list::-webkit-scrollbar-thumb { background: var(--colors-border-natural-base, ); background-clip: content-box; border: 50px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .kanban .kanban__list::-webkit-scrollbar-track { background: var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .kanban .kanban__list { scrollbar-face-color: var(--colors-border-natural-base, ); scrollbar-track-color: var(--colors-background-transparent, transparent); } .kanban .kanban__list .kanban__item { min-width: 20.83%; max-width: 100%; flex-basis: 0; flex-grow: 1; box-sizing: border-box; margin-top: calc(var(--flexbox-gutter-y, 0)); padding-right: calc(var(--flexbox-gutter-x, 2rem) / 2); padding-left: calc(var(--flexbox-gutter-x, 2rem) / 2); max-width: 20.83%; flex-basis: 20.83%; flex-grow: 0; } @media (max-width: 1439.98px) { .kanban .kanban__list .kanban__item { min-width: 29.16%; max-width: 29.16%; flex-basis: 29.16%; flex-grow: 0; } } @media (max-width: 991.98px) { .kanban .kanban__list .kanban__item { min-width: 100%; max-width: 100%; flex-basis: 100%; flex-grow: 0; } } .kanban .kanban__list .kanban__item .kanban-stage__title-wrapper .kanban-stage__actions .kanban-stage__actions-dropdown { z-index: 1; } .kanban .kanban__list .kanban__item .kanban-stage__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kanban .kanban__list .kanban__item .kanban-stage__list .kanban-stage__item { width: 100%; margin-top: var(--spaces-md, 1rem); cursor: move; /* MODIFIERS */ } .kanban .kanban__list .kanban__item .kanban-stage__list .kanban-stage__item:first-of-type { margin-top: var(--spaces-reset, 0); } .kanban .kanban__list .kanban__item .kanban-stage__list .kanban-stage__item.kanban-item--is-moving { border: 2px dashed; } .kanban .kanban__list .kanban__item .kanban-stage__list .kanban-stage__item.kanban-item--is-moving > * { opacity: 0; visibility: hidden; z-index: -1; } .list { width: 100%; border-collapse: collapse; /* ELEMENTS */ /* MODIFIERS */ } .list .list__header .list__row .list__col { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); text-transform: uppercase; } .list .list__body .list__row .list__col { padding: var(--spaces-sm, 0.75rem) var(--spaces-lg, 1.5rem); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-400, ); text-align: right; } .list.list--has-alternate-bg .list__body .list__row:nth-child(even) { background-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); } .entry-box { position: relative; -webkit-transition: transform 0.2s ease-in; -o-transition: transform 0.2s ease-in; transition: transform 0.2s ease-in; /* ELEMENTS */ /* MODIFIERS */ } .entry-box .entry-box__content { width: 100%; -webkit-transition: padding-right 0.2s ease-in; -o-transition: padding-right 0.2s ease-in; transition: padding-right 0.2s ease-in; } .entry-box .entry-box__toggle-content { line-height: 0px; color: var(--colors-foreground-transparent, transparent); -webkit-transition: margin-top 0.2s ease-in, padding-right 0.2s ease-in, line-height 0.2s ease-in; -o-transition: margin-top 0.2s ease-in, padding-right 0.2s ease-in, line-height 0.2s ease-in; transition: margin-top 0.2s ease-in, padding-right 0.2s ease-in, line-height 0.2s ease-in; } .entry-box .entry-box__actions { width: 70px; height: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 0; padding: var(--spaces-xs, 0.5rem) var(--spaces-md, 1rem); background-color: var(--colors-theme-special-background, #110B54); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transform-origin: right; transition: transform .2s ease-in; } .entry-box .entry-box__actions .entry-box__action { margin-bottom: var(--spaces-xs, 0.5rem); color: var(--colors-theme-special-text, #FFFFFF); /* ELEMENTS */ /* MODIFIERS */ } .entry-box .entry-box__actions .entry-box__action:last-of-type { margin-bottom: var(--spaces-reset, 0); } .entry-box .entry-box__actions .entry-box__action--delete { padding: var(--spaces-xxs, 0.25rem); background-color: var(--colors-state-danger, #f25767); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: var(--colors-foreground-white, #FFFFFF); } .entry-box.entry-box--has-indicator .entry-box__box { overflow: hidden; } .entry-box.entry-box--has-indicator .entry-box__box:after { content: ''; width: 5px; height: 100%; position: absolute; top: 0; left: 0; } .entry-box.entry-box--has-indicator.entry-box--indicator-default .entry-box__box:after { background-color: var(--colors-background-natural-400, #FAF5EF); } .entry-box.entry-box--has-indicator.entry-box--indicator-primary .entry-box__box:after { background-color: var(--colors-primary-base, #975B14); } .entry-box.entry-box--has-indicator.entry-box--indicator-primary-light .entry-box__box:after { background-color: var(--colors-primary-light, #A47341); } .entry-box.entry-box--has-indicator.entry-box--indicator-primary-dark .entry-box__box:after { background-color: var(--colors-primary-dark, #4C241D); } .entry-box.entry-box--has-indicator.entry-box--indicator-secondary .entry-box__box:after { background-color: var(--colors-secondary-base, #EED91E); } .entry-box.entry-box--has-indicator.entry-box--indicator-secondary-light .entry-box__box:after { background-color: var(--colors-secondary-light, #f2e14d); } .entry-box.entry-box--has-indicator.entry-box--indicator-secondary-dark .entry-box__box:after { background-color: var(--colors-secondary-dark, #cab70f); } .entry-box.entry-box--has-indicator.entry-box--indicator-natural .entry-box__box:after { background-color: var(--colors-background-natural-400, #FAF5EF); } .entry-box.entry-box--has-indicator.entry-box--indicator-natural-400 .entry-box__box:after { background-color: var(--colors-background-natural-400, #FAF5EF); } .entry-box.entry-box--has-indicator.entry-box--indicator-natural-700 .entry-box__box:after { background-color: var(--colors-background-natural-700, #F5E3D2); } .entry-box.entry-box--has-indicator.entry-box--indicator-natural-light .entry-box__box:after { background-color: var(--colors-background-natural-100, #eeded07a); } .entry-box.entry-box--has-indicator.entry-box--indicator-natural-dark .entry-box__box:after { background-color: var(--colors-background-natural-700, #F5E3D2); } .entry-box.entry-box--has-indicator.entry-box--indicator-white .entry-box__box:after { background-color: var(--colors-background-white, #FFFFFF); } .entry-box.entry-box--has-indicator.entry-box--indicator-black .entry-box__box:after { background-color: var(--colors-background-black, #000000); } .entry-box.entry-box--has-indicator.entry-box--indicator-grey-dark .entry-box__box:after { background-color: var(--colors-natural-grey-700, #242424); } .entry-box.entry-box--has-indicator.entry-box--indicator-grey-base .entry-box__box:after { background-color: var(--colors-natural-grey-400, #242424e6); } .entry-box.entry-box--has-indicator.entry-box--indicator-grey-light .entry-box__box:after { background-color: var(--colors-natural-grey-100, #24242480); } .entry-box.entry-box--has-indicator.entry-box--indicator-success .entry-box__box:after { background-color: var(--colors-state-success, #a6f3b4); } .entry-box.entry-box--has-indicator.entry-box--indicator-success-light .entry-box__box:after { background-color: var(--colors-state-success-light, #d3f9da); } .entry-box.entry-box--has-indicator.entry-box--indicator-danger .entry-box__box:after { background-color: var(--colors-state-danger, #f25767); } .entry-box.entry-box--has-indicator.entry-box--indicator-info .entry-box__box:after { background-color: var(--colors-state-info, #0CC0DF); } .entry-box.entry-box--is-swiped { -webkit-transform: translateX(2rem); -ms-transform: translateX(2rem); transform: translateX(2rem); } .entry-box.entry-box--is-swiped .entry-box__content { padding-right: 70px; } .entry-box.entry-box--is-swiped .entry-box__toggle-content { padding-right: 70px; } .entry-box.entry-box--is-swiped .entry-box__actions { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .entry-box.entry-box--is-active .entry-box__content { padding-right: 70px; } .entry-box.entry-box--is-active .entry-box__toggle-content { margin-top: var(--spaces-md, 1rem); padding-right: 70px; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-text, #c3c3c3); } .entry-box.entry-box--is-active .entry-box__actions { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .file-manager .file-manager__list .file-manager__item .file__image-wrapper { text-align: center; /* ELEMENTS */ /* MODIFIERS */ } .file-manager .file-manager__list .file-manager__item .file__image-wrapper .file__image { max-width: 100%; width: auto; height: 90px; display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); } .file-manager .file-manager__list .file-manager__item .file__image-wrapper--has-label { position: relative; } .file-manager .file-manager__list .file-manager__item .file__image-wrapper--has-label .file__image-label { position: absolute; bottom: 30%; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-semi-bold, 600); } *[class*="--has-hint"] { position: relative; /* MODIFIERS */ } *[class*="--has-hint"]:before { content: ''; width: 0; height: 0; display: inline-block; position: absolute; opacity: 0; visibility: hidden; z-index: -1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } *[class*="--has-hint"]:after { content: attr(data-hint); min-width: 1px; position: absolute; white-space: nowrap; padding: var(--spaces-sm, 0.75rem); background-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-regular, 400); opacity: 0; visibility: hidden; z-index: -1; cursor: text; pointer-events: auto; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } *[class*="--has-hint"]:hover:before { opacity: 1; visibility: visible; z-index: 3; } *[class*="--has-hint"]:hover:after { opacity: 1; visibility: visible; z-index: 3; } *[class*="--has-hint"][class*="--hint-t"]:before { top: 0; right: 50%; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid transparent; -webkit-transform: translate(50%, -100%); -ms-transform: translate(50%, -100%); transform: translate(50%, -100%); } *[class*="--has-hint"][class*="--hint-t"]:after { top: -7px; right: 50%; -webkit-transform: translate(50%, -100%); -ms-transform: translate(50%, -100%); transform: translate(50%, -100%); } *[class*="--has-hint"][class*="--hint-b"]:before { bottom: 0; right: 50%; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid transparent; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } *[class*="--has-hint"][class*="--hint-b"]:after { bottom: 0; right: 50%; -webkit-transform: translate(50%, 100%); -ms-transform: translate(50%, 100%); transform: translate(50%, 100%); } *[class*="--has-hint"][class*="--hint-s"]:before { top: 50%; right: 0; border-right: 7px solid transparent; border-top: 7px solid transparent; border-bottom: 7px solid transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } *[class*="--has-hint"][class*="--hint-s"]:after { top: 50%; right: 0; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); } *[class*="--has-hint"][class*="--hint-e"]:before { top: 50%; left: 0; border-left: 7px solid transparent; border-top: 7px solid transparent; border-bottom: 7px solid transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } *[class*="--has-hint"][class*="--hint-e"]:after { top: 50%; left: 0; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } *[class*="--has-hint"][class*="--hint-t"]:before { border-top-color: var(--colors-theme-background, #dddddd); } *[class*="--has-hint"][class*="--hint-b"]:before { border-bottom-color: var(--colors-theme-background, #dddddd); } *[class*="--has-hint"][class*="--hint-s"]:before { border-right-color: var(--colors-theme-background, #dddddd); } *[class*="--has-hint"][class*="--hint-e"]:before { border-left-color: var(--colors-theme-background, #dddddd); } *[class*="--has-dropdown"] { position: relative; } *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown { opacity: 1; visibility: visible; z-index: 4; /* MODIFIERS */ } *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown[class*="--middle"] { -webkit-transform: scaleX(1) translateY(-50%); -ms-transform: scaleX(1) translateY(-50%); transform: scaleX(1) translateY(-50%); } *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--t-start, *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--t-end { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--b-start, *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--b-end { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--s-s:not(.dropdown--middle), *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--s-e:not(.dropdown--middle) { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--s-s.dropdown--middle, *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--s-e.dropdown--middle { -webkit-transform: scaleX(1) translateY(-50%); -ms-transform: scaleX(1) translateY(-50%); transform: scaleX(1) translateY(-50%); } *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--e-s:not(.dropdown--middle), *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--e-e:not(.dropdown--middle) { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--e-s.dropdown--middle, *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown--e-e.dropdown--middle { -webkit-transform: scaleX(1) translateY(-50%); -ms-transform: scaleX(1) translateY(-50%); transform: scaleX(1) translateY(-50%); } *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown.dropdown--is-mobile-modal { /* BREAKPOINTS */ } @media (max-width: 767.98px) { *[class*="--has-dropdown"][class*="--dropdown-active"] .dropdown.dropdown--is-mobile-modal { z-index: 27; } } .dropdown { min-width: 1px; position: absolute; background-color: var(--colors-theme-background, #dddddd); border-width: 0; border-color: var(--colors-theme-border, #c3c3c3); border-style: solid; color: var(--colors-theme-text, #c3c3c3); white-space: nowrap; opacity: 0; visibility: hidden; z-index: -1; cursor: auto; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; /* MODIFIERS */ /* FADES */ } .dropdown--border { border-width: 2px; } .dropdown--t-s { top: 0; } .dropdown--t-e { top: 100%; } .dropdown--b-s { bottom: 0; } .dropdown--b-e { bottom: 100%; } .dropdown--s-s { right: 0; } .dropdown--s-e { right: 100%; } .dropdown--e-s { left: 0; } .dropdown--e-e { left: 100%; } .dropdown--middle { top: 50%; -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } .dropdown--fade-t { transform-origin: top; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--fade-t.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } @media (min-width: 576px) { .dropdown--media-sm-fade-t { transform-origin: top; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-sm-fade-t.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 768px) { .dropdown--media-md-fade-t { transform-origin: top; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-md-fade-t.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 992px) { .dropdown--media-lg-fade-t { transform-origin: top; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-lg-fade-t.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 1200px) { .dropdown--media-xl-fade-t { transform-origin: top; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-xl-fade-t.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 1440px) { .dropdown--media-xxl-fade-t { transform-origin: top; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-xxl-fade-t.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 1600px) { .dropdown--media-xxxl-fade-t { transform-origin: top; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-xxxl-fade-t.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 1900px) { .dropdown--media-xxxxl-fade-t { transform-origin: top; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-xxxxl-fade-t.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } .dropdown--fade-b { transform-origin: bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--fade-b.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } @media (min-width: 576px) { .dropdown--media-sm-fade-b { transform-origin: bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-sm-fade-b.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 768px) { .dropdown--media-md-fade-b { transform-origin: bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-md-fade-b.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 992px) { .dropdown--media-lg-fade-b { transform-origin: bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-lg-fade-b.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 1200px) { .dropdown--media-xl-fade-b { transform-origin: bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-xl-fade-b.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 1440px) { .dropdown--media-xxl-fade-b { transform-origin: bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-xxl-fade-b.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 1600px) { .dropdown--media-xxxl-fade-b { transform-origin: bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-xxxl-fade-b.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } @media (min-width: 1900px) { .dropdown--media-xxxxl-fade-b { transform-origin: bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .dropdown--media-xxxxl-fade-b.dropdown--middle { -webkit-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); } } .dropdown--fade-s { transform-origin: right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--fade-s.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } @media (min-width: 576px) { .dropdown--media-sm-fade-s { transform-origin: right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-sm-fade-s.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 768px) { .dropdown--media-md-fade-s { transform-origin: right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-md-fade-s.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 992px) { .dropdown--media-lg-fade-s { transform-origin: right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-lg-fade-s.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 1200px) { .dropdown--media-xl-fade-s { transform-origin: right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-xl-fade-s.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 1440px) { .dropdown--media-xxl-fade-s { transform-origin: right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-xxl-fade-s.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 1600px) { .dropdown--media-xxxl-fade-s { transform-origin: right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-xxxl-fade-s.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 1900px) { .dropdown--media-xxxxl-fade-s { transform-origin: right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-xxxxl-fade-s.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } .dropdown--fade-e { transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--fade-e.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } @media (min-width: 576px) { .dropdown--media-sm-fade-e { transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-sm-fade-e.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 768px) { .dropdown--media-md-fade-e { transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-md-fade-e.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 992px) { .dropdown--media-lg-fade-e { transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-lg-fade-e.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 1200px) { .dropdown--media-xl-fade-e { transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-xl-fade-e.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 1440px) { .dropdown--media-xxl-fade-e { transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-xxl-fade-e.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 1600px) { .dropdown--media-xxxl-fade-e { transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-xxxl-fade-e.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } @media (min-width: 1900px) { .dropdown--media-xxxxl-fade-e { transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .dropdown--media-xxxxl-fade-e.dropdown--middle { -webkit-transform: scaleX(0) translateY(-50%); -ms-transform: scaleX(0) translateY(-50%); transform: scaleX(0) translateY(-50%); } } .dropdown.dropdown--is-mobile-modal { /* BREAKPOINTS */ } @media (max-width: 767.98px) { .dropdown.dropdown--is-mobile-modal { width: 100%; position: fixed; right: 0; left: auto; margin: var(--spaces-reset, 0); padding: var(--spaces-xl, 2.5rem) var(--spaces-lg, 1.5rem); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); text-align: right; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); z-index: 27; } .dropdown.dropdown--is-mobile-modal[class*="--mobile-top"] { bottom: auto; top: 0; border-top-right-radius: 0; border-top-left-radius: 0; transform-origin: top; } .dropdown.dropdown--is-mobile-modal[class*="--mobile-bottom"] { top: auto; bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; transform-origin: bottom; } } .badge { width: max-content; background-color: var(--colors-theme-background, #dddddd); color: var(--colors-theme-text, #c3c3c3); text-transform: uppercase; } .badge--xxs { padding: 0.16667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.55rem); font-weight: var(--font-weights-regular, 400); } .badge--xxs.badge--full-rounded { width: 1rem; height: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); border-radius: 50%; } .badge--xs { padding: 0.33333rem 1rem; font-size: var(--font-sizes-xs, 0.825rem); font-weight: var(--font-weights-regular, 400); } .badge--xs.badge--full-rounded { width: 2rem; height: 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); border-radius: 50%; } .badge--sm { padding: 0.5rem 1.5rem; font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-regular, 400); } .badge--sm.badge--full-rounded { width: 3rem; height: 3rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); border-radius: 50%; } .badge--md { padding: 0.66667rem 2rem; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); } .badge--md.badge--full-rounded { width: 4rem; height: 4rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); border-radius: 50%; } .badge--lg { padding: 1rem 3rem; font-size: var(--font-sizes-lg, 1.375rem); font-weight: var(--font-weights-regular, 400); } .badge--lg.badge--full-rounded { width: 6rem; height: 6rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); border-radius: 50%; } .badge--xl { padding: 1.66667rem 5rem; font-size: var(--font-sizes-xl, 1.925rem); font-weight: var(--font-weights-regular, 400); } .badge--xl.badge--full-rounded { width: 10rem; height: 10rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); border-radius: 50%; } .badge--xxl { padding: 3.33333rem 10rem; font-size: var(--font-sizes-xxl, 2.75rem); font-weight: var(--font-weights-regular, 400); } .badge--xxl.badge--full-rounded { width: 20rem; height: 20rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); border-radius: 50%; } .badge--xxxl { padding: 5.33333rem 16rem; font-size: var(--font-sizes-xxxl, 4.4rem); font-weight: var(--font-weights-regular, 400); } .badge--xxxl.badge--full-rounded { width: 32rem; height: 32rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); border-radius: 50%; } .badge--xxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxl, 6.05rem); font-weight: var(--font-weights-regular, 400); } .badge--xxxxl.badge--full-rounded { width: 48rem; height: 48rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); border-radius: 50%; } .badge--xxxxxl { padding: 10rem 30rem; font-size: var(--font-sizes-xxxxxl, 7.15rem); font-weight: var(--font-weights-regular, 400); } .badge--xxxxxl.badge--full-rounded { width: 60rem; height: 60rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); border-radius: 50%; } .badge--xxxxxxl { padding: 12rem 36rem; font-size: var(--font-sizes-xxxxxxl, 8.8rem); font-weight: var(--font-weights-regular, 400); } .badge--xxxxxxl.badge--full-rounded { width: 72rem; height: 72rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-reset, 0); border-radius: 50%; } .tabs { position: relative; background-color: var(--colors-theme-background, #dddddd); /* ELEMENTS */ /* MODIFIERS */ } .tabs .tabs__list { position: relative; /* ELEMENTS */ } .tabs .tabs__list .tabs__item { position: relative; font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); /* ELEMENTS */ /* MODIFIERS */ } .tabs .tabs__list .tabs__item .tabs__link { /* ELEMENTS */ } .tabs .tabs__list .tabs__item .tabs__link .tabs__label { color: var(--colors-theme-text, #c3c3c3); white-space: nowrap; } .tabs .tabs__list .tabs__item .tabs__link .tabs__label .tabs__label-heading { text-transform: uppercase; } .tabs .tabs__list .tabs__item--completed .tabs__link .tabs__label { font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text-no-background, #110B54); } .tabs .tabs__list .tabs__item--active .tabs__link .tabs__label { font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text-no-background, #110B54); } .tabs--wizard { /* ELEMENTS */ /* MODIFIERS */ } .tabs--wizard:after { content: ''; display: block; background-color: var(--colors-theme-border, #c3c3c3); z-index: 1; } .tabs--wizard .tabs__list { /* ELEMENTS */ } .tabs--wizard .tabs__list .tabs__item { /* MODIFIERS */ } .tabs--wizard .tabs__list .tabs__item:after { content: ''; display: block; position: absolute; background-color: var(--colors-theme-special-background, #110B54); -webkit-box-shadow: 0 0 5px 0 rgba(var(--colors-theme-special-background-rgb, 17,11,84), 0.8); -moz-box-shadow: 0 0 5px 0 rgba(var(--colors-theme-special-background-rgb, 17,11,84), 0.8); box-shadow: 0 0 5px 0 rgba(var(--colors-theme-special-background-rgb, 17,11,84), 0.8); z-index: 2; } .tabs--wizard .tabs__list .tabs__item--active .tabs__label { color: currentColor; } .tabs--wizard.tabs--horizontal { /* ELEMENTS */ } .tabs--wizard.tabs--horizontal:after { width: 100%; height: 5px; } .tabs--wizard.tabs--horizontal .tabs__list .tabs__item { /* MODIFIERS */ } .tabs--wizard.tabs--horizontal .tabs__list .tabs__item:after { width: 0; height: 5px; top: 100%; right: 0; -webkit-transition: width 0.5s ease-in; -o-transition: width 0.5s ease-in; transition: width 0.5s ease-in; } .tabs--wizard.tabs--horizontal .tabs__list .tabs__item--completed:after { width: 100%; } .tabs--wizard.tabs--vertical { /* ELEMENTS */ } .tabs--wizard.tabs--vertical:after { width: 5px; height: 100%; position: absolute; top: 0; left: 0; } .tabs--wizard.tabs--vertical .tabs__list { /* ELEMENTS */ } .tabs--wizard.tabs--vertical .tabs__list .tabs__item { /* MODIFIERS */ } .tabs--wizard.tabs--vertical .tabs__list .tabs__item:after { width: 5px; height: 0; top: 0; left: 0; -webkit-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in; transition: height 0.5s ease-in; } .tabs--wizard.tabs--vertical .tabs__list .tabs__item--completed:after { height: 100%; } .tabs--border.tabs--horizontal { border-bottom: 2px solid var(--colors-theme-border, #c3c3c3); } .tabs--border.tabs--horizontal .tabs__list .tabs__item { border-right: 2px solid var(--colors-theme-border, #c3c3c3); } .tabs--border.tabs--horizontal .tabs__list .tabs__item:first-of-type { border-right: 0; } .tabs--border.tabs--vertical { border-left: 2px solid var(--colors-theme-border, #c3c3c3); } .tabs--border.tabs--vertical .tabs__list .tabs__item { border-bottom: 2px solid var(--colors-theme-border, #c3c3c3); } .tabs--border.tabs--vertical .tabs__list .tabs__item:last-of-type { border-bottom: 0; } .tabs--horizontal { width: 100%; overflow-x: auto; /* ELEMENTS */ /* MODIFIERS */ } .tabs--horizontal .tabs__list { width: 100%; display: table; /* ELEMENTS */ } .tabs--horizontal .tabs__list .tabs__item { display: table-cell; } .tabs--horizontal.tabs--center .tabs__list:before, .tabs--horizontal.tabs--center .tabs__list:after { content: ''; flex: 1; } .tabs--vertical { height: 100%; /* ELEMENTS */ } .tabs--vertical .tabs__list { width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* ELEMENTS */ } .tabs--vertical .tabs__list .tabs__item { width: 100%; flex-basis: 100%; } .tabs-content .tabs-content__item { display: none; } .tabs-content .tabs-content__item.tab-content--active { display: block; } .timeline { position: relative; /* ELEMENTS */ /* MODIFIERS */ } .timeline:before { content: ''; position: absolute; background-color: var(--colors-theme-background, #dddddd); border-radius: 50px; z-index: 1; } .timeline .timeline__list .timeline__item .timeline-item__dot { width: 2rem; height: 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--colors-theme-special-background, #110B54); border: 3px solid var(--colors-primary-base, #975B14); border-radius: 50%; z-index: 2; } .timeline .timeline__list .timeline__item .timeline-item__dot .timeline-item__icon { color: var(--colors-theme-special-text, #FFFFFF); } .timeline .timeline__list .timeline__item .timeline-item__date-wrapper .timeline-item__date { width: max-content; display: block; padding: var(--spaces-xs, 0.5rem) var(--spaces-sm, 0.75rem); background-color: rgba(var(--colors-theme-background-rgb, 220.5,220.5,220.5), 0.8); border-radius: 10px; color: var(--colors-theme-text, #c3c3c3); } .timeline--vertical { width: 100%; /* ELEMENTS */ } .timeline--vertical:before { width: 3px; height: 100%; right: 50%; -webkit-transform: translateX(calc(-1 * -1 * 50%)); -ms-transform: translateX(calc(-1 * -1 * 50%)); transform: translateX(calc(-1 * -1 * 50%)); } .timeline--vertical .timeline__list .timeline__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* ELEMENTS */ } .timeline--vertical .timeline__list .timeline__item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* ELEMENTS */ } .timeline--vertical .timeline__list .timeline__item:nth-child(even) .timeline-item__content-wrapper { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; padding-right: var(--spaces-md, 1rem); } .timeline--vertical .timeline__list .timeline__item:nth-child(even) .timeline-item__date-wrapper { padding-left: var(--spaces-md, 1rem); text-align: left; } .timeline--vertical .timeline__list .timeline__item:nth-child(even) .timeline-item__date-wrapper .timeline-item__date { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-auto, auto); } .timeline--vertical .timeline__list .timeline__item .timeline-item__content-wrapper { width: 50%; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; padding-left: var(--spaces-md, 1rem); } .timeline--vertical .timeline__list .timeline__item .timeline-item__date-wrapper { width: 50%; padding-right: var(--spaces-md, 1rem); } .timeline--vertical .timeline__list .timeline__item .timeline-item__date-wrapper .timeline-item__date { margin-left: var(--spaces-auto, auto); } .timeline--horizontal { width: 100%; /* ELEMENTS */ } .timeline--horizontal:before { width: 100%; height: 3px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .timeline--horizontal .timeline__list { -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-x: auto; } .timeline--horizontal .timeline__list::-webkit-scrollbar { width: 5px; height: 5px; } .timeline--horizontal .timeline__list::-webkit-scrollbar-thumb { background: var(--colors-border-natural-base, ); background-clip: content-box; border: 50px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .timeline--horizontal .timeline__list::-webkit-scrollbar-track { background: var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .timeline--horizontal .timeline__list { scrollbar-face-color: var(--colors-border-natural-base, ); scrollbar-track-color: var(--colors-background-transparent, transparent); } .timeline--horizontal .timeline__list .timeline__item { min-width: 200px; height: 400px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* ELEMENTS */ } .timeline--horizontal .timeline__list .timeline__item:nth-child(even) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column-reverse; flex-direction: column-reverse; /* ELEMENTS */ } .timeline--horizontal .timeline__list .timeline__item:nth-child(even) .timeline-item__content-wrapper { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; padding-top: var(--spaces-md, 1rem); } .timeline--horizontal .timeline__list .timeline__item:nth-child(even) .timeline-item__date-wrapper { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; padding-bottom: var(--spaces-md, 1rem); } .timeline--horizontal .timeline__list .timeline__item .timeline-item__content-wrapper { height: 50%; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; padding-bottom: var(--spaces-md, 1rem); } .timeline--horizontal .timeline__list .timeline__item .timeline-item__date-wrapper { height: 50%; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; padding-top: var(--spaces-md, 1rem); } /* ======= DOTS ======== */ .dots.dots--ellipsis.dots--vertical:after { content: '\22EE'; display: inline-block; } .dots.dots--ellipsis.dots--horizontal:after { content: '\22EE'; display: inline-block; writing-mode: tb; -ms-writing-mode: tb; -webkit-writing-mode: tb; } .dots.dots--drag.dots--vertical:after { content: '\22EE' '\22EE'; display: inline-block; } .dots.dots--drag.dots--horizontal:after { content: '\22EE' '\22EE'; display: inline-block; writing-mode: tb; -ms-writing-mode: tb; -webkit-writing-mode: tb; } /* ======= SEPARATOR ======== */ .hr { width: 100%; } .hr--default { border-top: 4px solid var(--colors-background-natural-400, #FAF5EF); } .hr--primary { border-top: 4px solid var(--colors-primary-base, #975B14); } .hr--primary-light { border-top: 4px solid var(--colors-primary-light, #A47341); } .hr--primary-dark { border-top: 4px solid var(--colors-primary-dark, #4C241D); } .hr--secondary { border-top: 4px solid var(--colors-secondary-base, #EED91E); } .hr--secondary-light { border-top: 4px solid var(--colors-secondary-light, #f2e14d); } .hr--secondary-dark { border-top: 4px solid var(--colors-secondary-dark, #cab70f); } .hr--natural { border-top: 4px solid var(--colors-background-natural-400, #FAF5EF); } .hr--natural-400 { border-top: 4px solid var(--colors-background-natural-400, #FAF5EF); } .hr--natural-700 { border-top: 4px solid var(--colors-background-natural-700, #F5E3D2); } .hr--natural-light { border-top: 4px solid var(--colors-background-natural-100, #eeded07a); } .hr--natural-dark { border-top: 4px solid var(--colors-background-natural-700, #F5E3D2); } .hr--white { border-top: 4px solid var(--colors-background-white, #FFFFFF); } .hr--black { border-top: 4px solid var(--colors-background-black, #000000); } .hr--grey-dark { border-top: 4px solid var(--colors-natural-grey-700, #242424); } .hr--grey-base { border-top: 4px solid var(--colors-natural-grey-400, #242424e6); } .hr--grey-light { border-top: 4px solid var(--colors-natural-grey-100, #24242480); } .hr--success { border-top: 4px solid var(--colors-state-success, #a6f3b4); } .hr--success-light { border-top: 4px solid var(--colors-state-success-light, #d3f9da); } .hr--danger { border-top: 4px solid var(--colors-state-danger, #f25767); } .hr--info { border-top: 4px solid var(--colors-state-info, #0CC0DF); } .accordion { /* ELEMENTS */ /* MODIFIERS */ } .accordion .accordion__list { grid-template-columns: repeat(12, minmax(auto, 1fr)); } @supports (grid-area: auto) { .accordion .accordion__list { display: grid; } } .accordion .accordion__list .accordion__item { grid-column: span 12/span 12; /* ELEMENTS */ /* MODIFIERS */ } .accordion .accordion__list .accordion__item:last-of-type .accordion-item__header { border-bottom: 0; } .accordion .accordion__list .accordion__item:last-of-type .accordion-item__body { border-top: 1px solid rgba(var(--colors-theme-background-rgb, 220.5,220.5,220.5), 0.25); border-bottom: 0; } .accordion .accordion__list .accordion__item .accordion-item__header { padding: var(--spaces-lg, 1.5rem) var(--spaces-lg, 1.5rem); border-bottom: 1px solid rgba(var(--colors-theme-background-rgb, 220.5,220.5,220.5), 0.25); /* BREAKPOINTS */ } .accordion .accordion__list .accordion__item .accordion-item__header .accordion-item__button { width: 100%; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--colors-theme-text-no-background, #c3c3c3); } .accordion .accordion__list .accordion__item .accordion-item__header .accordion-item__button .accordion-item__button-label { max-width: 90%; font-size: calc(var(--font-sizes-md, 1.1rem) * 1.2); font-weight: var(--font-weights-medium, 500); text-align: right; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .accordion .accordion__list .accordion__item .accordion-item__header .accordion-item__button .accordion-item__button-label { padding-left: var(--spaces-md, 1rem); font-size: calc(var(--font-sizes-sm, 0.99rem) * 1.1); } } .accordion .accordion__list .accordion__item .accordion-item__header .accordion-item__button .accordion-item__button-icon-wrapper { width: 35px; height: 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--colors-theme-text-no-background, #c3c3c3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .accordion .accordion__list .accordion__item .accordion-item__header .accordion-item__button .accordion-item__button-icon-wrapper .accordion-item__button-icon { height: 7px; -webkit-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .accordion .accordion__list .accordion__item .accordion-item__header .accordion-item__button .accordion-item__button-icon-wrapper .accordion-item__button-icon svg { width: auto; height: 100%; } @media (max-width: 991.98px) { .accordion .accordion__list .accordion__item .accordion-item__header { padding: var(--spaces-lg, 1.5rem) var(--spaces-reset, 0); } } .accordion .accordion__list .accordion__item .accordion-item__body { display: none; padding: var(--spaces-md, 1rem) var(--spaces-lg, 1.5rem); border-bottom: 1px solid rgba(var(--colors-theme-background-rgb, 220.5,220.5,220.5), 0.25); color: var(--colors-theme-text-no-background, #c3c3c3); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .accordion .accordion__list .accordion__item .accordion-item__body { padding: var(--spaces-md, 1rem) var(--spaces-reset, 0); } } .accordion .accordion__list .accordion__item.accordion-item--active > .accordion-item__header { color: var(--colors-secondary-base, #EED91E); } .accordion .accordion__list .accordion__item.accordion-item--active > .accordion-item__header .accordion-item__button .accordion-item__button-icon-wrapper .accordion-item__button-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .accordion .accordion__list .accordion__item.accordion-item--active > .accordion-item__body { display: block; } .accordion.accordion--background .accordion__list .accordion__item { /* ELEMENTS */ /* MODOFIERS */ } .accordion.accordion--background .accordion__list .accordion__item .accordion-item__header { background-color: var(--colors-theme-background, #dddddd); border-bottom: 0; } .accordion.accordion--background .accordion__list .accordion__item.accordion-item--active > .accordion-item__header { background-color: var(--colors-theme-special-background, #110B54); color: var(--colors-theme-special-text, #FFFFFF); } .accordion.accordion--active-background .accordion__list .accordion__item { /* MODOFIERS */ } .accordion.accordion--active-background .accordion__list .accordion__item.accordion-item--active > .accordion-item__header { background-color: var(--colors-theme-background, #dddddd); border-bottom: 0; color: var(--colors-theme-text, #c3c3c3); } .typewrite .typewrite__wrap { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } /* ======= PAGE OVERLAY ======== */ .page-overlay { width: 100%; height: 100%; position: fixed; top: 0; right: 0; background-color: rgba(var(--colors-background-black-rgb, 0,0,0), 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: all 0.2s ease-in 1s; -o-transition: all 0.2s ease-in 1s; transition: all 0.2s ease-in 1s; /* MODIFIERS */ /* BREAKPOINTS */ } .page-overlay--active { opacity: 1; visibility: visible; z-index: 15; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .page-overlay.page-overlay--is-mobile-full-screen-page-title { /* BREAKPOINTS */ } @media (max-width: 767.98px) { .page-overlay.page-overlay--is-mobile-full-screen-page-title { z-index: 15; } } @media (max-width: 767.98px) { .page-overlay { z-index: 21; } } *[class*="--is-above-page-overlay"] { -webkit-transition: z-index 0s ease-in 1.2s; -o-transition: z-index 0s ease-in 1.2s; transition: z-index 0s ease-in 1.2s; /* MODIFIERS */ } *[class*="--is-above-page-overlay"][class*="--above-page-overlay-active"] { z-index: 16; -webkit-transition: z-index 0s ease-in; -o-transition: z-index 0s ease-in; transition: z-index 0s ease-in; /* BREAKPOINTS */ } @media (max-width: 991.98px) { *[class*="--is-above-page-overlay"][class*="--above-page-overlay-active"] { z-index: 22; } } .contact-button { position: fixed; bottom: var(--spaces-md, 1rem); left: var(--spaces-md, 1rem); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 19; /* MODIFIERS */ /* BREAKPOINTS */ } .contact-button .contact-button__toggle { width: var(--spaces-xl, 2.5rem); height: var(--spaces-xl, 2.5rem); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: var(--colors-primary-base, #975B14); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 5px 1px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); -moz-box-shadow: 0 0 5px 1px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); box-shadow: 0 0 5px 1px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); color: var(--colors-foreground-white, #FFFFFF); order: 2; } .contact-button .contact-button__toggle .contact-toggle__chat-icon { width: 100%; height: 100%; display: block; position: absolute; padding: var(--spaces-sm, 0.75rem); vertical-align: baseline; opacity: 1; visibility: visible; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); -webkit-transition: transform 0.5s ease-in; -o-transition: transform 0.5s ease-in; transition: transform 0.5s ease-in; } .contact-button .contact-button__toggle .contact-toggle__chat-icon svg { width: 100%; height: 100%; } .contact-button .contact-button__toggle .contact-toggle__close-icon { width: 80%; height: 80%; display: block; position: absolute; padding: var(--spaces-sm, 0.75rem); vertical-align: baseline; opacity: 0; visibility: hidden; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: transform 0.5s ease-in; -o-transition: transform 0.5s ease-in; transition: transform 0.5s ease-in; } .contact-button .contact-button__toggle .contact-toggle__close-icon svg { width: 100%; height: 100%; } .contact-button .contact-button__links { order: 1; -webkit-transform: translateY(3rem); -ms-transform: translateY(3rem); transform: translateY(3rem); opacity: 0; visibility: hidden; -webkit-transition: transform 0.5s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.25, 1, 0.3, 1), visibility 0.5s cubic-bezier(0.25, 1, 0.3, 1); -o-transition: transform 0.5s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.25, 1, 0.3, 1), visibility 0.5s cubic-bezier(0.25, 1, 0.3, 1); transition: transform 0.5s cubic-bezier(0.25, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.25, 1, 0.3, 1), visibility 0.5s cubic-bezier(0.25, 1, 0.3, 1); } .contact-button .contact-button__links .contact-links__list .contact-links__item { width: var(--spaces-xl, 2.5rem); height: var(--spaces-xl, 2.5rem); margin-bottom: var(--spaces-sm, 0.75rem); padding: var(--spaces-sm, 0.75rem); background-color: var(--colors-primary-base, #975B14); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 5px 1px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); -moz-box-shadow: 0 0 5px 1px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); box-shadow: 0 0 5px 1px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); color: var(--colors-foreground-white, #FFFFFF); -webkit-transition: box-shadow 0.2s ease-in; -o-transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in; /* ELEMENETS */ /* MODIFIERS */ } .contact-button .contact-button__links .contact-links__list .contact-links__item:hover { -webkit-box-shadow: 0 0 5px 3px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); -moz-box-shadow: 0 0 5px 3px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); box-shadow: 0 0 5px 3px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); } .contact-button .contact-button__links .contact-links__list .contact-links__item .contact-link__link .contact-link__icon { width: 100%; height: 100%; display: block; vertical-align: baseline; } .contact-button .contact-button__links .contact-links__list .contact-links__item .contact-link__link .contact-link__icon svg { width: 100%; height: 100%; } .contact-button .contact-button__links .contact-links__list .contact-links__item.contact-link--whatsapp { background-color: #25D366; } .contact-button .contact-button__links .contact-links__list .contact-links__item.contact-link--messenger { background: linear-gradient(45deg, #0088FF -28.62%, #A033FF 36.39%, #FF5C87 98.74%); } .contact-button.contact-button--active .contact-button__toggle .contact-toggle__chat-icon { opacity: 0; visibility: hidden; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .contact-button.contact-button--active .contact-button__toggle .contact-toggle__close-icon { opacity: 1; visibility: visible; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .contact-button.contact-button--active .contact-button__links { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } @media (max-width: 991.98px) { .contact-button { z-index: 25; } } .bubble { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bubble .bubble__label { display: block; margin-bottom: var(--spaces-xs, 0.5rem); } .bubble .bubble__bg { width: 100%; height: auto; position: absolute; z-index: -1; } .bubble .bubble__bg svg { width: 100%; height: auto; display: block; } .image-mask { position: relative; border: 2px solid var(--colors-background-black, #000000); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 10px 10px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); -moz-box-shadow: 10px 10px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); box-shadow: 10px 10px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); overflow: hidden; } .video { position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } .video .video__iframe-wrapper { width: 100%; position: absolute; } .video .video__thumbnail { cursor: pointer; z-index: 1; position: relative; } .video .video__thumbnail .video-thumbnail__play { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; right: 50%; padding: var(--spaces-sm, 0.75rem); background-color: rgba(var(--colors-background-white-rgb, 255,255,255), 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 3px 6px rgba(var(--colors-background-white-rgb, 255,255,255), 0.25); -moz-box-shadow: 0px 3px 6px rgba(var(--colors-background-white-rgb, 255,255,255), 0.25); box-shadow: 0px 3px 6px rgba(var(--colors-background-white-rgb, 255,255,255), 0.25); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); cursor: pointer; } .video .video__thumbnail .video-thumbnail__play .video-thumbnail__play-icon { width: 3rem; height: auto; /* BREAKPOINTS */ } .video .video__thumbnail .video-thumbnail__play .video-thumbnail__play-icon svg { width: 100%; height: auto; } @media (max-width: 1199.98px) { .video .video__thumbnail .video-thumbnail__play .video-thumbnail__play-icon { width: 2.25rem; } } .spinner { display: block; } .spinner--dots, .spinner--dots:before, .spinner--dots:after { width: 2.5em; height: 2.5em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: spinner-dots 1.8s infinite ease-in-out; -moz-animation: spinner-dots 1.8s infinite ease-in-out; -o-animation: spinner-dots 1.8s infinite ease-in-out; animation: spinner-dots 1.8s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner--dots { position: relative; font-size: var(--font-sizes-xxxs, 0.275rem); color: inherit; text-indent: -9999em; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; -webkit-transform: translateY(-100%) translateZ(0); -ms-transform: translateY(-100%) translateZ(0); transform: translateY(-100%) translateZ(0); } .spinner--dots:before, .spinner--dots:after { content: ''; position: absolute; top: 0; } .spinner--dots:before { right: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner--dots:after { right: 3.5em; } @-webkit-keyframes spinner-dots { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @-moz-keyframes spinner-dots { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @-o-keyframes spinner-dots { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes spinner-dots { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } .marker { width: 30px; height: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--colors-theme-background, #dddddd); border: solid 2px; -webkit-border-radius: 0 70% 70%; -moz-border-radius: 0 70% 70%; border-radius: 0 70% 70%; box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px rgba(var(--colors-background-black-rgb, 0,0,0), 1); -moz-box-shadow: 0 0 2px rgba(var(--colors-background-black-rgb, 0,0,0), 1); box-shadow: 0 0 2px rgba(var(--colors-background-black-rgb, 0,0,0), 1); color: var(--colors-theme-text, #c3c3c3); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); cursor: pointer; } .marker .marker__label { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .site-header { width: 100%; position: sticky; position: -webkit-sticky; top: var(--spaces-md, 1rem); z-index: 5; /* MODIFIERS */ /* BREAKPOINTS */ } .site-header .site-header__top { width: 100%; height: 100px; padding: var(--spaces-reset, 0) var(--spaces-lg, 1.5rem); background-color: var(--colors-background-transparent, transparent); border-bottom: 1px solid rgba(var(--colors-natural-grey-700-rgb, 36,36,36), 0.1); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); color: var(--colors-natural-grey-700, #242424); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; z-index: 6; /* ELEMENTS */ /* MODIFIERS */ /* BREAKPOINTS */ } body.admin-bar .site-header .site-header__top { top: 32px; } @media (max-width: 991.98px) { body.admin-bar .site-header .site-header__top { top: 0; } } .site-header .site-header__top .site-header__container { /* BREAKPOINTS */ } @media (max-width: 991.98px) { .site-header .site-header__top .site-header__container { max-width: 100%; padding: var(--spaces-reset, 0); } } .site-header .site-header__top .site-header__content { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: height 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out; transition: height 0.2s ease-in-out; /* BREAKPOINTS */ } .site-header .site-header__top .site-header__content .site-header__mobile-wrapper { /* ELEMENTS */ /* BREAKPOINTS */ } .site-header .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo { height: auto; -webkit-transition: height 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out; transition: height 0.2s ease-in-out; /* ELEMENTS */ /* BREAKPOINTS */ } .site-header .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link { height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-header .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link .site-header__logo-image { width: auto; height: 55px; -webkit-transition: height 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out; transition: height 0.2s ease-in-out; /* BREAKPOINTS */ } .site-header .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link .site-header__logo-image svg { width: auto; height: 100%; } @media (max-width: 1599.98px) { .site-header .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link .site-header__logo-image { height: 50px; } } @media (max-width: 1439.98px) { .site-header .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link .site-header__logo-image { height: 40px; } } @media (max-width: 1199.98px) { .site-header .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link .site-header__logo-image { height: 35px; } } @media (max-width: 991.98px) { .site-header .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link .site-header__logo-image { height: 30px; } } @media (max-width: 1199.98px) { .site-header .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo { height: 100%; } } @media (max-width: 991.98px) { .site-header .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo { height: 100%; } } @media (max-width: 991.98px) { .site-header .site-header__top .site-header__content .site-header__mobile-wrapper { width: 100%; height: Max(75px, calc(75px + var(--safe-area-inset-top))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; padding: var(--spaces-reset, 0); padding-right: var(--spaces-md, 1rem); padding-left: var(--spaces-md, 1rem); background-color: var(--colors-background-transparent, transparent); color: var(--colors-natural-grey-700, #242424); -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in; -o-transition: background-color 0.2s ease-in, color 0.2s ease-in; transition: background-color 0.2s ease-in, color 0.2s ease-in; z-index: 12; } } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle { display: none; width: 1.75rem; height: 1rem; position: relative; /* ELEMENTS */ /* MODIFIERS */ /* BREAKPOINTS */ } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle .menu-toggle__line { width: 100%; height: 2px; position: absolute; background-color: currentColor; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: top 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: top 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle .menu-toggle__line:nth-child(1) { top: 0; } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle .menu-toggle__line:nth-child(2) { top: 10px; } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle .menu-toggle__line:nth-child(3) { opacity: 0; } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle.menu-toggle--arrow { height: 1.75rem; } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle.menu-toggle--arrow .menu-toggle__line:nth-child(1) { top: 4px; -webkit-transform: translate3d(-5px, 0, 0) rotate(-45deg) scaleX(0.6); -ms-transform: translate3d(-5px, 0, 0) rotate(-45deg) scaleX(0.6); transform: translate3d(-5px, 0, 0) rotate(-45deg) scaleX(0.6); } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle.menu-toggle--arrow .menu-toggle__line:nth-child(2) { top: 9px; left: 1px; -webkit-transform: scaleX(0.8); -ms-transform: scaleX(0.8); transform: scaleX(0.8); } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle.menu-toggle--arrow .menu-toggle__line:nth-child(3) { opacity: 1; top: 4px; -webkit-transform: translate3d(-5px, 0, 0) rotate(45deg) scaleX(0.6); -ms-transform: translate3d(-5px, 0, 0) rotate(45deg) scaleX(0.6); transform: translate3d(-5px, 0, 0) rotate(45deg) scaleX(0.6); } @media (max-width: 991.98px) { .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle { display: block; } } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--language-picker { position: relative; } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--language-picker > .language-picker__link.language-link--has-dropdown { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--language-picker .language-picker__list { position: absolute; top: calc(100% - var(--spaces-xs, 0.5rem)); right: var(--spaces-reset, 0); opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: top 0.2s ease-in, opacity 0.4s ease-in, visibility 0.4s linear; -o-transition: top 0.2s ease-in, opacity 0.4s ease-in, visibility 0.4s linear; transition: top 0.2s ease-in, opacity 0.4s ease-in, visibility 0.4s linear; /* ELEMENTS */ } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--language-picker .language-picker__list .language-picker__item { margin-top: var(--spaces-xs, 0.5rem); } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--language-picker.language-picker--active > .language-picker__link.language-link--has-dropdown .language-link__arrow .language-link__arrow-icon { -webkit-transform: none; -ms-transform: none; transform: none; } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--language-picker.language-picker--active .language-picker__list { top: 100%; opacity: 1; visibility: visible; z-index: auto; } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--cart .header-action__link { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--cart .header-action__link .header-action__indicator { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--font-sizes-xxs, 0.55rem); font-weight: var(--font-weights-light, 300); direction: ltr; line-height: .8; -webkit-transform: translate(var(--spaces-xxs, 0.25rem), calc(-1 * var(--spaces-xs, 0.5rem))); -ms-transform: translate(var(--spaces-xxs, 0.25rem), calc(-1 * var(--spaces-xs, 0.5rem))); transform: translate(var(--spaces-xxs, 0.25rem), calc(-1 * var(--spaces-xs, 0.5rem))); } .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--cart .header-action__link .header-action__indicator .header-action__indicator-label { padding-right: var(--spaces-xxs, 0.25rem); } @media (max-width: 991.98px) { .site-header .site-header__top .site-header__content { height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .site-header .site-header__top--has-aside { max-width: calc(100% - none); width: calc(100% - 225px); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .site-header .site-header__top--has-aside { max-width: none; width: calc(100% - 0px); } } @media (max-width: 767.98px) { .site-header .site-header__top--has-aside { max-width: none; width: 100%; } } .site-header .site-header__top--aside-collapsed { max-width: none; width: calc(100% - 0px); } .site-header .site-header__top--is-mobile-hidden { /* BREAKPOINTS */ } @media (max-width: 991.98px) { .site-header .site-header__top--is-mobile-hidden { position: static; margin-top: -75px; } } .site-header .site-header__top--is-transparent .site-header__content .site-header__mobile-wrapper { /* BREAKPOINTS */ } @media (max-width: 991.98px) { .site-header .site-header__top--is-transparent .site-header__content .site-header__mobile-wrapper { background-color: var(--colors-background-transparent, transparent); color: var(--colors-foreground-white, #FFFFFF); } } @media (max-width: 1199.98px) { .site-header .site-header__top { padding: var(--spaces-reset, 0) var(--spaces-md, 1rem); } } @media (max-width: 991.98px) { .site-header .site-header__top { height: 75px; padding: var(--spaces-reset, 0) var(--spaces-reset, 0); background-color: var(--colors-background-transparent, transparent); -webkit-backdrop-filter: none; backdrop-filter: none; z-index: 10; } } .site-header .site-header__search { width: 100%; position: absolute; top: -45px; right: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); z-index: 17; -webkit-transition: top 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); /* ELEMENTS */ /* MODIFIERS */ /* BREAKPOINTS */ } .site-header .site-header__search .header-search__container { /* BREAKPOINTS */ } @media (max-width: 1439.98px) { .site-header .site-header__search .header-search__container { max-width: 100%; } } @media (max-width: 991.98px) { .site-header .site-header__search .header-search__container { max-width: 100%; padding: var(--spaces-reset, 0); } } .site-header .site-header__search.header-search--active { top: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: top 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .site-header .site-header__search.header-search--active { top: calc(-1 * var(--spaces-md, 1rem)); } } @media (max-width: 991.98px) { .site-header .site-header__search { top: -55px; z-index: 23; } } .site-header.site-header--sticky .site-header__top { width: calc(100% + (2 * var(--spaces-md, 1rem))); height: 85px; margin-right: calc(-1 * var(--spaces-md, 1rem)); background-color: var(--colors-background-white, #FFFFFF); border-bottom: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 44px 17.9px -31px rgba(var(--colors-natural-dark-grey-700-rgb, ), 0.1); -moz-box-shadow: 0px 44px 17.9px -31px rgba(var(--colors-natural-dark-grey-700-rgb, ), 0.1); box-shadow: 0px 44px 17.9px -31px rgba(var(--colors-natural-dark-grey-700-rgb, ), 0.1); /* ELEMENTS */ /* BREAKPOINTS */ } .site-header.site-header--sticky .site-header__top .site-header__content { height: 85px; /* BREAKPOINTS */ } .site-header.site-header--sticky .site-header__top .site-header__content .site-header__mobile-wrapper { /* ELEMENTS */ /* BREAKPOINTS */ } .site-header.site-header--sticky .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo { height: auto; /* ELEMENTS */ /* BREAKPOINTS */ } .site-header.site-header--sticky .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link .site-header__logo-image { height: 45px; /* BREAKPOINTS */ } @media (max-width: 1599.98px) { .site-header.site-header--sticky .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link .site-header__logo-image { height: 40px; } } @media (max-width: 1439.98px) { .site-header.site-header--sticky .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link .site-header__logo-image { height: 35px; } } @media (max-width: 1199.98px) { .site-header.site-header--sticky .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link .site-header__logo-image { height: 30px; } } @media (max-width: 991.98px) { .site-header.site-header--sticky .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo .site-header__logo-link .site-header__logo-image { height: 30px; } } @media (max-width: 991.98px) { .site-header.site-header--sticky .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__logo { height: 100%; } } @media (max-width: 991.98px) { .site-header.site-header--sticky .site-header__top .site-header__content .site-header__mobile-wrapper { height: 75px; } } @media (max-width: 991.98px) { .site-header.site-header--sticky .site-header__top .site-header__content { height: auto; } } @media (max-width: 991.98px) { .site-header.site-header--sticky .site-header__top { width: 100%; height: 75px; margin-right: var(--spaces-reset, 0); } } .site-header.site-header--menu-open .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle { /* ELEMENTS */ /* MODIFIERS */ } .site-header.site-header--menu-open .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle .menu-toggle__line:nth-child(1) { top: 5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .site-header.site-header--menu-open .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle .menu-toggle__line:nth-child(2) { top: 5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .site-header.site-header--menu-open .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle.menu-toggle--arrow { height: 1.75rem; } .site-header.site-header--menu-open .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle.menu-toggle--arrow .menu-toggle__line:nth-child(1) { top: 4px; -webkit-transform: translate3d(6px, 0, 0) rotate(45deg) scaleX(0.6); -ms-transform: translate3d(6px, 0, 0) rotate(45deg) scaleX(0.6); transform: translate3d(6px, 0, 0) rotate(45deg) scaleX(0.6); } .site-header.site-header--menu-open .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle.menu-toggle--arrow .menu-toggle__line:nth-child(2) { top: 9px; left: 1px; -webkit-transform: scaleX(0.8); -ms-transform: scaleX(0.8); transform: scaleX(0.8); } .site-header.site-header--menu-open .site-header__top .site-header__content .site-header__mobile-wrapper .site-header__actions .header-actions__list .header-actions__item.header-action--menu-toggle .header-action__menu-toggle.menu-toggle--arrow .menu-toggle__line:nth-child(3) { opacity: 1; top: 15px; -webkit-transform: translate3d(6px, 0, 0) rotate(-45deg) scaleX(0.6); -ms-transform: translate3d(6px, 0, 0) rotate(-45deg) scaleX(0.6); transform: translate3d(6px, 0, 0) rotate(-45deg) scaleX(0.6); } .site-header.site-header--menu-open .site-header__top .site-header__content .site-header__primary-navigation { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.75s cubic-bezier(0.97, 0.28, 0.23, 0.7); -o-transition: transform 0.75s cubic-bezier(0.97, 0.28, 0.23, 0.7); transition: transform 0.75s cubic-bezier(0.97, 0.28, 0.23, 0.7); /* ELEMENTS */ } .site-header.site-header--menu-open .site-header__top .site-header__content .site-header__primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link { padding-right: var(--spaces-lg, 1.5rem); opacity: 1; -webkit-transition: padding-right 0.5s ease-in-out 0.75s, opacity 0.5s ease-in-out 0.75s; -o-transition: padding-right 0.5s ease-in-out 0.75s, opacity 0.5s ease-in-out 0.75s; transition: padding-right 0.5s ease-in-out 0.75s, opacity 0.5s ease-in-out 0.75s; } .site-header.site-header--ignore-page-overlay { -webkit-transition: z-index 0s ease-in 1s; -o-transition: z-index 0s ease-in 1s; transition: z-index 0s ease-in 1s; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .site-header { width: 100%; top: var(--spaces-md, 1rem); right: var(--spaces-md, 1rem); z-index: 9; } } .aside { min-width: none; width: 225px; height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; top: 0; right: 0; background-color: var(--colors-background-white, #FFFFFF); -webkit-box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); -moz-box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); z-index: 8; /* ELEMENTS */ /* MODIFIERS */ /* BREAKPOINTS */ } .aside .aside__header .aside__logo { display: block; /* BREAKPOINTS */ } .aside .aside__header .aside__logo .aside__logo-link { display: block; } .aside .aside__header .aside__logo .aside__logo-image { display: block; width: 100%; height: auto; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); } @media (max-width: 991.98px) { .aside .aside__header .aside__logo { display: none; width: 52px; } } .aside .aside__footer { margin-top: var(--spaces-auto, auto); } .aside .aside__footer .aside__language-picker { position: relative; } .aside .aside__footer .aside__language-picker > .language-picker__link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .aside .aside__footer .aside__language-picker > .language-picker__link.language-link--has-dropdown { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aside .aside__footer .aside__language-picker > .language-picker__link.language-link--has-dropdown .language-link__arrow .language-link__arrow-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: transform 0.2s ease-in; -o-transition: transform 0.2s ease-in; transition: transform 0.2s ease-in; } .aside .aside__footer .aside__language-picker .language-picker__link .language-link__icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .aside .aside__footer .aside__language-picker .language-picker__list { position: absolute; bottom: var(--spaces-reset, 0); right: 50%; opacity: 0; visibility: hidden; z-index: -1; -webkit-transform: translateX(calc(-1 * -1 * 50%)); -ms-transform: translateX(calc(-1 * -1 * 50%)); transform: translateX(calc(-1 * -1 * 50%)); -webkit-transition: bottom 0.2s ease-in, opacity 0.4s ease-in, visibility 0.4s linear; -o-transition: bottom 0.2s ease-in, opacity 0.4s ease-in, visibility 0.4s linear; transition: bottom 0.2s ease-in, opacity 0.4s ease-in, visibility 0.4s linear; /* ELEMENTS */ } .aside .aside__footer .aside__language-picker .language-picker__list .language-picker__item { margin-bottom: var(--spaces-xs, 0.5rem); } .aside .aside__footer .aside__language-picker.language-picker--active > .language-picker__link.language-link--has-dropdown .language-link__arrow .language-link__arrow-icon { -webkit-transform: none; -ms-transform: none; transform: none; } .aside .aside__footer .aside__language-picker.language-picker--active .language-picker__list { bottom: 100%; opacity: 1; visibility: visible; z-index: auto; } .aside .aside__footer .aside__separator { width: 50%; height: 1px; display: block; margin: var(--spaces-lg, 1.5rem) var(--spaces-auto, auto); background-color: rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.1); } .aside .aside__footer .aside__social .aside-social__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aside .aside__footer .aside__social .aside-social__list .aside-social__item { margin-right: var(--spaces-lg, 1.5rem); } .aside .aside__footer .aside__social .aside-social__list .aside-social__item:first-of-type { margin-right: var(--spaces-reset, 0); } .aside.aside--collapsed { min-width: auto; width: 0px; } .aside.aside--collapsed .aside__logo-wrapper .aside__logo { width: 52px; } @media (max-width: 991.98px) { .aside { min-width: auto; width: 0px; display: none; } } @media (max-width: 767.98px) { .aside { min-width: auto; width: 100%; height: Max(0px, calc(0px + var(--safe-area-inset-bottom))); top: auto; bottom: 0; padding: 0; background-image: -ms-linear-gradient(var(--colors-background-gradient-primary-start, #110B54), var(--colors-background-gradient-primary-end, #0CC0DF)); /* IE10+ */ background-image: -moz-linear-gradient(var(--colors-background-gradient-primary-start, #110B54), var(--colors-background-gradient-primary-end, #0CC0DF)); /* Mozilla Firefox */ background-image: -o-linear-gradient(var(--colors-background-gradient-primary-start, #110B54), var(--colors-background-gradient-primary-end, #0CC0DF)); /* Opera */ background-image: -webkit-gradient(var(--colors-background-gradient-primary-start, #110B54), var(--colors-background-gradient-primary-end, #0CC0DF)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(var(--colors-background-gradient-primary-start, #110B54), var(--colors-background-gradient-primary-end, #0CC0DF)); /* Webkit (Chrome 11+) */ background-image: linear-gradient(var(--colors-background-gradient-primary-start, #110B54), var(--colors-background-gradient-primary-end, #0CC0DF)); /* W3C Markup */ background-repeat: no-repeat; border-bottom-left-radius: 0; border-top-left-radius: 30px; border-top-right-radius: 30px; } } .primary-navigation { height: 100%; /* BREAKPOINTS */ } .primary-navigation .primary-navigation__header { width: 100%; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: var(--spaces-xl, 2.5rem); background-color: rgba(var(--colors-primary-base-rgb, 151,91,20), 1); border-top-right-radius: 15px; border-top-left-radius: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); margin-bottom: -.5rem; /* BREAKPOINTS */ } .primary-navigation .primary-navigation__header .navigation-header__separator { width: 1px; height: 50%; display: block; margin: var(--spaces-reset, 0) var(--spaces-lg, 1.5rem); background-color: rgba(var(--colors-background-natural-100-rgb, 238,222,208), 0.5); } @media (min-width: 992px) { .primary-navigation .primary-navigation__header { display: none; } } .primary-navigation .primary-navigation__list { height: 100%; /* MODIFIERS */ /* BREAKPOINTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-right: var(--spaces-xl, 2.5rem); padding: var(--spaces-reset, 0); text-align: center; /* ELEMENTS */ /* MODIFIERS */ /* BREAKPOINTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item:first-of-type { margin-right: var(--spaces-reset, 0); } .primary-navigation .primary-navigation__list .primary-navigation__item:hover .primary-navigation__mega-submenu { opacity: 1; -webkit-transform: translateX(calc(-1 * -50%)) scale(1); -ms-transform: translateX(calc(-1 * -50%)) scale(1); transform: translateX(calc(-1 * -50%)) scale(1); visibility: visible; z-index: auto; } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link { /* BREAKPOINTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link:hover { opacity: .7; } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link:before, .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link:after { /* Collapsed Aside */ display: none; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link:before, .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link:after { display: inline-block; } } @media (max-width: 767.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link:before, .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link:after { display: none; } } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link .primary-navigation__label { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-light, 300); text-transform: uppercase; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link .primary-navigation__label { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-medium, 500); } } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__link { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(var(--colors-primary-base-rgb, 151,91,20), 0.25); color: var(--colors-natural-grey-dark, ); opacity: 0; -webkit-transition: padding-right 0.5s ease-in-out, opacity 0.5s ease-in-out; -o-transition: padding-right 0.5s ease-in-out, opacity 0.5s ease-in-out; transition: padding-right 0.5s ease-in-out, opacity 0.5s ease-in-out; } } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist { position: absolute; top: 100%; right: 0; padding: var(--spaces-md, 1rem); background-color: var(--colors-background-natural-100, #eeded07a); -webkit-box-shadow: 0 0 8px 2px rgba(var(--colors-background-black-rgb, 0,0,0), 0.1); -moz-box-shadow: 0 0 8px 2px rgba(var(--colors-background-black-rgb, 0,0,0), 0.1); box-shadow: 0 0 8px 2px rgba(var(--colors-background-black-rgb, 0,0,0), 0.1); white-space: nowrap; z-index: -1; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transform-origin: top; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; /* MODIFIERS */ /* BREAKPOINTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist .primary-navigation__item { display: block; margin-bottom: var(--spaces-sm, 0.75rem); margin-right: var(--spaces-reset, 0); padding: var(--spaces-reset, 0) var(--spaces-reset, 0) var(--spaces-sm, 0.75rem); border-bottom: 1px solid rgba(var(--colors-primary-base-rgb, 151,91,20), 0.3); /* ELEMENTS */ /* BREAKPOINTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist .primary-navigation__item:last-of-type { margin-bottom: var(--spaces-reset, 0); padding: var(--spaces-reset, 0); border-bottom: 0; } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist .primary-navigation__item .primary-navigation__link { color: var(--colors-primary-base, #975B14); /* ELEMENTS */ /* BREAKPOINTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist .primary-navigation__item .primary-navigation__link .primary-navigation__label { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-medium, 500); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist .primary-navigation__item .primary-navigation__link .primary-navigation__label { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-medium, 500); } } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist .primary-navigation__item .primary-navigation__link { border-bottom: 1px solid rgba(var(--colors-primary-base-rgb, 151,91,20), 0.25); color: var(--colors-natural-grey-dark, ); overflow-x: hidden; } } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist .primary-navigation__item { margin-bottom: var(--spaces-reset, 0); padding: var(--spaces-reset, 0); border-bottom: 0; } } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist--menu-open { /* BREAKPOINTS */ } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist--menu-open { right: calc(1 * var(--spaces-lg, 1.5rem)); opacity: 1; visibility: visible; z-index: auto; } } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist { max-height: calc(100vh - 75px - 60px); width: 100%; height: auto; top: 0; margin-top: var(--spaces-reset, 0); padding: var(--spaces-reset, 0); background-color: rgba(var(--colors-background-natural-100-rgb, 238,222,208), 0.85); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); -moz-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu { width: 75vw; position: fixed; top: 100px; right: 50%; padding-top: var(--spaces-xl, 2.5rem); opacity: 0; -webkit-transform: translateX(calc(-1 * -50%)) scale(0.9); -ms-transform: translateX(calc(-1 * -50%)) scale(0.9); transform: translateX(calc(-1 * -50%)) scale(0.9); visibility: hidden; z-index: -1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; /* BREAKPOINTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper { padding: var(--spaces-xl, 2.5rem) var(--spaces-xxl, 5rem); background-color: rgba(var(--colors-background-white-rgb, 255,255,255), 1); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); -webkit-box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); -moz-box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item { width: calc(100% / 5 - 2rem); margin-right: 2.5rem; /* ELEMENTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item:first-of-type, .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item:nth-child(5n + 1) { margin-right: var(--spaces-reset, 0); } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item:nth-child(n + 6) { margin-top: var(--spaces-lg, 1.5rem); } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item .submenu-group__icon-wrapper { height: 50px; display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item .submenu-group__icon-wrapper { height: 50px; } } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item .submenu-group__item { margin-top: var(--spaces-lg, 1.5rem); } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item .submenu-group__item .group-item__link { height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item .submenu-group__item .group-item__link .group-item__label { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item .submenu-group__menu .group-menu__list .group-menu__item .menu-item__link { height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid var(--colors-background-natural-700, #F5E3D2); } .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu .mega-submenu__wrapper .mega-submenu__content .mega-submenu__groups .submenu-groups__list .submenu-groups__item .submenu-group__menu .group-menu__list .group-menu__item .menu-item__link .menu-item__label { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__mega-submenu { display: none; } } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu { /* ELEMENTS */ /* BREAKPOINTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist , .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu { position: relative; } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist.primary-navigation__item--has-mega-menu, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu.primary-navigation__item--has-mega-menu { position: static; } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist:hover > .primary-navigation__link .primary-navigation__arrow-icon, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu:hover > .primary-navigation__link .primary-navigation__arrow-icon { /* BREAKPOINTS */ } @media (min-width: 992px) { .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist:hover > .primary-navigation__link .primary-navigation__arrow-icon, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu:hover > .primary-navigation__link .primary-navigation__arrow-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist:hover .primary-navigation__sublist, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu:hover .primary-navigation__sublist { /* BREAKPOINTS */ } @media (min-width: 992px) { .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist:hover .primary-navigation__sublist, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu:hover .primary-navigation__sublist { z-index: auto; opacity: 1; visibility: visible; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist:hover .primary-navigation__mega-menu, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu:hover .primary-navigation__mega-menu { /* BREAKPOINTS */ } @media (min-width: 992px) { .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist:hover .primary-navigation__mega-menu, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu:hover .primary-navigation__mega-menu { z-index: auto; opacity: 1; visibility: visible; -webkit-transform: translateX(50%) scale(1); -ms-transform: translateX(50%) scale(1); transform: translateX(50%) scale(1); } } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist > .primary-navigation__link, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu > .primary-navigation__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist > .primary-navigation__link .primary-navigation__arrow-icon, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu > .primary-navigation__link .primary-navigation__arrow-icon { -webkit-transition: transform 0.2s ease-in; -o-transition: transform 0.2s ease-in; transition: transform 0.2s ease-in; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist > .primary-navigation__link .primary-navigation__arrow-icon, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu > .primary-navigation__link .primary-navigation__arrow-icon { position: absolute; left: var(--spaces-lg, 1.5rem); -webkit-transform: rotate(calc(1 * 90deg)); -ms-transform: rotate(calc(1 * 90deg)); transform: rotate(calc(1 * 90deg)); } } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist, .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-mega-menu { position: static; } } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--active { /* ELEMENTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--active > .primary-navigation__link { color: var(--colors-primary-base, #975B14); } .primary-navigation .primary-navigation__list .primary-navigation__item[data-item-id*="wpml-ls"] { /* BREAKPOINTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item[data-item-id*="wpml-ls"] .primary-navigation__link .primary-navigation__label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .primary-navigation .primary-navigation__list .primary-navigation__item[data-item-id*="wpml-ls"] .primary-navigation__link .primary-navigation__label .wpml-ls-flag { margin-left: var(--spaces-xs, 0.5rem); } @media (min-width: 992px) { .primary-navigation .primary-navigation__list .primary-navigation__item[data-item-id*="wpml-ls"] { display: none; } } @media (max-width: 1439.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item { margin-right: var(--spaces-lg, 1.5rem); } } @media (max-width: 1199.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item { margin-right: var(--spaces-md, 1rem); padding: 0 var(--spaces-xs, 0.5rem); } } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item { height: 60px; display: block; position: static; margin-right: var(--spaces-reset, 0); padding: var(--spaces-reset, 0); } .primary-navigation .primary-navigation__list .primary-navigation__item:last-of-type .primary-navigation__link { border-bottom: 0; } } .primary-navigation .primary-navigation__list.primary-navigation__list--has-active-sublist { /* BREAKPOINTS */ } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list.primary-navigation__list--has-active-sublist { -webkit-backdrop-filter: none; backdrop-filter: none; } } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list { height: auto; background-color: rgba(var(--colors-background-natural-100-rgb, 238,222,208), 0.85); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); -moz-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } } @media (max-width: 991.98px) { .primary-navigation { width: calc(100% - (var(--spaces-md, 1rem) * 2)); height: auto; position: absolute; top: calc(100% + var(--spaces-md, 1rem)); right: var(--spaces-md, 1rem); z-index: 11; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.75s cubic-bezier(0.97, 0.28, 0.23, 0.7) 0.5s; -o-transition: transform 0.75s cubic-bezier(0.97, 0.28, 0.23, 0.7) 0.5s; transition: transform 0.75s cubic-bezier(0.97, 0.28, 0.23, 0.7) 0.5s; } } .mega-menu { width: 100%; position: absolute; top: 100%; right: 50%; opacity: 0; visibility: hidden; z-index: -1; -webkit-transform: translateX(50%) scale(0.75); -ms-transform: translateX(50%) scale(0.75); transform: translateX(50%) scale(0.75); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .mega-menu .mega-menu__wrapper { width: 100%; padding: var(--spaces-xl, 2.5rem); background-color: var(--colors-background-white, #FFFFFF); border-top: 1px solid rgba(var(--colors-natural-grey-700-rgb, 36,36,36), 0.1); -webkit-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, ), 0.25); -moz-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, ), 0.25); box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, ), 0.25); text-align: right; } .mega-menu .mega-menu__menu .menu__item .menu__link { position: relative; } .mega-menu .mega-menu__menu .menu__item .menu__link:hover:before { opacity: 1; } .mega-menu .mega-menu__menu .menu__item .menu__link:before { content: ''; width: calc(100% + var(--spaces-md, 1rem)); height: calc(100% + var(--spaces-xs, 0.5rem)); position: absolute; top: calc(-1 * (var(--spaces-xs, 0.5rem) / 2)); right: calc(-1 * (var(--spaces-md, 1rem) / 2)); background-color: var(--colors-background-natural-700, #F5E3D2); opacity: 0; -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .mega-menu .mega-menu__menu .menu__item .menu__link .menu__label { position: relative; z-index: 1; } .site-content { width: 100%; display: block; /* ELEMENTS */ /* MODIFIERS */ } .site-content .site-content__sidebar-layout { /* BREAKPOINTS */ } .site-content .site-content__sidebar-layout .sidebar-layout__big { width: calc(100% - 30%); padding-left: var(--spaces-xxl, 5rem); /* BREAKPOINTS */ } .site-content .site-content__sidebar-layout .sidebar-layout__big *[class*="__container"] { max-width: none; margin: 0; padding: 0; } @media (max-width: 1599.98px) { .site-content .site-content__sidebar-layout .sidebar-layout__big { width: calc(100% - 35%); } } @media (max-width: 1199.98px) { .site-content .site-content__sidebar-layout .sidebar-layout__big { width: 100%; padding-left: var(--spaces-reset, 0); } } @media (max-width: 1199.98px) { .site-content .site-content__sidebar-layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .site-content.site-content--has-aside { max-width: calc(100% - none); width: calc(100% - 225px); margin-right: auto; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .site-content.site-content--has-aside { max-width: none; width: calc(100% - 0px); } } @media (max-width: 767.98px) { .site-content.site-content--has-aside { max-width: none; width: 100%; margin-bottom: 0px; } } .site-content.site-content--aside-collapsed { max-width: none; width: calc(100% - 0px); } .form .form__input-wrapper { position: relative; /* ELEMENTS */ } .form .form__input-wrapper .form__error { position: absolute; top: var(--spaces-lg, 1.5rem); left: var(--spaces-md, 1rem); color: var(--colors-state-danger, #f25767); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-regular, 400); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .form .form__input-wrapper .form__heading { display: block; margin-bottom: var(--spaces-xs, 0.5rem); font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text-no-background, #110B54); } .form .form__input-wrapper .form__check-wrapper { position: relative; } .form .form__input-wrapper .form__check-wrapper--horizontal { display: inline-block; margin-left: var(--spaces-sm, 0.75rem); } .form .form__input-wrapper .form__check-wrapper--vertical { display: block; margin-bottom: var(--spaces-sm, 0.75rem); } .form .form__input-wrapper .form__check-wrapper--vertical:last-of-type { margin-bottom: var(--spaces-reset, 0); } .site-footer { /* MODIFIERS */ } .site-footer .site-footer__body { width: 100%; margin-top: calc(var(--spaces-xxxxl, 12rem) / 2); padding: calc(var(--spaces-xxxxl, 12rem) / 2) var(--spaces-reset, 0); border-top: 1px solid rgba(var(--colors-natural-grey-700-rgb, 36,36,36), 0.1); /* BREAKPOINTS */ } .site-footer .site-footer__body .site-footer__info { color: var(--colors-primary-light, #A47341); } .site-footer .site-footer__body .site-footer__info .site-footer__logo .site-footer__logo-link { display: block; } .site-footer .site-footer__body .site-footer__info .site-footer__logo .site-footer__logo-link .site-footer__logo-image { width: 175px; height: auto; display: block; /* BREAKPOINTS */ } .site-footer .site-footer__body .site-footer__info .site-footer__logo .site-footer__logo-link .site-footer__logo-image svg { width: 100%; height: auto; } @media (max-width: 991.98px) { .site-footer .site-footer__body .site-footer__info .site-footer__logo .site-footer__logo-link .site-footer__logo-image { width: 150px; } } .site-footer .site-footer__body .site-footer__info .site-footer__social .social__list .social__item .social-item__link .social-item__icon-wrapper { width: 40px; height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--colors-background-natural-700, #F5E3D2); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .site-footer .site-footer__body .site-footer__column-title { font-size: var(--font-sizes-lg, 1.375rem); font-weight: var(--font-weights-light, 300); color: var(--colors-primary-light, #A47341); } .site-footer .site-footer__body .site-footer__column-menu .column-menu__list .column-menu__item .column-menu__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: var(--font-weights-light, 300); color: var(--colors-natural-grey-100, #24242480); -webkit-transition: color 0.25s ease-in-out, transform 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out, transform 0.25s ease-in-out; transition: color 0.25s ease-in-out, transform 0.25s ease-in-out; /* BREAKPOINTS */ } .site-footer .site-footer__body .site-footer__column-menu .column-menu__list .column-menu__item .column-menu__link:hover { color: var(--colors-natural-grey-700, #242424); -webkit-transform: translateX(calc(-1 * (var(--spaces-xxs, 0.25rem) + var(--spaces-xs, 0.5rem)))); -ms-transform: translateX(calc(-1 * (var(--spaces-xxs, 0.25rem) + var(--spaces-xs, 0.5rem)))); transform: translateX(calc(-1 * (var(--spaces-xxs, 0.25rem) + var(--spaces-xs, 0.5rem)))); } @media (max-width: 991.98px) { .site-footer .site-footer__body .site-footer__column-menu .column-menu__list .column-menu__item .column-menu__link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .site-footer .site-footer__body .site-footer__newsletter .newsletter__content-wrapper .newsletter__form-wrapper .newsletter__form .form__input-wrapper .form__submit { width: 100%; height: 60px; margin-top: var(--spaces-xs, 0.5rem); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } @media (max-width: 1599.98px) { .site-footer .site-footer__body { margin-top: calc(var(--spaces-xxxl, 8rem) / 2); padding: calc(var(--spaces-xxxl, 8rem) / 2) var(--spaces-reset, 0); } } @media (max-width: 991.98px) { .site-footer .site-footer__body { margin-top: calc(var(--spaces-xxl, 5rem) / 2); padding: calc(var(--spaces-xxl, 5rem) / 2) var(--spaces-reset, 0); text-align: center; } } .site-footer .site-footer__footer { border-top: 1px solid rgba(var(--colors-natural-grey-700-rgb, 36,36,36), 0.1); } .site-footer .site-footer__footer .site-footer__credit { color: var(--colors-primary-light, #A47341); /* BREAKPOINTS */ } .site-footer .site-footer__footer .site-footer__credit .credit__link { width: max-content; display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); } .site-footer .site-footer__footer .site-footer__credit .credit__link .credit__image { display: block; width: 48px; height: 48px; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); } .site-footer .site-footer__footer .site-footer__credit .credit__link .credit__image svg { width: 100%; height: 100%; } .site-footer .site-footer__footer .site-footer__credit .credit__link .credit__label { color: var(--colors-primary-light, #A47341); } @media (max-width: 991.98px) { .site-footer .site-footer__footer .site-footer__credit { padding-bottom: calc(70px + var(--spaces-xl, 2.5rem)); } } .site-footer.site-footer--has-aside { max-width: calc(100% - none); width: calc(100% - 225px); margin-right: auto; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .site-footer.site-footer--has-aside { max-width: none; width: calc(100% - 0px); } } @media (max-width: 767.98px) { .site-footer.site-footer--has-aside { max-width: none; width: 100%; margin-bottom: 0px; } } .site-footer.site-footer--aside-collapsed { max-width: none; width: calc(100% - 0px); } .site-sidebar { width: 30%; height: auto; position: sticky; position: -webkit-sticky; top: 0; padding: var(--spaces-xxl, 5rem) var(--spaces-lg, 1.5rem); /* BREAKPOINTS */ } .site-sidebar .site-sidebar__content-wrapper { /* BREAKPOINTS */ } .site-sidebar .site-sidebar__content-wrapper .site-sidebar__widget { margin-top: var(--spaces-xl, 2.5rem); background-color: var(--colors-background-natural-400, #FAF5EF); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.075); -moz-box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.075); box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.075); /* BREAKPOINTS */ } .site-sidebar .site-sidebar__content-wrapper .site-sidebar__widget:first-of-type { margin-top: var(--spaces-reset, 0); } .site-sidebar .site-sidebar__content-wrapper .site-sidebar__widget .sidebar-widget__header .sidebar-widget__title-wrapper:after { content: ''; width: 100px; height: 1px; display: block; margin: var(--spaces-lg, 1.5rem) var(--spaces-auto, auto); background-color: rgba(var(--colors-background-natural-700-rgb, 245,227,210), 0.25); } @media (min-width: 768px) and (max-width: 991.98px) { .site-sidebar .site-sidebar__content-wrapper .site-sidebar__widget { width: calc(50% - var(--spaces-lg, 1.5rem)/2); margin-top: var(--spaces-reset, 0); } } @media (min-width: 768px) and (max-width: 991.98px) { .site-sidebar .site-sidebar__content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--spaces-lg, 1.5rem); } } @media (max-width: 1599.98px) { .site-sidebar { width: 35%; } } @media (max-width: 1199.98px) { .site-sidebar { width: 100%; padding-top: var(--spaces-reset, 0); } } /* IMPORT WIDGETS */ .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article { height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; background-color: var(--colors-background-white, #FFFFFF); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 3px 20px rgba(var(--colors-background-black, #000000), 0.15); -moz-box-shadow: 0px 3px 20px rgba(var(--colors-background-black, #000000), 0.15); box-shadow: 0px 3px 20px rgba(var(--colors-background-black, #000000), 0.15); -webkit-transition: border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out; -o-transition: border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out; transition: border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out; } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article:hover .kb-article__link { bottom: var(--spaces-lg, 1.5rem); opacity: 1; visibility: visible; } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article:hover .kb-article__link .kb-article__link-icon { opacity: 1; visibility: visible; -webkit-transform: translateX(calc(-1 * var(--spaces-xs, 0.5rem))); -ms-transform: translateX(calc(-1 * var(--spaces-xs, 0.5rem))); transform: translateX(calc(-1 * var(--spaces-xs, 0.5rem))); -webkit-transition: all 0.25s ease-in-out 0.5s; -o-transition: all 0.25s ease-in-out 0.5s; transition: all 0.25s ease-in-out 0.5s; } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__image-wrapper { width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; flex: 1; padding: var(--spaces-lg, 1.5rem) var(--spaces-lg, 1.5rem) var(--spaces-xxl, 5rem); } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__content-wrapper .kb-article__meta { margin-top: var(--spaces-md, 1rem); } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__content-wrapper .kb-article__title { margin-top: var(--spaces-md, 1rem); } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__content-wrapper .kb-article__content { margin: var(--spaces-md, 1rem) var(--spaces-reset, 0); } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__content-wrapper .kb-article__author { display: block; margin-top: var(--spaces-auto, auto); } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0; left: var(--spaces-lg, 1.5rem); opacity: 0; visibility: hidden; -webkit-transition: all 0.25s ease-in-out 0.25s; -o-transition: all 0.25s ease-in-out 0.25s; transition: all 0.25s ease-in-out 0.25s; } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__link .kb-article__link-icon { opacity: 0; visibility: hidden; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__image-wrapper:after { display: none; } .sidebar-widget.sidebar-widget--knowledge-base .sidebar-widget__body .sidebar-widget__kb-articles .kb-articles__content-wrapper .kb-articles__carousel .kb-carousel__list .kb-carousel__item .kb-carousel__article .kb-article__title-wrapper .kb-article__title { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-medium, 500); } .sidebar-widget.sidebar-widget--expertise .sidebar-widget__body .sidebar-widget__expertise .expertise__content-wrapper .expertise__list .expertise__item .practice__icon-wrapper { height: 55px; } .sidebar-widget.sidebar-widget--expertise .sidebar-widget__body .sidebar-widget__expertise .expertise__content-wrapper .expertise__list .expertise__item .practice__icon-wrapper:after { display: none; } .sidebar-widget.sidebar-widget--expertise .sidebar-widget__body .sidebar-widget__expertise .expertise__content-wrapper .expertise__list .expertise__item .practice__title:after { display: none; } .sidebar-widget.sidebar-widget--staff-members .sidebar-widget__body { padding: var(--spaces-reset, 0) var(--spaces-xl, 2.5rem) var(--spaces-lg, 1.5rem); } .sidebar-widget.sidebar-widget--staff-members .sidebar-widget__body .sidebar-widget__staff-members .staff-members__content-wrapper .staff-members__list .staff-members__item { margin-top: var(--spaces-md, 1rem); } .sidebar-widget.sidebar-widget--staff-members .sidebar-widget__body .sidebar-widget__staff-members .staff-members__content-wrapper .staff-members__list .staff-members__item:first-of-type { margin-top: var(--spaces-reset, 0); } .sidebar-widget.sidebar-widget--staff-members .sidebar-widget__body .sidebar-widget__staff-members .staff-members__content-wrapper .staff-members__list .staff-members__item .staff-member__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sidebar-widget.sidebar-widget--staff-members .sidebar-widget__body .sidebar-widget__staff-members .staff-members__content-wrapper .staff-members__list .staff-members__item .staff-member__link .staff-member__image-wrapper { width: 90px; height: 90px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .sidebar-widget.sidebar-widget--staff-members .sidebar-widget__body .sidebar-widget__staff-members .staff-members__content-wrapper .staff-members__list .staff-members__item .staff-member__link .staff-member__image-wrapper .staff-member__image { width: 100%; height: 100%; object-fit: cover; } .sidebar-widget.sidebar-widget--staff-members .sidebar-widget__body .sidebar-widget__staff-members .staff-members__content-wrapper .staff-members__list .staff-members__item .staff-member__link .staff-member__info { margin-right: var(--spaces-sm, 0.75rem); } .sidebar-widget.sidebar-widget--staff-members .sidebar-widget__body .sidebar-widget__staff-members .staff-members__content-wrapper .staff-members__list .staff-members__item .staff-member__link .staff-member__info .staff-member__title { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-semi-bold, 600); } .sidebar-widget.sidebar-widget--staff-members .sidebar-widget__body .sidebar-widget__staff-members .staff-members__content-wrapper .staff-members__list .staff-members__item .staff-member__link .staff-member__info .staff-member__subtitle { display: block; font-size: var(--font-sizes-xs, 0.825rem); font-weight: var(--font-weights-medium, 500); } .sidebar-widget.sidebar-widget--sub-practices .sidebar-widget__header .sidebar-widget__icon-wrapper { width: max-content; height: 60px; display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); -webkit-transition: height 0.2s ease-in; -o-transition: height 0.2s ease-in; transition: height 0.2s ease-in; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .sidebar-widget.sidebar-widget--sub-practices .sidebar-widget__header .sidebar-widget__icon-wrapper { height: 60px; } } .sidebar-widget.sidebar-widget--sub-practices .sidebar-widget__body .sidebar-widget__sub-practices .sub-practices__content-wrapper { text-align: center; } .sidebar-widget.sidebar-widget--sub-practices .sidebar-widget__body .sidebar-widget__sub-practices .sub-practices__content-wrapper .sub-practices__list .sub-practices__item { display: block; position: relative; font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-medium, 500); } .sidebar-widget.sidebar-widget--sub-practices .sidebar-widget__body .sidebar-widget__sub-practices .sub-practices__content-wrapper .sub-practices__list .sub-practices__item:first-of-type { margin-top: var(--spaces-reset, 0); padding-top: var(--spaces-reset, 0); } .sidebar-widget.sidebar-widget--sub-practices .sidebar-widget__body .sidebar-widget__sub-practices .sub-practices__content-wrapper .sub-practices__list .sub-practices__item:first-of-type:after { display: none; } .promotion-bar { height: 45px; position: relative; background: linear-gradient(32.45deg, var(--colors-background-natural-600, #F1E4D7) 0%, var(--colors-background-natural-500, #F8EEE5) 100%); z-index: 6; -webkit-transition: z-index 2s cubic-bezier(0.215, 0.61, 0.355, 1) 2s; -o-transition: z-index 2s cubic-bezier(0.215, 0.61, 0.355, 1) 2s; transition: z-index 2s cubic-bezier(0.215, 0.61, 0.355, 1) 2s; /* ELEMENTS */ /* MODIFIERS */ /* BREAKPOINTS */ } .promotion-bar .promotion-bar__carousel { height: 100%; /* BREAKPOINTS */ } .promotion-bar .promotion-bar__carousel .promotion-bar-carousel__carousel { height: 100%; } .promotion-bar .promotion-bar__carousel .promotion-bar-carousel__carousel .promotion-bar-carousel__list .promotion-bar-carousel__item .promotion-headline__content-wrapper .promotion-headline__content { /* BREAKPOINTS */ } .promotion-bar .promotion-bar__carousel .promotion-bar-carousel__carousel .promotion-bar-carousel__list .promotion-bar-carousel__item .promotion-headline__content-wrapper .promotion-headline__content .promotion-headline__label { vertical-align: text-bottom; /* BREAKPOINTS */ } .promotion-bar .promotion-bar__carousel .promotion-bar-carousel__carousel .promotion-bar-carousel__list .promotion-bar-carousel__item .promotion-headline__content-wrapper .promotion-headline__content .promotion-headline__icon { display: inline; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .promotion-bar .promotion-bar__carousel .promotion-bar-carousel__carousel .promotion-bar-carousel__list .promotion-bar-carousel__item .promotion-headline__content-wrapper .promotion-headline__content { font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-light, 300); line-height: 1.3; } } @media (max-width: 991.98px) { .promotion-bar .promotion-bar__carousel { width: 85%; } } .promotion-bar.promotion-bar--search-active { z-index: 18; -webkit-transition: z-index 0s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: z-index 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: z-index 0s cubic-bezier(0.215, 0.61, 0.355, 1); } @media (max-width: 991.98px) { .promotion-bar { height: 55px; background: none; background-color: var(--colors-primary-light, #A47341); color: var(--colors-foreground-white, #FFFFFF); z-index: 10; } } body.home .hero { width: 100%; margin-top: var(--spaces-xl, 2.5rem); /* BREAKPOINTS */ } body.home .hero .hero__container { /* BREAKPOINTS */ } @media (max-width: 991.98px) { body.home .hero .hero__container { height: 100%; padding: var(--spaces-reset, 0); } } body.home .hero .hero__wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; /* BREAKPOINTS */ } @media (max-width: 991.98px) { body.home .hero .hero__wrapper { height: 100%; } } body.home .hero .hero__carousel { width: 100%; /* BREAKPOINTS */ } body.home .hero .hero__carousel .hero-carousel__list .hero-carousel__item .hero-slide__image-wrapper { border-bottom-right-radius: 50px; overflow: hidden; /* BREAKPOINTS */ } body.home .hero .hero__carousel .hero-carousel__list .hero-carousel__item .hero-slide__image-wrapper .hero-slide__image { max-width: 100%; height: auto; display: block; /* BREAKPOINTS */ } @media (max-width: 991.98px) { body.home .hero .hero__carousel .hero-carousel__list .hero-carousel__item .hero-slide__image-wrapper .hero-slide__image { width: 100%; height: 100%; object-fit: cover; } } @media (max-width: 991.98px) { body.home .hero .hero__carousel .hero-carousel__list .hero-carousel__item .hero-slide__image-wrapper { height: 100%; border-bottom-right-radius: 80px; } } @media (max-width: 991.98px) { body.home .hero .hero__carousel { width: 100%; height: 100%; } } body.home .hero .hero__content-wrapper { width: 55%; position: absolute; right: var(--spaces-xl, 2.5rem); color: var(--colors-foreground-natural-400, #FAF5EF); z-index: 1; /* BREAKPOINTS */ } body.home .hero .hero__content-wrapper .hero__categories { width: 80%; margin-top: var(--spaces-xxxl, 8rem); /* BREAKPOINTS */ } body.home .hero .hero__content-wrapper .hero__categories .hero-categories__list { gap: var(--spaces-md, 1rem) var(--spaces-md, 1rem); margin-top: var(--spaces-lg, 1.5rem); } body.home .hero .hero__content-wrapper .hero__categories .hero-categories__list .hero-categories__item { width: calc(1/3*100% - (1 - 1/3) * var(--spaces-lg, 1.5rem)); position: relative; padding: var(--spaces-xxl, 5rem) var(--spaces-md, 1rem) var(--spaces-md, 1rem); background: linear-gradient(400deg, rgba(255, 255, 255, 0.25) -15%, rgba(255, 255, 255, 0) 90%); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-bottom-right-radius: 15px; /* BREAKPOINTS */ } body.home .hero .hero__content-wrapper .hero__categories .hero-categories__list .hero-categories__item:after { content: ''; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: -1px; right: -1px; border: 1px solid rgba(var(--colors-background-natural-400-rgb, 250,245,239), 0.15); border-bottom-right-radius: 15px; } body.home .hero .hero__content-wrapper .hero__categories .hero-categories__list .hero-categories__item .hero-category__link { width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; } body.home .hero .hero__content-wrapper .hero__categories .hero-categories__list .hero-categories__item .hero-category__link .hero-category__image-wrapper { width: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex: 1; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); margin-bottom: var(--spaces-xl, 2.5rem); } body.home .hero .hero__content-wrapper .hero__categories .hero-categories__list .hero-categories__item .hero-category__link .hero-category__image-wrapper .hero-category__image { width: 100%; height: auto; } body.home .hero .hero__content-wrapper .hero__categories .hero-categories__list .hero-categories__item .hero-category__link .hero-category__title { margin-top: var(--spaces-auto, auto); } @media (max-width: 1439.98px) { body.home .hero .hero__content-wrapper .hero__categories .hero-categories__list .hero-categories__item { padding: var(--spaces-xl, 2.5rem) var(--spaces-md, 1rem) var(--spaces-md, 1rem); } } @media (max-width: 1439.98px) { body.home .hero .hero__content-wrapper .hero__categories { margin-top: var(--spaces-xxl, 5rem); } } @media (max-width: 991.98px) { body.home .hero .hero__content-wrapper { width: auto; top: var(--spaces-xl, 2.5rem); right: var(--spaces-auto, auto); text-align: center; } } @media (max-width: 991.98px) { body.home .hero { height: calc(100vh - 55px - 75px); margin-top: var(--spaces-reset, 0); } } .chip { position: relative; } .chip .chip__shape { width: 200px; height: 200px; position: absolute; top: calc(100% - var(--spaces-xl, 2.5rem)); right: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .chip .chip__shape svg { width: 100%; height: 100%; } body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel { /* BREAKPOINTS */ } body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item { position: relative; background: linear-gradient(193.79deg, var(--colors-background-natural-400, #FAF5EF) 7.59%, var(--colors-background-natural-300, #FFFCF8) 93.17%), linear-gradient(0deg, rgba(238, 222, 208, 0.48), rgba(238, 222, 208, 0.48)); -webkit-box-shadow: 1px 53px 25.3px -40px #2617081A; -moz-box-shadow: 1px 53px 25.3px -40px #2617081A; box-shadow: 1px 53px 25.3px -40px #2617081A; /* MODIFIERS */ /* BREAKPOINTS */ } body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item:after { content: ''; width: 100%; height: 100%; position: absolute; top: var(--spaces-reset, 0); right: var(--spaces-reset, 0); background-color: rgba(var(--colors-background-white-rgb, 255,255,255), 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); /* BREAKPOINTS */ } @media (max-width: 1199.98px) { body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item:after { display: none; } } body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item .testimonial__image-wrapper { width: 35%; /* BREAKPOINTS */ } body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item .testimonial__image-wrapper .testimonial__image { width: 100%; height: 100%; object-fit: cover; /* BREAKPOINTS */ } @media (max-width: 991.98px) { body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item .testimonial__image-wrapper .testimonial__image { height: 250px; border-bottom-right-radius: 30px; } } @media (max-width: 991.98px) { body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item .testimonial__image-wrapper { width: 75%; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); } } body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item .testimonial__info { flex: 1; padding: var(--spaces-lg, 1.5rem) var(--spaces-xl, 2.5rem) var(--spaces-xl, 2.5rem); } body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item .testimonial__info .testimonial__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; } body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item .testimonial__info .testimonial__header .testimonial__stars-icon { color: #E3BC69; } body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item.testimonial--active:after { display: none; } @media (max-width: 991.98px) { body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel .testimonials__list .testimonials__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 1200px) { body.home .testimonials .testimonials__content-wrapper .testimonials__carousel .testimonials-carousel__carousel { margin: var(--spaces-reset, 0) -25rem; } } body.home .about { background: linear-gradient(32.45deg, var(--colors-background-natural-600, #F1E4D7) 0%, var(--colors-background-natural-500, #F8EEE5) 100%); } body.home .about .about__wrapper { gap: var(--spaces-xxxl, 8rem); /* BREAKPOINTS */ } body.home .about .about__wrapper .about__images { position: relative; flex: 1; /* BREAKPOINTS */ } body.home .about .about__wrapper .about__images .about-images__big { width: calc(100% - var(--spaces-xxl, 5rem)); position: relative; margin-right: var(--spaces-auto, auto); -webkit-box-shadow: 1px 53px 25.3px -40px #2617082A; -moz-box-shadow: 1px 53px 25.3px -40px #2617082A; box-shadow: 1px 53px 25.3px -40px #2617082A; /* BREAKPOINTS */ } body.home .about .about__wrapper .about__images .about-images__big .image-big__image-wrapper { width: 100%; border-bottom-right-radius: 50px; overflow: hidden; } body.home .about .about__wrapper .about__images .about-images__big .image-big__image-wrapper .image-big__image { width: 100%; height: auto; } body.home .about .about__wrapper .about__images .about-images__big .image-big__shape { position: absolute; top: var(--spaces-reset, 0); left: var(--spaces-reset, 0); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } body.home .about .about__wrapper .about__images .about-images__big .image-big__line { width: 2px; height: calc(100% - 40% - var(--spaces-xxl, 5rem) - var(--spaces-xxxl, 8rem) - (2 * var(--spaces-xl, 2.5rem))); position: absolute; bottom: calc(var(--spaces-xxl, 5rem) + (var(--spaces-xxxl, 8rem) / 2)); right: calc(-1 * (var(--spaces-xxl, 5rem) / 2)); background: linear-gradient(90deg, #A87A4B 0%, #DE954A 100%); } @media (max-width: 1199.98px) { body.home .about .about__wrapper .about__images .about-images__big { width: calc(100% - var(--spaces-xl, 2.5rem)); margin: var(--spaces-reset, 0) var(--spaces-auto, auto); } } body.home .about .about__wrapper .about__images .about-images__small { height: 40%; position: absolute; top: var(--spaces-xxl, 5rem); right: var(--spaces-reset, 0); -webkit-box-shadow: -6px 6px 0px 0px #F8E6D7; -moz-box-shadow: -6px 6px 0px 0px #F8E6D7; box-shadow: -6px 6px 0px 0px #F8E6D7; /* BREAKPOINTS */ } body.home .about .about__wrapper .about__images .about-images__small .image-small__image-wrapper { height: 100%; border-bottom-right-radius: 30px; overflow: hidden; } body.home .about .about__wrapper .about__images .about-images__small .image-small__image-wrapper .image-small__image { width: auto; height: 100%; object-fit: cover; } @media (max-width: 1599.98px) { body.home .about .about__wrapper .about__images .about-images__small { top: var(--spaces-xl, 2.5rem); right: calc(-1 * var(--spaces-xl, 2.5rem)); } } @media (max-width: 1199.98px) { body.home .about .about__wrapper .about__images .about-images__small { right: var(--spaces-auto, auto); } } @media (max-width: 1199.98px) { body.home .about .about__wrapper .about__images { max-width: 60%; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); order: 1; } } @media (max-width: 991.98px) { body.home .about .about__wrapper .about__images { max-width: none; margin: var(--spaces-reset, 0); } } body.home .about .about__wrapper .about__content-wrapper { flex: 1; } @media (max-width: 1199.98px) { body.home .about .about__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--spaces-xl, 2.5rem); } } .faq { margin-top: calc(-1 * (var(--spaces-xxl, 5rem) + var(--spaces-xl, 2.5rem))); padding-top: calc(var(--spaces-xxl, 5rem) + var(--spaces-xl, 2.5rem)); padding-bottom: var(--spaces-xxl, 5rem); background-color: var(--colors-primary-light, #A47341); border-top-left-radius: 50px; /* BREAKPOINTS */ } .faq .faq__title-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* BREAKPOINTS */ } .faq .faq__title-wrapper .faq__title-separator { width: 1px; height: 50px; margin: var(--spaces-reset, 0) var(--spaces-xl, 2.5rem); background-color: var(--colors-background-natural-400, #FAF5EF); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .faq .faq__title-wrapper .faq__title-separator { width: 50px; height: 1px; margin: var(--spaces-lg, 1.5rem) var(--spaces-reset, 0); } } .faq .faq__title-wrapper .faq__subtitle { color: var(--colors-foreground-white, #FFFFFF); font-weight: var(--font-weights-light, 300); } @media (max-width: 991.98px) { .faq .faq__title-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } } @media (min-width: 1440px) { .faq { margin-top: calc(-1 * (var(--spaces-xxxl, 8rem) + var(--spaces-xxl, 5rem))); padding-top: calc(var(--spaces-xxxl, 8rem) + var(--spaces-xxl, 5rem)); padding-bottom: var(--spaces-xxxl, 8rem); } } .product-filters { width: 25vw; height: 100%; position: fixed; top: 0; right: 0; padding: var(--spaces-lg, 1.5rem) var(--spaces-md, 1rem); background: linear-gradient(32.45deg, var(--colors-background-natural-600, #F1E4D7) 0%, var(--colors-background-natural-500, #F8EEE5) 100%); border-top-left-radius: 15px; border-bottom-left-radius: 15px; box-shadow: 0px -3px 6px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); overflow-y: auto; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.5s cubic-bezier(0.97, 0.28, 0.23, 0.7); -o-transition: transform 0.5s cubic-bezier(0.97, 0.28, 0.23, 0.7); transition: transform 0.5s cubic-bezier(0.97, 0.28, 0.23, 0.7); z-index: 20; /* MODIFIERS */ /* BREAKPOINTS */ } .site-content.site-content--header-sticky .product-filters { /* BREAKPOINTS */ } .product-filters.product-filters--active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .product-filters.product-filters--active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @media (max-width: 991.98px) { .product-filters { max-height: 75vh; width: 100%; height: auto; position: fixed; top: var(--spaces-auto, auto); bottom: 0; border-bottom-left-radius: 0; border-top-right-radius: 15px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); z-index: 27; } } body.single-product .breadcrumbs-wrapper { /* BREAKPOINTS */ } @media (min-width: 1440px) { body.single-product .breadcrumbs-wrapper { max-width: 85%; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); } } .product.product--is-single { /* MODIFIERS */ } .product.product--is-single .product__wrapper { /* BREAKPOINTS */ } .product.product--is-single .product__wrapper .product__gallery { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails { width: 100px; position: relative; } .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list { width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: var(--spaces-md, 1rem); position: absolute; top: 0; right: 0; overflow-y: auto; } .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list::-webkit-scrollbar { width: 0px; height: 0px; } .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list::-webkit-scrollbar-thumb { background: var(--colors-primary-light, #A47341); background-clip: content-box; border: 5px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list::-webkit-scrollbar-track { background: var(--colors-background-natural-400, #FAF5EF); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list { scrollbar-face-color: var(--colors-primary-light, #A47341); scrollbar-track-color: var(--colors-background-natural-400, #FAF5EF); } .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list .gallery-thumbnails__item { position: relative; } .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list .gallery-thumbnails__item.gallery-thumbnail--active:after, .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list .gallery-thumbnails__item:hover:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: rgba(var(--colors-background-black-rgb, 0,0,0), 0.15); } .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list .gallery-thumbnails__item .gallery-thumbnail__image-wrapper { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; margin-left: 0; background: linear-gradient(32.45deg, var(--colors-background-natural-600, #F1E4D7) 0%, var(--colors-background-natural-500, #F8EEE5) 100%); border-bottom-right-radius: 10px; overflow: hidden; } .product.product--is-single .product__wrapper .product__gallery .product-gallery__thumbnails .gallery-thumbnails__list .gallery-thumbnails__item .gallery-thumbnail__image-wrapper .gallery-thumbnail__image { top: auto; right: auto; max-width: 100%; max-height: 80%; height: auto; object-fit: cover; } .product.product--is-single .product__wrapper .product__gallery .product-gallery__feature { flex: 1; position: relative; margin-right: var(--spaces-md, 1rem); } .product.product--is-single .product__wrapper .product__gallery .product-gallery__feature .gallery-feature__image-wrapper { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; margin-left: 0; background: linear-gradient(32.45deg, var(--colors-background-natural-600, #F1E4D7) 0%, var(--colors-background-natural-500, #F8EEE5) 100%); border-bottom-right-radius: 10px; overflow: hidden; } .product.product--is-single .product__wrapper .product__gallery .product-gallery__feature .gallery-feature__image-wrapper .gallery-feature__image { top: auto; right: auto; max-width: 100%; max-height: 80%; height: auto; object-fit: cover; } .product.product--is-single .product__wrapper .product__gallery .product-gallery__feature .gallery-feature__labels .product-labels__label:after { content: ''; width: 100%; height: 2px; display: block; background-color: var(--colors-primary-light, #A47341); } .product.product--is-single .product__wrapper .product__gallery .product-gallery__feature .gallery-feature__labels .product-labels__label .product-label__label { font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-medium, 500); } .product.product--is-single .product__wrapper .product__content-wrapper .product__info { max-width: 450px; } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__price { text-align: right; direction: ltr; } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations { margin-top: var(--spaces-xl, 2.5rem); } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item { margin-top: var(--spaces-lg, 1.5rem); /* MODIFIERS */ } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item:first-of-type { margin-top: var(--spaces-reset, 0); } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options { margin-top: var(--spaces-xs, 0.5rem); } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options .variation-options__list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; gap: var(--spaces-md, 1rem); direction: ltr; } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch { width: 1.5rem; height: 1.5rem; padding: var(--spaces-xxxs, 0.125rem); } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item.product-variation--color .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__input:checked ~ .radio__label .radio__switch { border-color: var(--colors-background-black, #000000); } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item.product-variation--color .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch:after { opacity: 0; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item.product-variation--color .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch .radio__color { display: block; width: 100%; height: 100%; background-color: var(--variation-option-color); } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item.product-variation--label .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__input:checked ~ .radio__label .radio__switch { color: var(--colors-theme-special-text-no-background, #110B54); font-weight: var(--font-weights-semi-bold, 600); } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item.product-variation--label .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch { border-width: 0; color: var(--colors-theme-text-no-background, #c3c3c3); } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__quantity { margin-top: var(--spaces-lg, 1.5rem); } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__quantity .product-quantity__quantity { width: 100%; border-left-width: 0; border-right-width: 0; } .product.product--is-single .product__wrapper .product__content-wrapper .product__info .product__add-to-cart { margin-top: var(--spaces-lg, 1.5rem); } @media (min-width: 1440px) { .product.product--is-single .product__wrapper { max-width: 85%; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); } } .product.product--is-single.product--is-variable .product__content-wrapper .product__add-to-cart { opacity: 0; visibility: hidden; -webkit-transform: translateY(calc(-1 * var(--spaces-md, 1rem))); -ms-transform: translateY(calc(-1 * var(--spaces-md, 1rem))); transform: translateY(calc(-1 * var(--spaces-md, 1rem))); -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); /* MODIFIERS */ } .product.product--is-single.product--is-variable .product__content-wrapper .product__add-to-cart.add-to-cart--active { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .contact-footer { position: relative; } .breadcrumbs { width: 100%; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--spaces-xs, 0.5rem) var(--spaces-reset, 0); /* BREAKPOINTS */ } .breadcrumbs .breadcrumbs__content-wrapper .breadcrumbs__list { list-style-type: none; } .breadcrumbs .breadcrumbs__content-wrapper .breadcrumbs__list .breadcrumbs__item { display: inline-block; white-space: nowrap; /* ELEMENTS */ /* MODIFIERS */ } .breadcrumbs .breadcrumbs__content-wrapper .breadcrumbs__list .breadcrumbs__item .breadcrumb__link .breadcrumb__label { color: var(--colors-foreground-black, #000000); } .breadcrumbs .breadcrumbs__content-wrapper .breadcrumbs__list .breadcrumbs__item .breadcrumb__label { font-size: var(--font-sizes-md, 1.1rem); font-weight: var(--font-weights-medium, 500); color: var(--colors-primary-base, #975B14); } .breadcrumbs .breadcrumbs__content-wrapper .breadcrumbs__list .breadcrumbs__item.breadcrumb--separate { margin: var(--spaces-reset, 0) var(--spaces-xs, 0.5rem); } @media (max-width: 991.98px) { .breadcrumbs { height: auto; } } .floating-whatsapp { width: 60px; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; bottom: var(--spaces-xl, 2.5rem); right: var(--spaces-xl, 2.5rem); padding: var(--spaces-xs, 0.5rem); background: linear-gradient(193.79deg, #FAF5EF 7.59%, #FFFCF8 93.17%), linear-gradient(0deg, rgba(238, 222, 208, 0.48), rgba(238, 222, 208, 0.48)); border: 0.72px solid #EEDED07A; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-radius 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; -o-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-radius 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), border-radius 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; z-index: 6; overflow: hidden; /* BREAKPOINTS */ } .floating-whatsapp:hover { width: 220px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .floating-whatsapp:hover .floating-whatsapp__link { width: 220px; } .floating-whatsapp .floating-whatsapp__link { width: 60px; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); /* BREAKPOINTS */ } .floating-whatsapp .floating-whatsapp__link .floating-whatsapp__icon-wrapper { min-width: calc(60px - (2 * var(--spaces-xs, 0.5rem))); width: calc(60px - (2 * var(--spaces-xs, 0.5rem))); height: calc(60px - (2 * var(--spaces-xs, 0.5rem))); margin-right: var(--spaces-xs, 0.5rem); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(var(--colors-primary-dark-rgb, 76,36,29), 1); color: var(--colors-foreground-white, #FFFFFF); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .floating-whatsapp .floating-whatsapp__link .floating-whatsapp__icon-wrapper { min-width: calc(50px - (2 * var(--spaces-xxs, 0.25rem))); width: calc(50px - (2 * var(--spaces-xxs, 0.25rem))); height: calc(50px - (2 * var(--spaces-xxs, 0.25rem))); margin-right: var(--spaces-xxs, 0.25rem); } } .floating-whatsapp .floating-whatsapp__link .floating-whatsapp__label { display: block; padding: var(--spaces-reset, 0) var(--spaces-md, 1rem) var(--spaces-reset, 0) var(--spaces-xl, 2.5rem); color: var(--colors-primary-dark, #4C241D); white-space: nowrap; } @media (max-width: 991.98px) { .floating-whatsapp .floating-whatsapp__link { width: 50px; height: 50px; } } @media (max-width: 991.98px) { .floating-whatsapp { width: 50px; height: 50px; bottom: var(--spaces-lg, 1.5rem); right: var(--spaces-lg, 1.5rem); z-index: 10; } } .product:not(.product--is-single) { position: relative; /* MODIFIERS */ } .product:not(.product--is-single):hover .product__thumbnail .product-thumbnail__actions .product-actions__list .product-actions__item.product-action--add-to-cart .product-action__add-to-cart { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .product:not(.product--is-single) .product__thumbnail .product-thumbnail__image-wrapper { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; margin-left: 0; background: linear-gradient(32.45deg, var(--colors-background-natural-600, #F1E4D7) 0%, var(--colors-background-natural-500, #F8EEE5) 100%); border-bottom-right-radius: 10px; overflow: hidden; } .product:not(.product--is-single) .product__thumbnail .product-thumbnail__image-wrapper:hover:has(.product-thumbnail__image--is-hover) .product-thumbnail__image:not(.product-thumbnail__image--is-hover) { opacity: 0; } .product:not(.product--is-single) .product__thumbnail .product-thumbnail__image-wrapper:hover .product-thumbnail__image--is-hover { opacity: 1; } .product:not(.product--is-single) .product__thumbnail .product-thumbnail__image-wrapper .product-thumbnail__image { top: auto; right: auto; max-width: 100%; max-height: 80%; height: auto; object-fit: cover; -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .product:not(.product--is-single) .product__thumbnail .product-thumbnail__image-wrapper .product-thumbnail__image--is-hover { opacity: 0; } .product:not(.product--is-single) .product__thumbnail .product-thumbnail__actions .product-actions__list .product-actions__item.product-action--add-to-cart .product-action__add-to-cart { opacity: 0; visibility: hidden; -webkit-transform: translateX(calc(1 * var(--spaces-xs, 0.5rem))); -ms-transform: translateX(calc(1 * var(--spaces-xs, 0.5rem))); transform: translateX(calc(1 * var(--spaces-xs, 0.5rem))); -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .product:not(.product--is-single) .product__thumbnail .product-thumbnail__labels .product-labels__label:after { content: ''; width: 100%; height: 2px; display: block; background-color: var(--colors-primary-light, #A47341); } .product:not(.product--is-single) .product__thumbnail .product-thumbnail__labels .product-labels__label .product-label__label { font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-medium, 500); } .product:not(.product--is-single) .product__content-wrapper { width: 100%; padding: var(--spaces-md, 1rem) var(--spaces-xs, 0.5rem); /* BREAKPOINTS */ } .product:not(.product--is-single) .product__content-wrapper .product__info { -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; gap: var(--spaces-lg, 1.5rem); margin-top: var(--spaces-md, 1rem); font-size: var(--font-sizes-sm, 0.99rem); font-weight: var(--font-weights-light, 300); } .product:not(.product--is-single) .product__content-wrapper .product__info .product__price { direction: ltr; text-align: left; } .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations { /* BREAKPOINTS */ } .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--spaces-md, 1rem); } .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item { /* MODIFIERS */ } .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item:nth-child(even) .product-variation__options .variation-options__list { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options .variation-options__list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; gap: var(--spaces-sm, 0.75rem); direction: ltr; /* BREAKPOINTS */ } .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch { width: 1.5rem; height: 1.5rem; padding: var(--spaces-xxxs, 0.125rem); } @media (max-width: 991.98px) { .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options .variation-options__list { gap: var(--spaces-xxxs, 0.125rem) var(--spaces-xs, 0.5rem); } } .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item.product-variation--color .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__input:checked ~ .radio__label .radio__switch { border-color: var(--colors-background-black, #000000); } .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item.product-variation--color .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch:after { opacity: 0; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item.product-variation--color .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch .radio__color { display: block; width: 100%; height: 100%; background-color: var(--variation-option-color); } .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item.product-variation--label .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__input:checked ~ .radio__label .radio__switch { color: var(--colors-theme-special-text-no-background, #110B54); font-weight: var(--font-weights-semi-bold, 600); } .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations .product-variations__list .product-variations__item.product-variation--label .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch { border-width: 0; color: var(--colors-theme-text-no-background, #c3c3c3); } @media (max-width: 991.98px) { .product:not(.product--is-single) .product__content-wrapper .product__info .product__variations { margin-top: var(--spaces-xs, 0.5rem); } } @media (max-width: 991.98px) { .product:not(.product--is-single) .product__content-wrapper { padding: var(--spaces-xs, 0.5rem) var(--spaces-md, 1rem); } } .product:not(.product--is-single).product--is-variable .product__content-wrapper .product__add-to-cart { opacity: 0; visibility: hidden; -webkit-transform: translateY(calc(-1 * var(--spaces-md, 1rem))); -ms-transform: translateY(calc(-1 * var(--spaces-md, 1rem))); transform: translateY(calc(-1 * var(--spaces-md, 1rem))); -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); /* MODIFIERS */ } .product:not(.product--is-single).product--is-variable .product__content-wrapper .product__add-to-cart.add-to-cart--active { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .quantity { width: 125px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; padding: var(--spaces-xs, 0.5rem) var(--spaces-md, 1rem); border: 1px solid var(--colors-theme-background, #dddddd); color: var(--colors-theme-text-no-background, #c3c3c3); } .quantity .quantity__btn { padding: var(--spaces-xs, 0.5rem) var(--spaces-reset, 0); background: none; border: 0; outline: 0; } .quantity .quantity__input-text .input-text__input { height: auto; padding: var(--spaces-reset, 0); background-color: var(--colors-background-transparent, transparent); border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: var(--colors-theme-text-no-background, #c3c3c3); text-align: center; -moz-appearance: textfield; /* Firefox */ /* BREAKPOINTS */ } .quantity .quantity__input-text .input-text__input::-webkit-outer-spin-button, .quantity .quantity__input-text .input-text__input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .quantity .quantity__input-text .input-text__input:focus { -webkit-transform: none; -ms-transform: none; transform: none; } @media (max-width: 991.98px) { .quantity .quantity__input-text .input-text__input { height: 100%; } } .mini-cart { width: 35%; height: auto; position: fixed; top: 0; left: 0; background-color: var(--colors-background-white, #FFFFFF); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); z-index: 18; /* ELEMENTS */ /* MODIFIERS */ /* BREAKPOINTS */ } .mini-cart .mini-cart__wrapper { height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: var(--spaces-lg, 1.5rem) var(--spaces-xl, 2.5rem); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .mini-cart .mini-cart__wrapper { padding: var(--spaces-lg, 1.5rem) var(--spaces-md, 1rem); } } .mini-cart .mini-cart__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; padding-bottom: var(--spaces-sm, 0.75rem); border-bottom: 1px solid var(--colors-background-black, #000000); /* BREAKPOINTS */ } .mini-cart .mini-cart__body { margin-top: var(--spaces-sm, 0.75rem); } .mini-cart .mini-cart__body .mini-cart__products { max-height: 600px; overflow-y: auto; /* MODIFIERS */ /* BREAKPOINTS */ } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item { margin-top: var(--spaces-md, 1rem); padding-top: var(--spaces-md, 1rem); border-top: 1px solid var(--colors-background-black, #000000); } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item:first-of-type { margin-top: var(--spaces-reset, 0); padding-top: var(--spaces-reset, 0); border-top: none; } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item:first-of-type .product__loading { height: 100%; top: 0; } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__remove { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-left: var(--spaces-md, 1rem); } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__link { width: 20%; /* BREAKPOINTS */ } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__link .product__image-wrapper { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; margin-left: 0; background: linear-gradient(32.45deg, var(--colors-background-natural-600, #F1E4D7) 0%, var(--colors-background-natural-500, #F8EEE5) 100%); border-bottom-right-radius: 10px; overflow: hidden; } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__link .product__image-wrapper .product__image { max-width: 60%; max-height: 75%; height: auto; width: auto; min-width: 50%; top: auto; right: auto; } @media (max-width: 1599.98px) { .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__link { width: 25%; } } @media (max-width: 1439.98px) { .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__link { width: 30%; } } @media (max-width: 991.98px) { .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__link { width: 35%; } } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; flex: 1; padding-right: var(--spaces-md, 1rem); } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__title-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__title-wrapper .product__title { font-size: var(--font-sizes-sm, 0.99rem); } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__title-wrapper .product__actions .product-actions__list { gap: var(--spaces-md, 1rem); } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations { margin-top: var(--spaces-auto, auto); padding: var(--spaces-xs, 0.5rem) var(--spaces-md, 1rem); background-color: var(--colors-background-natural-100, #eeded07a); /* BREAKPOINTS */ } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: var(--spaces-md, 1rem); flex: 1; /* BREAKPOINTS */ } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__separator { padding: var(--spaces-reset, 0) var(--spaces-md, 1rem); font-weight: var(--font-weights-semi-bold, 600); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__separator { padding: var(--spaces-reset, 0) var(--spaces-xs, 0.5rem); } } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__break { height: 0; -ms-flex-basis: 100%; flex-basis: 100%; } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__item { /* MODIFIERS */ } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options { /* BREAKPOINTS */ } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options .variation-options__list { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--spaces-md, 1rem); } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch { width: 1.5rem; height: 1.5rem; padding: var(--spaces-xxxs, 0.125rem); } @media (max-width: 991.98px) { .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__item .product-variation__options { gap: var(--spaces-xs, 0.5rem); } } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__item.product-variation--color .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__input:checked ~ .radio__label .radio__switch:after { content: ''; display: block; width: calc(100% + 4px); height: calc(100% + 4px); position: absolute; border: 1px solid var(--colors-theme-special-background, #110B54); top: -2px; right: -2px; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__item.product-variation--color .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch:after { opacity: 0; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__item.product-variation--color .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch .radio__color { display: block; width: 100%; height: 100%; background-color: var(--variation-option-color); } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__item.product-variation--label .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__input:checked ~ .radio__label .radio__switch { color: var(--colors-theme-special-text-no-background, #110B54); font-weight: var(--font-weights-semi-bold, 600); } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list .product-variations__item.product-variation--label .product-variation__options .variation-options__list .variation-options__item .variation-option__radio .radio__label .radio__switch { border-width: 0; color: var(--colors-theme-text-no-background, #c3c3c3); } @media (max-width: 991.98px) { .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations .product-variations__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 991.98px) { .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__variations { width: 100px; padding: var(--spaces-xxs, 0.25rem) var(--spaces-xs, 0.5rem); } } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__footer { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; margin-top: var(--spaces-md, 1rem); } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__footer .product__quantity .product-quantity__quantity { /* BREAKPOINTS */ } @media (max-width: 991.98px) { .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__info .product__footer .product__quantity .product-quantity__quantity { width: 100px; padding: var(--spaces-xxs, 0.25rem) var(--spaces-xs, 0.5rem); } } .mini-cart .mini-cart__body .mini-cart__products .products__list .products__item .product__loading { width: 100%; height: calc(100% - var(--spaces-sm, 0.75rem)); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: var(--spaces-sm, 0.75rem); right: 0; background-color: rgba(var(--colors-background-natural-400-rgb, 250,245,239), 0.75); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .mini-cart .mini-cart__body .mini-cart__products.products--has-scrollbar { margin-left: calc(-1 * (10px + var(--spaces-md, 1rem))); } .mini-cart .mini-cart__body .mini-cart__products.products--has-scrollbar .products__list { margin-left: var(--spaces-md, 1rem); } @media (max-width: 1439.98px) { .mini-cart .mini-cart__body .mini-cart__products { height: 400px; } } .mini-cart .mini-cart__footer { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; margin-top: var(--spaces-sm, 0.75rem); padding-top: var(--spaces-sm, 0.75rem); border-top: 1px solid var(--colors-background-black, #000000); } .mini-cart.mini-cart--active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } @media (max-width: 991.98px) { .mini-cart { width: 100%; z-index: 24; } } .advanced-search { padding: var(--spaces-lg, 1.5rem) var(--spaces-xl, 2.5rem); background-color: var(--colors-background-white, #FFFFFF); border-top: 1px solid rgba(var(--colors-natural-grey-700-rgb, 36,36,36), 0.1); -webkit-box-shadow: 0px 10px 30px 0px rgba(var(--colors-natural-dark-grey-700-rgb, ), 0.15); -moz-box-shadow: 0px 10px 30px 0px rgba(var(--colors-natural-dark-grey-700-rgb, ), 0.15); box-shadow: 0px 10px 30px 0px rgba(var(--colors-natural-dark-grey-700-rgb, ), 0.15); /* BREAKPOINTS */ } .advanced-search .advanced-search__header { position: relative; /* ELEMENTS */ } .advanced-search .advanced-search__header .search-header__form .form__input-wrapper .form__input-text .input-text__input { height: 70px; padding: var(--spaces-reset, 0) var(--spaces-xl, 2.5rem); background-color: var(--colors-background-trasnparent, ); border: none; border-bottom: 1px solid var(--colors-theme-background, #dddddd); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: var(--colors-theme-text-no-background, #c3c3c3); } .advanced-search .advanced-search__header .search-header__form .form__input-wrapper .form__input-text .input-text__input::-webkit-input-placeholder { color: var(--colors-theme-text-no-background, #c3c3c3); } .advanced-search .advanced-search__header .search-header__form .form__input-wrapper .form__input-text .input-text__input:-moz-placeholder { color: var(--colors-theme-text-no-background, #c3c3c3); } .advanced-search .advanced-search__header .search-header__form .form__input-wrapper .form__input-text .input-text__input::-moz-placeholder { color: var(--colors-theme-text-no-background, #c3c3c3); } .advanced-search .advanced-search__header .search-header__form .form__input-wrapper .form__input-text .input-text__input:-ms-input-placeholder { color: var(--colors-theme-text-no-background, #c3c3c3); } .advanced-search .advanced-search__header .search-header__close { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .advanced-search .advanced-search__body { /* ELEMENTS */ /* BREAKPOINTS */ } .advanced-search .advanced-search__body .search-body__result .search-result__posts .result-posts__carousel { position: relative; /* MODIFIERS */ } .advanced-search .advanced-search__body .search-body__result .search-result__posts .result-posts__carousel.result-posts-carousel--initialized .result-posts-carousel__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .advanced-search .advanced-search__body .search-body__result .search-result__posts .result-posts__carousel.result-posts-carousel--destroyed .result-posts-carousel__navigation-arrows { display: none; } @media (max-width: 991.98px) { .advanced-search { padding: var(--spaces-lg, 1.5rem) var(--spaces-md, 1rem); } } .newsletter { position: relative; } .newsletter .newsletter__wrapper { color: var(--colors-primary-light, #A47341); /* BREAKPOINTS */ } .newsletter .newsletter__wrapper .newsletter__content-wrapper { padding: var(--spaces-xxxl, 8rem) var(--spaces-reset, 0) var(--spaces-xxxl, 8rem) var(--spaces-xxxl, 8rem); /* BREAKPOINTS */ } .newsletter .newsletter__wrapper .newsletter__content-wrapper:after { content: ''; width: 50vw; height: 100%; position: absolute; top: 0; right: 0; background: linear-gradient(32.45deg, var(--colors-background-natural-600, #F1E4D7) 0%, var(--colors-background-natural-500, #F8EEE5) 100%); /* BREAKPOINTS */ } @media (max-width: 991.98px) { .newsletter .newsletter__wrapper .newsletter__content-wrapper:after { width: 100%; } } .newsletter .newsletter__wrapper .newsletter__content-wrapper .newsletter__title-wrapper { position: relative; z-index: 1; } .newsletter .newsletter__wrapper .newsletter__content-wrapper .newsletter__form-wrapper { max-width: 65%; position: relative; z-index: 1; /* BREAKPOINTS */ } .newsletter .newsletter__wrapper .newsletter__content-wrapper .newsletter__form-wrapper .newsletter__form .form__input-wrapper { /* BREAKPOINTS */ } .newsletter .newsletter__wrapper .newsletter__content-wrapper .newsletter__form-wrapper .newsletter__form .form__input-wrapper .form__input-text { flex: 1; } .newsletter .newsletter__wrapper .newsletter__content-wrapper .newsletter__form-wrapper .newsletter__form .form__input-wrapper .form__submit { margin-right: calc(-1 * var(--spaces-sm, 0.75rem)); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-top-right-radius: 0; z-index: 1; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .newsletter .newsletter__wrapper .newsletter__content-wrapper .newsletter__form-wrapper .newsletter__form .form__input-wrapper .form__submit { width: 100%; margin-right: var(--spaces-reset, 0); margin-top: var(--spaces-xs, 0.5rem); } } @media (max-width: 991.98px) { .newsletter .newsletter__wrapper .newsletter__content-wrapper .newsletter__form-wrapper .newsletter__form .form__input-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1599.98px) { .newsletter .newsletter__wrapper .newsletter__content-wrapper .newsletter__form-wrapper { max-width: 75%; } } @media (max-width: 1439.98px) { .newsletter .newsletter__wrapper .newsletter__content-wrapper .newsletter__form-wrapper { max-width: 85%; } } @media (max-width: 991.98px) { .newsletter .newsletter__wrapper .newsletter__content-wrapper .newsletter__form-wrapper { max-width: none; } } @media (max-width: 1899.98px) { .newsletter .newsletter__wrapper .newsletter__content-wrapper { padding: var(--spaces-xxl, 5rem); } } @media (max-width: 1599.98px) { .newsletter .newsletter__wrapper .newsletter__content-wrapper { padding: var(--spaces-xxl, 5rem); } } @media (max-width: 1199.98px) { .newsletter .newsletter__wrapper .newsletter__content-wrapper { padding: var(--spaces-xl, 2.5rem) var(--spaces-lg, 1.5rem); } } @media (max-width: 991.98px) { .newsletter .newsletter__wrapper .newsletter__content-wrapper { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: var(--spaces-xl, 2.5rem); position: relative; } } .newsletter .newsletter__wrapper .newsletter__image-wrapper { height: 100%; } .newsletter .newsletter__wrapper .newsletter__image-wrapper .newsletter__image { width: 50vw; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .newsletter .newsletter__wrapper .newsletter__image-wrapper .newsletter__image { width: 100%; height: auto; position: static; } } .newsletter .newsletter__wrapper .newsletter__shape { position: absolute; bottom: var(--spaces-reset, 0); right: 50%; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } @media (max-width: 991.98px) { .newsletter .newsletter__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .site-luminaires .site-luminaires__list .luminaires__item { width: 0; height: 0; position: absolute; z-index: -1; } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(1) { right: 0; top: 0px; -webkit-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); -moz-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); -webkit-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); -webkit-animation: luminaire 5s 2.5s infinite; -moz-animation: luminaire 5s 2.5s infinite; -o-animation: luminaire 5s 2.5s infinite; animation: luminaire 5s 2.5s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(1) { top: 0; -webkit-box-shadow: 0 0 150px 150px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); -moz-box-shadow: 0 0 150px 150px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); box-shadow: 0 0 150px 150px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); } } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(2) { left: 0; top: 750px; -webkit-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); -moz-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); -webkit-animation: luminaire 4s 3s infinite; -moz-animation: luminaire 4s 3s infinite; -o-animation: luminaire 4s 3s infinite; animation: luminaire 4s 3s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(2) { top: 500; -webkit-box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); -moz-box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); } } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(3) { right: 0; top: 1500px; -webkit-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); -moz-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); -webkit-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); -webkit-animation: luminaire 5s 2s infinite; -moz-animation: luminaire 5s 2s infinite; -o-animation: luminaire 5s 2s infinite; animation: luminaire 5s 2s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(3) { top: 1000; -webkit-box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); -moz-box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.3); } } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(4) { left: 0; top: 2250px; -webkit-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); -moz-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); -webkit-animation: luminaire 5s 3s infinite; -moz-animation: luminaire 5s 3s infinite; -o-animation: luminaire 5s 3s infinite; animation: luminaire 5s 3s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(4) { top: 1500; -webkit-box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); -moz-box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); } } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(5) { right: 0; top: 3000px; -webkit-box-shadow: 0 0 150px 300px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); -moz-box-shadow: 0 0 150px 300px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); box-shadow: 0 0 150px 300px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); -webkit-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); -webkit-animation: luminaire 4s 2s infinite; -moz-animation: luminaire 4s 2s infinite; -o-animation: luminaire 4s 2s infinite; animation: luminaire 4s 2s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(5) { top: 2000; -webkit-box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); -moz-box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); box-shadow: 0 0 150px 200px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); } } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(6) { left: 0; top: 3750px; -webkit-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); -moz-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); -webkit-animation: luminaire 4.5s 2.5s infinite; -moz-animation: luminaire 4.5s 2.5s infinite; -o-animation: luminaire 4.5s 2.5s infinite; animation: luminaire 4.5s 2.5s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(6) { top: 2500; -webkit-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); -moz-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.2); } } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(7) { right: 0; top: 4500px; -webkit-box-shadow: 0 0 150px 300px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 300px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 300px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -webkit-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); -webkit-animation: luminaire 4.5s 4s infinite; -moz-animation: luminaire 4.5s 4s infinite; -o-animation: luminaire 4.5s 4s infinite; animation: luminaire 4.5s 4s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(7) { top: 3000; -webkit-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); } } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(8) { left: 0; top: 5250px; -webkit-box-shadow: 0 0 150px 275px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 275px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 275px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); -webkit-animation: luminaire 4s 2.5s infinite; -moz-animation: luminaire 4s 2.5s infinite; -o-animation: luminaire 4s 2.5s infinite; animation: luminaire 4s 2.5s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(8) { top: 3500; -webkit-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); } } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(9) { right: 0; top: 6000px; -webkit-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -webkit-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); -webkit-animation: luminaire 4.5s 4s infinite; -moz-animation: luminaire 4.5s 4s infinite; -o-animation: luminaire 4.5s 4s infinite; animation: luminaire 4.5s 4s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(9) { top: 4000; -webkit-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); } } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(10) { left: 0; top: 6750px; -webkit-box-shadow: 0 0 150px 300px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 300px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 300px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); -webkit-animation: luminaire 5.5s 4s infinite; -moz-animation: luminaire 5.5s 4s infinite; -o-animation: luminaire 5.5s 4s infinite; animation: luminaire 5.5s 4s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(10) { top: 4500; -webkit-box-shadow: 0 0 150px 150px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 150px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 150px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); } } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(11) { right: 0; top: 7500px; -webkit-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 250px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -webkit-transform: translateX(25%); -ms-transform: translateX(25%); transform: translateX(25%); -webkit-animation: luminaire 5s 4s infinite; -moz-animation: luminaire 5s 4s infinite; -o-animation: luminaire 5s 4s infinite; animation: luminaire 5s 4s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(11) { top: 5000; -webkit-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); } } .site-luminaires .site-luminaires__list .luminaires__item:nth-child(12) { left: 0; top: 8250px; -webkit-box-shadow: 0 0 150px 275px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 275px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 275px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); -webkit-animation: luminaire 4s 4s infinite; -moz-animation: luminaire 4s 4s infinite; -o-animation: luminaire 4s 4s infinite; animation: luminaire 4s 4s infinite; } @media (max-width: 991.98px) { .site-luminaires .site-luminaires__list .luminaires__item:nth-child(12) { top: 5500; -webkit-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); -moz-box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); box-shadow: 0 0 150px 175px rgba(var(--colors-background-natural-900-rgb, 243,222,195), 0.1); } } /* ======= CONTAINER ======== */ .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1440px) { .container { max-width: 1340px; } } @media (min-width: 1600px) { .container { max-width: 1520px; } } @media (min-width: 1900px) { .container { max-width: 1820px; } } @media (max-width: 991.98px) { .container { padding-right: 1rem; padding-left: 1rem; } } .container--fluid { max-width: 100%; } /* ======= FLEXBOX ======== */ .row { -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; margin-top: calc(var(--flexbox-gutter-y, 0) * -1); margin-right: calc(var(--flexbox-gutter-x, 2rem) / -2); margin-left: calc(var(--flexbox-gutter-x, 2rem) / -2); /* ELEMENTS */ /* Generate all classes per breakpoint */ /* MODIFIERS */ } .row .row__col { max-width: 100%; flex-basis: 0; flex-grow: 1; box-sizing: border-box; margin-top: calc(var(--flexbox-gutter-y, 0)); padding-right: calc(var(--flexbox-gutter-x, 2rem) / 2); padding-left: calc(var(--flexbox-gutter-x, 2rem) / 2); } .row .row__col.row__col--cols-1 { max-width: 8.33%; flex-basis: 8.33%; flex-grow: 0; } .row .row__col.row__col--cols-1.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-1 { margin-right: 8.33%; } .row .row__col.row__col--offset-e-cols-1 { margin-left: 8.33%; } .row .row__col.row__col--cols-2 { max-width: 16.66%; flex-basis: 16.66%; flex-grow: 0; } .row .row__col.row__col--cols-2.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-2 { margin-right: 16.66%; } .row .row__col.row__col--offset-e-cols-2 { margin-left: 16.66%; } .row .row__col.row__col--cols-3 { max-width: 25%; flex-basis: 25%; flex-grow: 0; } .row .row__col.row__col--cols-3.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-3 { margin-right: 25%; } .row .row__col.row__col--offset-e-cols-3 { margin-left: 25%; } .row .row__col.row__col--cols-4 { max-width: 33.33%; flex-basis: 33.33%; flex-grow: 0; } .row .row__col.row__col--cols-4.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-4 { margin-right: 33.33%; } .row .row__col.row__col--offset-e-cols-4 { margin-left: 33.33%; } .row .row__col.row__col--cols-5 { max-width: 41.66%; flex-basis: 41.66%; flex-grow: 0; } .row .row__col.row__col--cols-5.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-5 { margin-right: 41.66%; } .row .row__col.row__col--offset-e-cols-5 { margin-left: 41.66%; } .row .row__col.row__col--cols-6 { max-width: 50%; flex-basis: 50%; flex-grow: 0; } .row .row__col.row__col--cols-6.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-6 { margin-right: 50%; } .row .row__col.row__col--offset-e-cols-6 { margin-left: 50%; } .row .row__col.row__col--cols-7 { max-width: 58.33%; flex-basis: 58.33%; flex-grow: 0; } .row .row__col.row__col--cols-7.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-7 { margin-right: 58.33%; } .row .row__col.row__col--offset-e-cols-7 { margin-left: 58.33%; } .row .row__col.row__col--cols-8 { max-width: 66.66%; flex-basis: 66.66%; flex-grow: 0; } .row .row__col.row__col--cols-8.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-8 { margin-right: 66.66%; } .row .row__col.row__col--offset-e-cols-8 { margin-left: 66.66%; } .row .row__col.row__col--cols-9 { max-width: 75%; flex-basis: 75%; flex-grow: 0; } .row .row__col.row__col--cols-9.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-9 { margin-right: 75%; } .row .row__col.row__col--offset-e-cols-9 { margin-left: 75%; } .row .row__col.row__col--cols-10 { max-width: 83.33%; flex-basis: 83.33%; flex-grow: 0; } .row .row__col.row__col--cols-10.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-10 { margin-right: 83.33%; } .row .row__col.row__col--offset-e-cols-10 { margin-left: 83.33%; } .row .row__col.row__col--cols-11 { max-width: 91.66%; flex-basis: 91.66%; flex-grow: 0; } .row .row__col.row__col--cols-11.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-11 { margin-right: 91.66%; } .row .row__col.row__col--offset-e-cols-11 { margin-left: 91.66%; } .row .row__col.row__col--cols-12 { max-width: 100%; flex-basis: 100%; flex-grow: 0; } .row .row__col.row__col--cols-12.row__col--flex-initial { flex: 0 1 auto; } .row .row__col.row__col--content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--offset-s-cols-12 { margin-right: 100%; } .row .row__col.row__col--offset-e-cols-12 { margin-left: 100%; } @media (min-width: 576px) { .row .row__col.row__col--media-sm-cols-1 { max-width: 8.33%; flex-basis: 8.33%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-1.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-1 { margin-right: 8.33%; } .row .row__col.row__col--media-sm-offset-e-cols-1 { margin-left: 8.33%; } .row .row__col.row__col--media-sm-cols-2 { max-width: 16.66%; flex-basis: 16.66%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-2.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-2 { margin-right: 16.66%; } .row .row__col.row__col--media-sm-offset-e-cols-2 { margin-left: 16.66%; } .row .row__col.row__col--media-sm-cols-3 { max-width: 25%; flex-basis: 25%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-3.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-3 { margin-right: 25%; } .row .row__col.row__col--media-sm-offset-e-cols-3 { margin-left: 25%; } .row .row__col.row__col--media-sm-cols-4 { max-width: 33.33%; flex-basis: 33.33%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-4.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-4 { margin-right: 33.33%; } .row .row__col.row__col--media-sm-offset-e-cols-4 { margin-left: 33.33%; } .row .row__col.row__col--media-sm-cols-5 { max-width: 41.66%; flex-basis: 41.66%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-5.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-5 { margin-right: 41.66%; } .row .row__col.row__col--media-sm-offset-e-cols-5 { margin-left: 41.66%; } .row .row__col.row__col--media-sm-cols-6 { max-width: 50%; flex-basis: 50%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-6.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-6 { margin-right: 50%; } .row .row__col.row__col--media-sm-offset-e-cols-6 { margin-left: 50%; } .row .row__col.row__col--media-sm-cols-7 { max-width: 58.33%; flex-basis: 58.33%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-7.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-7 { margin-right: 58.33%; } .row .row__col.row__col--media-sm-offset-e-cols-7 { margin-left: 58.33%; } .row .row__col.row__col--media-sm-cols-8 { max-width: 66.66%; flex-basis: 66.66%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-8.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-8 { margin-right: 66.66%; } .row .row__col.row__col--media-sm-offset-e-cols-8 { margin-left: 66.66%; } .row .row__col.row__col--media-sm-cols-9 { max-width: 75%; flex-basis: 75%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-9.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-9 { margin-right: 75%; } .row .row__col.row__col--media-sm-offset-e-cols-9 { margin-left: 75%; } .row .row__col.row__col--media-sm-cols-10 { max-width: 83.33%; flex-basis: 83.33%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-10.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-10 { margin-right: 83.33%; } .row .row__col.row__col--media-sm-offset-e-cols-10 { margin-left: 83.33%; } .row .row__col.row__col--media-sm-cols-11 { max-width: 91.66%; flex-basis: 91.66%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-11.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-11 { margin-right: 91.66%; } .row .row__col.row__col--media-sm-offset-e-cols-11 { margin-left: 91.66%; } .row .row__col.row__col--media-sm-cols-12 { max-width: 100%; flex-basis: 100%; flex-grow: 0; } .row .row__col.row__col--media-sm-cols-12.row__col--media-sm-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-sm-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-sm-offset-s-cols-12 { margin-right: 100%; } .row .row__col.row__col--media-sm-offset-e-cols-12 { margin-left: 100%; } } @media (min-width: 768px) { .row .row__col.row__col--media-md-cols-1 { max-width: 8.33%; flex-basis: 8.33%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-1.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-1 { margin-right: 8.33%; } .row .row__col.row__col--media-md-offset-e-cols-1 { margin-left: 8.33%; } .row .row__col.row__col--media-md-cols-2 { max-width: 16.66%; flex-basis: 16.66%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-2.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-2 { margin-right: 16.66%; } .row .row__col.row__col--media-md-offset-e-cols-2 { margin-left: 16.66%; } .row .row__col.row__col--media-md-cols-3 { max-width: 25%; flex-basis: 25%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-3.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-3 { margin-right: 25%; } .row .row__col.row__col--media-md-offset-e-cols-3 { margin-left: 25%; } .row .row__col.row__col--media-md-cols-4 { max-width: 33.33%; flex-basis: 33.33%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-4.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-4 { margin-right: 33.33%; } .row .row__col.row__col--media-md-offset-e-cols-4 { margin-left: 33.33%; } .row .row__col.row__col--media-md-cols-5 { max-width: 41.66%; flex-basis: 41.66%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-5.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-5 { margin-right: 41.66%; } .row .row__col.row__col--media-md-offset-e-cols-5 { margin-left: 41.66%; } .row .row__col.row__col--media-md-cols-6 { max-width: 50%; flex-basis: 50%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-6.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-6 { margin-right: 50%; } .row .row__col.row__col--media-md-offset-e-cols-6 { margin-left: 50%; } .row .row__col.row__col--media-md-cols-7 { max-width: 58.33%; flex-basis: 58.33%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-7.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-7 { margin-right: 58.33%; } .row .row__col.row__col--media-md-offset-e-cols-7 { margin-left: 58.33%; } .row .row__col.row__col--media-md-cols-8 { max-width: 66.66%; flex-basis: 66.66%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-8.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-8 { margin-right: 66.66%; } .row .row__col.row__col--media-md-offset-e-cols-8 { margin-left: 66.66%; } .row .row__col.row__col--media-md-cols-9 { max-width: 75%; flex-basis: 75%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-9.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-9 { margin-right: 75%; } .row .row__col.row__col--media-md-offset-e-cols-9 { margin-left: 75%; } .row .row__col.row__col--media-md-cols-10 { max-width: 83.33%; flex-basis: 83.33%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-10.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-10 { margin-right: 83.33%; } .row .row__col.row__col--media-md-offset-e-cols-10 { margin-left: 83.33%; } .row .row__col.row__col--media-md-cols-11 { max-width: 91.66%; flex-basis: 91.66%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-11.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-11 { margin-right: 91.66%; } .row .row__col.row__col--media-md-offset-e-cols-11 { margin-left: 91.66%; } .row .row__col.row__col--media-md-cols-12 { max-width: 100%; flex-basis: 100%; flex-grow: 0; } .row .row__col.row__col--media-md-cols-12.row__col--media-md-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-md-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-md-offset-s-cols-12 { margin-right: 100%; } .row .row__col.row__col--media-md-offset-e-cols-12 { margin-left: 100%; } } @media (min-width: 992px) { .row .row__col.row__col--media-lg-cols-1 { max-width: 8.33%; flex-basis: 8.33%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-1.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-1 { margin-right: 8.33%; } .row .row__col.row__col--media-lg-offset-e-cols-1 { margin-left: 8.33%; } .row .row__col.row__col--media-lg-cols-2 { max-width: 16.66%; flex-basis: 16.66%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-2.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-2 { margin-right: 16.66%; } .row .row__col.row__col--media-lg-offset-e-cols-2 { margin-left: 16.66%; } .row .row__col.row__col--media-lg-cols-3 { max-width: 25%; flex-basis: 25%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-3.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-3 { margin-right: 25%; } .row .row__col.row__col--media-lg-offset-e-cols-3 { margin-left: 25%; } .row .row__col.row__col--media-lg-cols-4 { max-width: 33.33%; flex-basis: 33.33%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-4.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-4 { margin-right: 33.33%; } .row .row__col.row__col--media-lg-offset-e-cols-4 { margin-left: 33.33%; } .row .row__col.row__col--media-lg-cols-5 { max-width: 41.66%; flex-basis: 41.66%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-5.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-5 { margin-right: 41.66%; } .row .row__col.row__col--media-lg-offset-e-cols-5 { margin-left: 41.66%; } .row .row__col.row__col--media-lg-cols-6 { max-width: 50%; flex-basis: 50%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-6.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-6 { margin-right: 50%; } .row .row__col.row__col--media-lg-offset-e-cols-6 { margin-left: 50%; } .row .row__col.row__col--media-lg-cols-7 { max-width: 58.33%; flex-basis: 58.33%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-7.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-7 { margin-right: 58.33%; } .row .row__col.row__col--media-lg-offset-e-cols-7 { margin-left: 58.33%; } .row .row__col.row__col--media-lg-cols-8 { max-width: 66.66%; flex-basis: 66.66%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-8.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-8 { margin-right: 66.66%; } .row .row__col.row__col--media-lg-offset-e-cols-8 { margin-left: 66.66%; } .row .row__col.row__col--media-lg-cols-9 { max-width: 75%; flex-basis: 75%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-9.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-9 { margin-right: 75%; } .row .row__col.row__col--media-lg-offset-e-cols-9 { margin-left: 75%; } .row .row__col.row__col--media-lg-cols-10 { max-width: 83.33%; flex-basis: 83.33%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-10.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-10 { margin-right: 83.33%; } .row .row__col.row__col--media-lg-offset-e-cols-10 { margin-left: 83.33%; } .row .row__col.row__col--media-lg-cols-11 { max-width: 91.66%; flex-basis: 91.66%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-11.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-11 { margin-right: 91.66%; } .row .row__col.row__col--media-lg-offset-e-cols-11 { margin-left: 91.66%; } .row .row__col.row__col--media-lg-cols-12 { max-width: 100%; flex-basis: 100%; flex-grow: 0; } .row .row__col.row__col--media-lg-cols-12.row__col--media-lg-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-lg-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-lg-offset-s-cols-12 { margin-right: 100%; } .row .row__col.row__col--media-lg-offset-e-cols-12 { margin-left: 100%; } } @media (min-width: 1200px) { .row .row__col.row__col--media-xl-cols-1 { max-width: 8.33%; flex-basis: 8.33%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-1.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-1 { margin-right: 8.33%; } .row .row__col.row__col--media-xl-offset-e-cols-1 { margin-left: 8.33%; } .row .row__col.row__col--media-xl-cols-2 { max-width: 16.66%; flex-basis: 16.66%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-2.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-2 { margin-right: 16.66%; } .row .row__col.row__col--media-xl-offset-e-cols-2 { margin-left: 16.66%; } .row .row__col.row__col--media-xl-cols-3 { max-width: 25%; flex-basis: 25%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-3.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-3 { margin-right: 25%; } .row .row__col.row__col--media-xl-offset-e-cols-3 { margin-left: 25%; } .row .row__col.row__col--media-xl-cols-4 { max-width: 33.33%; flex-basis: 33.33%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-4.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-4 { margin-right: 33.33%; } .row .row__col.row__col--media-xl-offset-e-cols-4 { margin-left: 33.33%; } .row .row__col.row__col--media-xl-cols-5 { max-width: 41.66%; flex-basis: 41.66%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-5.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-5 { margin-right: 41.66%; } .row .row__col.row__col--media-xl-offset-e-cols-5 { margin-left: 41.66%; } .row .row__col.row__col--media-xl-cols-6 { max-width: 50%; flex-basis: 50%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-6.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-6 { margin-right: 50%; } .row .row__col.row__col--media-xl-offset-e-cols-6 { margin-left: 50%; } .row .row__col.row__col--media-xl-cols-7 { max-width: 58.33%; flex-basis: 58.33%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-7.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-7 { margin-right: 58.33%; } .row .row__col.row__col--media-xl-offset-e-cols-7 { margin-left: 58.33%; } .row .row__col.row__col--media-xl-cols-8 { max-width: 66.66%; flex-basis: 66.66%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-8.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-8 { margin-right: 66.66%; } .row .row__col.row__col--media-xl-offset-e-cols-8 { margin-left: 66.66%; } .row .row__col.row__col--media-xl-cols-9 { max-width: 75%; flex-basis: 75%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-9.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-9 { margin-right: 75%; } .row .row__col.row__col--media-xl-offset-e-cols-9 { margin-left: 75%; } .row .row__col.row__col--media-xl-cols-10 { max-width: 83.33%; flex-basis: 83.33%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-10.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-10 { margin-right: 83.33%; } .row .row__col.row__col--media-xl-offset-e-cols-10 { margin-left: 83.33%; } .row .row__col.row__col--media-xl-cols-11 { max-width: 91.66%; flex-basis: 91.66%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-11.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-11 { margin-right: 91.66%; } .row .row__col.row__col--media-xl-offset-e-cols-11 { margin-left: 91.66%; } .row .row__col.row__col--media-xl-cols-12 { max-width: 100%; flex-basis: 100%; flex-grow: 0; } .row .row__col.row__col--media-xl-cols-12.row__col--media-xl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xl-offset-s-cols-12 { margin-right: 100%; } .row .row__col.row__col--media-xl-offset-e-cols-12 { margin-left: 100%; } } @media (min-width: 1440px) { .row .row__col.row__col--media-xxl-cols-1 { max-width: 8.33%; flex-basis: 8.33%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-1.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-1 { margin-right: 8.33%; } .row .row__col.row__col--media-xxl-offset-e-cols-1 { margin-left: 8.33%; } .row .row__col.row__col--media-xxl-cols-2 { max-width: 16.66%; flex-basis: 16.66%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-2.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-2 { margin-right: 16.66%; } .row .row__col.row__col--media-xxl-offset-e-cols-2 { margin-left: 16.66%; } .row .row__col.row__col--media-xxl-cols-3 { max-width: 25%; flex-basis: 25%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-3.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-3 { margin-right: 25%; } .row .row__col.row__col--media-xxl-offset-e-cols-3 { margin-left: 25%; } .row .row__col.row__col--media-xxl-cols-4 { max-width: 33.33%; flex-basis: 33.33%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-4.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-4 { margin-right: 33.33%; } .row .row__col.row__col--media-xxl-offset-e-cols-4 { margin-left: 33.33%; } .row .row__col.row__col--media-xxl-cols-5 { max-width: 41.66%; flex-basis: 41.66%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-5.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-5 { margin-right: 41.66%; } .row .row__col.row__col--media-xxl-offset-e-cols-5 { margin-left: 41.66%; } .row .row__col.row__col--media-xxl-cols-6 { max-width: 50%; flex-basis: 50%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-6.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-6 { margin-right: 50%; } .row .row__col.row__col--media-xxl-offset-e-cols-6 { margin-left: 50%; } .row .row__col.row__col--media-xxl-cols-7 { max-width: 58.33%; flex-basis: 58.33%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-7.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-7 { margin-right: 58.33%; } .row .row__col.row__col--media-xxl-offset-e-cols-7 { margin-left: 58.33%; } .row .row__col.row__col--media-xxl-cols-8 { max-width: 66.66%; flex-basis: 66.66%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-8.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-8 { margin-right: 66.66%; } .row .row__col.row__col--media-xxl-offset-e-cols-8 { margin-left: 66.66%; } .row .row__col.row__col--media-xxl-cols-9 { max-width: 75%; flex-basis: 75%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-9.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-9 { margin-right: 75%; } .row .row__col.row__col--media-xxl-offset-e-cols-9 { margin-left: 75%; } .row .row__col.row__col--media-xxl-cols-10 { max-width: 83.33%; flex-basis: 83.33%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-10.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-10 { margin-right: 83.33%; } .row .row__col.row__col--media-xxl-offset-e-cols-10 { margin-left: 83.33%; } .row .row__col.row__col--media-xxl-cols-11 { max-width: 91.66%; flex-basis: 91.66%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-11.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-11 { margin-right: 91.66%; } .row .row__col.row__col--media-xxl-offset-e-cols-11 { margin-left: 91.66%; } .row .row__col.row__col--media-xxl-cols-12 { max-width: 100%; flex-basis: 100%; flex-grow: 0; } .row .row__col.row__col--media-xxl-cols-12.row__col--media-xxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxl-offset-s-cols-12 { margin-right: 100%; } .row .row__col.row__col--media-xxl-offset-e-cols-12 { margin-left: 100%; } } @media (min-width: 1600px) { .row .row__col.row__col--media-xxxl-cols-1 { max-width: 8.33%; flex-basis: 8.33%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-1.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-1 { margin-right: 8.33%; } .row .row__col.row__col--media-xxxl-offset-e-cols-1 { margin-left: 8.33%; } .row .row__col.row__col--media-xxxl-cols-2 { max-width: 16.66%; flex-basis: 16.66%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-2.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-2 { margin-right: 16.66%; } .row .row__col.row__col--media-xxxl-offset-e-cols-2 { margin-left: 16.66%; } .row .row__col.row__col--media-xxxl-cols-3 { max-width: 25%; flex-basis: 25%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-3.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-3 { margin-right: 25%; } .row .row__col.row__col--media-xxxl-offset-e-cols-3 { margin-left: 25%; } .row .row__col.row__col--media-xxxl-cols-4 { max-width: 33.33%; flex-basis: 33.33%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-4.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-4 { margin-right: 33.33%; } .row .row__col.row__col--media-xxxl-offset-e-cols-4 { margin-left: 33.33%; } .row .row__col.row__col--media-xxxl-cols-5 { max-width: 41.66%; flex-basis: 41.66%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-5.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-5 { margin-right: 41.66%; } .row .row__col.row__col--media-xxxl-offset-e-cols-5 { margin-left: 41.66%; } .row .row__col.row__col--media-xxxl-cols-6 { max-width: 50%; flex-basis: 50%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-6.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-6 { margin-right: 50%; } .row .row__col.row__col--media-xxxl-offset-e-cols-6 { margin-left: 50%; } .row .row__col.row__col--media-xxxl-cols-7 { max-width: 58.33%; flex-basis: 58.33%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-7.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-7 { margin-right: 58.33%; } .row .row__col.row__col--media-xxxl-offset-e-cols-7 { margin-left: 58.33%; } .row .row__col.row__col--media-xxxl-cols-8 { max-width: 66.66%; flex-basis: 66.66%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-8.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-8 { margin-right: 66.66%; } .row .row__col.row__col--media-xxxl-offset-e-cols-8 { margin-left: 66.66%; } .row .row__col.row__col--media-xxxl-cols-9 { max-width: 75%; flex-basis: 75%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-9.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-9 { margin-right: 75%; } .row .row__col.row__col--media-xxxl-offset-e-cols-9 { margin-left: 75%; } .row .row__col.row__col--media-xxxl-cols-10 { max-width: 83.33%; flex-basis: 83.33%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-10.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-10 { margin-right: 83.33%; } .row .row__col.row__col--media-xxxl-offset-e-cols-10 { margin-left: 83.33%; } .row .row__col.row__col--media-xxxl-cols-11 { max-width: 91.66%; flex-basis: 91.66%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-11.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-11 { margin-right: 91.66%; } .row .row__col.row__col--media-xxxl-offset-e-cols-11 { margin-left: 91.66%; } .row .row__col.row__col--media-xxxl-cols-12 { max-width: 100%; flex-basis: 100%; flex-grow: 0; } .row .row__col.row__col--media-xxxl-cols-12.row__col--media-xxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxl-offset-s-cols-12 { margin-right: 100%; } .row .row__col.row__col--media-xxxl-offset-e-cols-12 { margin-left: 100%; } } @media (min-width: 1900px) { .row .row__col.row__col--media-xxxxl-cols-1 { max-width: 8.33%; flex-basis: 8.33%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-1.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-1 { margin-right: 8.33%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-1 { margin-left: 8.33%; } .row .row__col.row__col--media-xxxxl-cols-2 { max-width: 16.66%; flex-basis: 16.66%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-2.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-2 { margin-right: 16.66%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-2 { margin-left: 16.66%; } .row .row__col.row__col--media-xxxxl-cols-3 { max-width: 25%; flex-basis: 25%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-3.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-3 { margin-right: 25%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-3 { margin-left: 25%; } .row .row__col.row__col--media-xxxxl-cols-4 { max-width: 33.33%; flex-basis: 33.33%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-4.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-4 { margin-right: 33.33%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-4 { margin-left: 33.33%; } .row .row__col.row__col--media-xxxxl-cols-5 { max-width: 41.66%; flex-basis: 41.66%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-5.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-5 { margin-right: 41.66%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-5 { margin-left: 41.66%; } .row .row__col.row__col--media-xxxxl-cols-6 { max-width: 50%; flex-basis: 50%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-6.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-6 { margin-right: 50%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-6 { margin-left: 50%; } .row .row__col.row__col--media-xxxxl-cols-7 { max-width: 58.33%; flex-basis: 58.33%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-7.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-7 { margin-right: 58.33%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-7 { margin-left: 58.33%; } .row .row__col.row__col--media-xxxxl-cols-8 { max-width: 66.66%; flex-basis: 66.66%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-8.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-8 { margin-right: 66.66%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-8 { margin-left: 66.66%; } .row .row__col.row__col--media-xxxxl-cols-9 { max-width: 75%; flex-basis: 75%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-9.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-9 { margin-right: 75%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-9 { margin-left: 75%; } .row .row__col.row__col--media-xxxxl-cols-10 { max-width: 83.33%; flex-basis: 83.33%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-10.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-10 { margin-right: 83.33%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-10 { margin-left: 83.33%; } .row .row__col.row__col--media-xxxxl-cols-11 { max-width: 91.66%; flex-basis: 91.66%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-11.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-11 { margin-right: 91.66%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-11 { margin-left: 91.66%; } .row .row__col.row__col--media-xxxxl-cols-12 { max-width: 100%; flex-basis: 100%; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-cols-12.row__col--media-xxxxl-flex-initial { flex: 0 1 auto; } .row .row__col.row__col--media-xxxxl-content-size { max-width: initial; flex-basis: initial; flex-grow: 0; } .row .row__col.row__col--media-xxxxl-offset-s-cols-12 { margin-right: 100%; } .row .row__col.row__col--media-xxxxl-offset-e-cols-12 { margin-left: 100%; } } .row.row--gutter-reset { --flexbox-gutter-x: 0; --flexbox-gutter-y: 0; } .row.row--gutter-x-reset { --flexbox-gutter-x: 0; } .row.row--gutter-y-reset { --flexbox-gutter-y: 0; } .row.row--gutter-auto { --flexbox-gutter-x: auto; --flexbox-gutter-y: auto; } .row.row--gutter-x-auto { --flexbox-gutter-x: auto; } .row.row--gutter-y-auto { --flexbox-gutter-y: auto; } .row.row--gutter-inherit { --flexbox-gutter-x: inherit; --flexbox-gutter-y: inherit; } .row.row--gutter-x-inherit { --flexbox-gutter-x: inherit; } .row.row--gutter-y-inherit { --flexbox-gutter-y: inherit; } .row.row--gutter-xxxs { --flexbox-gutter-x: 0.125rem; --flexbox-gutter-y: 0.125rem; } .row.row--gutter-x-xxxs { --flexbox-gutter-x: 0.125rem; } .row.row--gutter-y-xxxs { --flexbox-gutter-y: 0.125rem; } .row.row--gutter-xxs { --flexbox-gutter-x: 0.25rem; --flexbox-gutter-y: 0.25rem; } .row.row--gutter-x-xxs { --flexbox-gutter-x: 0.25rem; } .row.row--gutter-y-xxs { --flexbox-gutter-y: 0.25rem; } .row.row--gutter-xs { --flexbox-gutter-x: 0.5rem; --flexbox-gutter-y: 0.5rem; } .row.row--gutter-x-xs { --flexbox-gutter-x: 0.5rem; } .row.row--gutter-y-xs { --flexbox-gutter-y: 0.5rem; } .row.row--gutter-sm { --flexbox-gutter-x: 0.75rem; --flexbox-gutter-y: 0.75rem; } .row.row--gutter-x-sm { --flexbox-gutter-x: 0.75rem; } .row.row--gutter-y-sm { --flexbox-gutter-y: 0.75rem; } .row.row--gutter-md { --flexbox-gutter-x: 1rem; --flexbox-gutter-y: 1rem; } .row.row--gutter-x-md { --flexbox-gutter-x: 1rem; } .row.row--gutter-y-md { --flexbox-gutter-y: 1rem; } .row.row--gutter-lg { --flexbox-gutter-x: 1.5rem; --flexbox-gutter-y: 1.5rem; } .row.row--gutter-x-lg { --flexbox-gutter-x: 1.5rem; } .row.row--gutter-y-lg { --flexbox-gutter-y: 1.5rem; } .row.row--gutter-xl { --flexbox-gutter-x: 2.5rem; --flexbox-gutter-y: 2.5rem; } .row.row--gutter-x-xl { --flexbox-gutter-x: 2.5rem; } .row.row--gutter-y-xl { --flexbox-gutter-y: 2.5rem; } .row.row--gutter-xxl { --flexbox-gutter-x: 5rem; --flexbox-gutter-y: 5rem; } .row.row--gutter-x-xxl { --flexbox-gutter-x: 5rem; } .row.row--gutter-y-xxl { --flexbox-gutter-y: 5rem; } .row.row--gutter-xxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--gutter-x-xxxl { --flexbox-gutter-x: 8rem; } .row.row--gutter-y-xxxl { --flexbox-gutter-y: 8rem; } .row.row--gutter-xxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--gutter-x-xxxxl { --flexbox-gutter-x: 12rem; } .row.row--gutter-y-xxxxl { --flexbox-gutter-y: 12rem; } .row.row--gutter-xxxxxl { --flexbox-gutter-x: 15rem; --flexbox-gutter-y: 15rem; } .row.row--gutter-x-xxxxxl { --flexbox-gutter-x: 15rem; } .row.row--gutter-y-xxxxxl { --flexbox-gutter-y: 15rem; } .row.row--gutter-xxxxxxl { --flexbox-gutter-x: 18rem; --flexbox-gutter-y: 18rem; } .row.row--gutter-x-xxxxxxl { --flexbox-gutter-x: 18rem; } .row.row--gutter-y-xxxxxxl { --flexbox-gutter-y: 18rem; } .row.row--cols-1 > * { flex: 0 0 auto; width: 100%; } .row.row--cols-2 > * { flex: 0 0 auto; width: 50%; } .row.row--cols-3 > * { flex: 0 0 auto; width: 33.33333%; } .row.row--cols-4 > * { flex: 0 0 auto; width: 25%; } .row.row--cols-5 > * { flex: 0 0 auto; width: 20%; } .row.row--cols-6 > * { flex: 0 0 auto; width: 16.66667%; } @media (min-width: 576px) { .row.row--media-sm-gutter-reset { --flexbox-gutter-x: 0; --flexbox-gutter-y: 0; } .row.row--media-sm-gutter-x-reset { --flexbox-gutter-x: 0; } .row.row--media-sm-gutter-y-reset { --flexbox-gutter-y: 0; } .row.row--media-sm-gutter-auto { --flexbox-gutter-x: auto; --flexbox-gutter-y: auto; } .row.row--media-sm-gutter-x-auto { --flexbox-gutter-x: auto; } .row.row--media-sm-gutter-y-auto { --flexbox-gutter-y: auto; } .row.row--media-sm-gutter-inherit { --flexbox-gutter-x: inherit; --flexbox-gutter-y: inherit; } .row.row--media-sm-gutter-x-inherit { --flexbox-gutter-x: inherit; } .row.row--media-sm-gutter-y-inherit { --flexbox-gutter-y: inherit; } .row.row--media-sm-gutter-xxxs { --flexbox-gutter-x: 0.125rem; --flexbox-gutter-y: 0.125rem; } .row.row--media-sm-gutter-x-xxxs { --flexbox-gutter-x: 0.125rem; } .row.row--media-sm-gutter-y-xxxs { --flexbox-gutter-y: 0.125rem; } .row.row--media-sm-gutter-xxs { --flexbox-gutter-x: 0.25rem; --flexbox-gutter-y: 0.25rem; } .row.row--media-sm-gutter-x-xxs { --flexbox-gutter-x: 0.25rem; } .row.row--media-sm-gutter-y-xxs { --flexbox-gutter-y: 0.25rem; } .row.row--media-sm-gutter-xs { --flexbox-gutter-x: 0.5rem; --flexbox-gutter-y: 0.5rem; } .row.row--media-sm-gutter-x-xs { --flexbox-gutter-x: 0.5rem; } .row.row--media-sm-gutter-y-xs { --flexbox-gutter-y: 0.5rem; } .row.row--media-sm-gutter-sm { --flexbox-gutter-x: 0.75rem; --flexbox-gutter-y: 0.75rem; } .row.row--media-sm-gutter-x-sm { --flexbox-gutter-x: 0.75rem; } .row.row--media-sm-gutter-y-sm { --flexbox-gutter-y: 0.75rem; } .row.row--media-sm-gutter-md { --flexbox-gutter-x: 1rem; --flexbox-gutter-y: 1rem; } .row.row--media-sm-gutter-x-md { --flexbox-gutter-x: 1rem; } .row.row--media-sm-gutter-y-md { --flexbox-gutter-y: 1rem; } .row.row--media-sm-gutter-lg { --flexbox-gutter-x: 1.5rem; --flexbox-gutter-y: 1.5rem; } .row.row--media-sm-gutter-x-lg { --flexbox-gutter-x: 1.5rem; } .row.row--media-sm-gutter-y-lg { --flexbox-gutter-y: 1.5rem; } .row.row--media-sm-gutter-xl { --flexbox-gutter-x: 2.5rem; --flexbox-gutter-y: 2.5rem; } .row.row--media-sm-gutter-x-xl { --flexbox-gutter-x: 2.5rem; } .row.row--media-sm-gutter-y-xl { --flexbox-gutter-y: 2.5rem; } .row.row--media-sm-gutter-xxl { --flexbox-gutter-x: 5rem; --flexbox-gutter-y: 5rem; } .row.row--media-sm-gutter-x-xxl { --flexbox-gutter-x: 5rem; } .row.row--media-sm-gutter-y-xxl { --flexbox-gutter-y: 5rem; } .row.row--media-sm-gutter-xxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-sm-gutter-x-xxxl { --flexbox-gutter-x: 8rem; } .row.row--media-sm-gutter-y-xxxl { --flexbox-gutter-y: 8rem; } .row.row--media-sm-gutter-xxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-sm-gutter-x-xxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-sm-gutter-y-xxxxl { --flexbox-gutter-y: 12rem; } .row.row--media-sm-gutter-xxxxxl { --flexbox-gutter-x: 15rem; --flexbox-gutter-y: 15rem; } .row.row--media-sm-gutter-x-xxxxxl { --flexbox-gutter-x: 15rem; } .row.row--media-sm-gutter-y-xxxxxl { --flexbox-gutter-y: 15rem; } .row.row--media-sm-gutter-xxxxxxl { --flexbox-gutter-x: 18rem; --flexbox-gutter-y: 18rem; } .row.row--media-sm-gutter-x-xxxxxxl { --flexbox-gutter-x: 18rem; } .row.row--media-sm-gutter-y-xxxxxxl { --flexbox-gutter-y: 18rem; } .row.row--media-sm-cols-1 > * { flex: 0 0 auto; width: 100%; } .row.row--media-sm-cols-2 > * { flex: 0 0 auto; width: 50%; } .row.row--media-sm-cols-3 > * { flex: 0 0 auto; width: 33.33333%; } .row.row--media-sm-cols-4 > * { flex: 0 0 auto; width: 25%; } .row.row--media-sm-cols-5 > * { flex: 0 0 auto; width: 20%; } .row.row--media-sm-cols-6 > * { flex: 0 0 auto; width: 16.66667%; } } @media (min-width: 768px) { .row.row--media-md-gutter-reset { --flexbox-gutter-x: 0; --flexbox-gutter-y: 0; } .row.row--media-md-gutter-x-reset { --flexbox-gutter-x: 0; } .row.row--media-md-gutter-y-reset { --flexbox-gutter-y: 0; } .row.row--media-md-gutter-auto { --flexbox-gutter-x: auto; --flexbox-gutter-y: auto; } .row.row--media-md-gutter-x-auto { --flexbox-gutter-x: auto; } .row.row--media-md-gutter-y-auto { --flexbox-gutter-y: auto; } .row.row--media-md-gutter-inherit { --flexbox-gutter-x: inherit; --flexbox-gutter-y: inherit; } .row.row--media-md-gutter-x-inherit { --flexbox-gutter-x: inherit; } .row.row--media-md-gutter-y-inherit { --flexbox-gutter-y: inherit; } .row.row--media-md-gutter-xxxs { --flexbox-gutter-x: 0.125rem; --flexbox-gutter-y: 0.125rem; } .row.row--media-md-gutter-x-xxxs { --flexbox-gutter-x: 0.125rem; } .row.row--media-md-gutter-y-xxxs { --flexbox-gutter-y: 0.125rem; } .row.row--media-md-gutter-xxs { --flexbox-gutter-x: 0.25rem; --flexbox-gutter-y: 0.25rem; } .row.row--media-md-gutter-x-xxs { --flexbox-gutter-x: 0.25rem; } .row.row--media-md-gutter-y-xxs { --flexbox-gutter-y: 0.25rem; } .row.row--media-md-gutter-xs { --flexbox-gutter-x: 0.5rem; --flexbox-gutter-y: 0.5rem; } .row.row--media-md-gutter-x-xs { --flexbox-gutter-x: 0.5rem; } .row.row--media-md-gutter-y-xs { --flexbox-gutter-y: 0.5rem; } .row.row--media-md-gutter-sm { --flexbox-gutter-x: 0.75rem; --flexbox-gutter-y: 0.75rem; } .row.row--media-md-gutter-x-sm { --flexbox-gutter-x: 0.75rem; } .row.row--media-md-gutter-y-sm { --flexbox-gutter-y: 0.75rem; } .row.row--media-md-gutter-md { --flexbox-gutter-x: 1rem; --flexbox-gutter-y: 1rem; } .row.row--media-md-gutter-x-md { --flexbox-gutter-x: 1rem; } .row.row--media-md-gutter-y-md { --flexbox-gutter-y: 1rem; } .row.row--media-md-gutter-lg { --flexbox-gutter-x: 1.5rem; --flexbox-gutter-y: 1.5rem; } .row.row--media-md-gutter-x-lg { --flexbox-gutter-x: 1.5rem; } .row.row--media-md-gutter-y-lg { --flexbox-gutter-y: 1.5rem; } .row.row--media-md-gutter-xl { --flexbox-gutter-x: 2.5rem; --flexbox-gutter-y: 2.5rem; } .row.row--media-md-gutter-x-xl { --flexbox-gutter-x: 2.5rem; } .row.row--media-md-gutter-y-xl { --flexbox-gutter-y: 2.5rem; } .row.row--media-md-gutter-xxl { --flexbox-gutter-x: 5rem; --flexbox-gutter-y: 5rem; } .row.row--media-md-gutter-x-xxl { --flexbox-gutter-x: 5rem; } .row.row--media-md-gutter-y-xxl { --flexbox-gutter-y: 5rem; } .row.row--media-md-gutter-xxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-md-gutter-x-xxxl { --flexbox-gutter-x: 8rem; } .row.row--media-md-gutter-y-xxxl { --flexbox-gutter-y: 8rem; } .row.row--media-md-gutter-xxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-md-gutter-x-xxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-md-gutter-y-xxxxl { --flexbox-gutter-y: 12rem; } .row.row--media-md-gutter-xxxxxl { --flexbox-gutter-x: 15rem; --flexbox-gutter-y: 15rem; } .row.row--media-md-gutter-x-xxxxxl { --flexbox-gutter-x: 15rem; } .row.row--media-md-gutter-y-xxxxxl { --flexbox-gutter-y: 15rem; } .row.row--media-md-gutter-xxxxxxl { --flexbox-gutter-x: 18rem; --flexbox-gutter-y: 18rem; } .row.row--media-md-gutter-x-xxxxxxl { --flexbox-gutter-x: 18rem; } .row.row--media-md-gutter-y-xxxxxxl { --flexbox-gutter-y: 18rem; } .row.row--media-md-cols-1 > * { flex: 0 0 auto; width: 100%; } .row.row--media-md-cols-2 > * { flex: 0 0 auto; width: 50%; } .row.row--media-md-cols-3 > * { flex: 0 0 auto; width: 33.33333%; } .row.row--media-md-cols-4 > * { flex: 0 0 auto; width: 25%; } .row.row--media-md-cols-5 > * { flex: 0 0 auto; width: 20%; } .row.row--media-md-cols-6 > * { flex: 0 0 auto; width: 16.66667%; } } @media (min-width: 992px) { .row.row--media-lg-gutter-reset { --flexbox-gutter-x: 0; --flexbox-gutter-y: 0; } .row.row--media-lg-gutter-x-reset { --flexbox-gutter-x: 0; } .row.row--media-lg-gutter-y-reset { --flexbox-gutter-y: 0; } .row.row--media-lg-gutter-auto { --flexbox-gutter-x: auto; --flexbox-gutter-y: auto; } .row.row--media-lg-gutter-x-auto { --flexbox-gutter-x: auto; } .row.row--media-lg-gutter-y-auto { --flexbox-gutter-y: auto; } .row.row--media-lg-gutter-inherit { --flexbox-gutter-x: inherit; --flexbox-gutter-y: inherit; } .row.row--media-lg-gutter-x-inherit { --flexbox-gutter-x: inherit; } .row.row--media-lg-gutter-y-inherit { --flexbox-gutter-y: inherit; } .row.row--media-lg-gutter-xxxs { --flexbox-gutter-x: 0.125rem; --flexbox-gutter-y: 0.125rem; } .row.row--media-lg-gutter-x-xxxs { --flexbox-gutter-x: 0.125rem; } .row.row--media-lg-gutter-y-xxxs { --flexbox-gutter-y: 0.125rem; } .row.row--media-lg-gutter-xxs { --flexbox-gutter-x: 0.25rem; --flexbox-gutter-y: 0.25rem; } .row.row--media-lg-gutter-x-xxs { --flexbox-gutter-x: 0.25rem; } .row.row--media-lg-gutter-y-xxs { --flexbox-gutter-y: 0.25rem; } .row.row--media-lg-gutter-xs { --flexbox-gutter-x: 0.5rem; --flexbox-gutter-y: 0.5rem; } .row.row--media-lg-gutter-x-xs { --flexbox-gutter-x: 0.5rem; } .row.row--media-lg-gutter-y-xs { --flexbox-gutter-y: 0.5rem; } .row.row--media-lg-gutter-sm { --flexbox-gutter-x: 0.75rem; --flexbox-gutter-y: 0.75rem; } .row.row--media-lg-gutter-x-sm { --flexbox-gutter-x: 0.75rem; } .row.row--media-lg-gutter-y-sm { --flexbox-gutter-y: 0.75rem; } .row.row--media-lg-gutter-md { --flexbox-gutter-x: 1rem; --flexbox-gutter-y: 1rem; } .row.row--media-lg-gutter-x-md { --flexbox-gutter-x: 1rem; } .row.row--media-lg-gutter-y-md { --flexbox-gutter-y: 1rem; } .row.row--media-lg-gutter-lg { --flexbox-gutter-x: 1.5rem; --flexbox-gutter-y: 1.5rem; } .row.row--media-lg-gutter-x-lg { --flexbox-gutter-x: 1.5rem; } .row.row--media-lg-gutter-y-lg { --flexbox-gutter-y: 1.5rem; } .row.row--media-lg-gutter-xl { --flexbox-gutter-x: 2.5rem; --flexbox-gutter-y: 2.5rem; } .row.row--media-lg-gutter-x-xl { --flexbox-gutter-x: 2.5rem; } .row.row--media-lg-gutter-y-xl { --flexbox-gutter-y: 2.5rem; } .row.row--media-lg-gutter-xxl { --flexbox-gutter-x: 5rem; --flexbox-gutter-y: 5rem; } .row.row--media-lg-gutter-x-xxl { --flexbox-gutter-x: 5rem; } .row.row--media-lg-gutter-y-xxl { --flexbox-gutter-y: 5rem; } .row.row--media-lg-gutter-xxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-lg-gutter-x-xxxl { --flexbox-gutter-x: 8rem; } .row.row--media-lg-gutter-y-xxxl { --flexbox-gutter-y: 8rem; } .row.row--media-lg-gutter-xxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-lg-gutter-x-xxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-lg-gutter-y-xxxxl { --flexbox-gutter-y: 12rem; } .row.row--media-lg-gutter-xxxxxl { --flexbox-gutter-x: 15rem; --flexbox-gutter-y: 15rem; } .row.row--media-lg-gutter-x-xxxxxl { --flexbox-gutter-x: 15rem; } .row.row--media-lg-gutter-y-xxxxxl { --flexbox-gutter-y: 15rem; } .row.row--media-lg-gutter-xxxxxxl { --flexbox-gutter-x: 18rem; --flexbox-gutter-y: 18rem; } .row.row--media-lg-gutter-x-xxxxxxl { --flexbox-gutter-x: 18rem; } .row.row--media-lg-gutter-y-xxxxxxl { --flexbox-gutter-y: 18rem; } .row.row--media-lg-cols-1 > * { flex: 0 0 auto; width: 100%; } .row.row--media-lg-cols-2 > * { flex: 0 0 auto; width: 50%; } .row.row--media-lg-cols-3 > * { flex: 0 0 auto; width: 33.33333%; } .row.row--media-lg-cols-4 > * { flex: 0 0 auto; width: 25%; } .row.row--media-lg-cols-5 > * { flex: 0 0 auto; width: 20%; } .row.row--media-lg-cols-6 > * { flex: 0 0 auto; width: 16.66667%; } } @media (min-width: 1200px) { .row.row--media-xl-gutter-reset { --flexbox-gutter-x: 0; --flexbox-gutter-y: 0; } .row.row--media-xl-gutter-x-reset { --flexbox-gutter-x: 0; } .row.row--media-xl-gutter-y-reset { --flexbox-gutter-y: 0; } .row.row--media-xl-gutter-auto { --flexbox-gutter-x: auto; --flexbox-gutter-y: auto; } .row.row--media-xl-gutter-x-auto { --flexbox-gutter-x: auto; } .row.row--media-xl-gutter-y-auto { --flexbox-gutter-y: auto; } .row.row--media-xl-gutter-inherit { --flexbox-gutter-x: inherit; --flexbox-gutter-y: inherit; } .row.row--media-xl-gutter-x-inherit { --flexbox-gutter-x: inherit; } .row.row--media-xl-gutter-y-inherit { --flexbox-gutter-y: inherit; } .row.row--media-xl-gutter-xxxs { --flexbox-gutter-x: 0.125rem; --flexbox-gutter-y: 0.125rem; } .row.row--media-xl-gutter-x-xxxs { --flexbox-gutter-x: 0.125rem; } .row.row--media-xl-gutter-y-xxxs { --flexbox-gutter-y: 0.125rem; } .row.row--media-xl-gutter-xxs { --flexbox-gutter-x: 0.25rem; --flexbox-gutter-y: 0.25rem; } .row.row--media-xl-gutter-x-xxs { --flexbox-gutter-x: 0.25rem; } .row.row--media-xl-gutter-y-xxs { --flexbox-gutter-y: 0.25rem; } .row.row--media-xl-gutter-xs { --flexbox-gutter-x: 0.5rem; --flexbox-gutter-y: 0.5rem; } .row.row--media-xl-gutter-x-xs { --flexbox-gutter-x: 0.5rem; } .row.row--media-xl-gutter-y-xs { --flexbox-gutter-y: 0.5rem; } .row.row--media-xl-gutter-sm { --flexbox-gutter-x: 0.75rem; --flexbox-gutter-y: 0.75rem; } .row.row--media-xl-gutter-x-sm { --flexbox-gutter-x: 0.75rem; } .row.row--media-xl-gutter-y-sm { --flexbox-gutter-y: 0.75rem; } .row.row--media-xl-gutter-md { --flexbox-gutter-x: 1rem; --flexbox-gutter-y: 1rem; } .row.row--media-xl-gutter-x-md { --flexbox-gutter-x: 1rem; } .row.row--media-xl-gutter-y-md { --flexbox-gutter-y: 1rem; } .row.row--media-xl-gutter-lg { --flexbox-gutter-x: 1.5rem; --flexbox-gutter-y: 1.5rem; } .row.row--media-xl-gutter-x-lg { --flexbox-gutter-x: 1.5rem; } .row.row--media-xl-gutter-y-lg { --flexbox-gutter-y: 1.5rem; } .row.row--media-xl-gutter-xl { --flexbox-gutter-x: 2.5rem; --flexbox-gutter-y: 2.5rem; } .row.row--media-xl-gutter-x-xl { --flexbox-gutter-x: 2.5rem; } .row.row--media-xl-gutter-y-xl { --flexbox-gutter-y: 2.5rem; } .row.row--media-xl-gutter-xxl { --flexbox-gutter-x: 5rem; --flexbox-gutter-y: 5rem; } .row.row--media-xl-gutter-x-xxl { --flexbox-gutter-x: 5rem; } .row.row--media-xl-gutter-y-xxl { --flexbox-gutter-y: 5rem; } .row.row--media-xl-gutter-xxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-xl-gutter-x-xxxl { --flexbox-gutter-x: 8rem; } .row.row--media-xl-gutter-y-xxxl { --flexbox-gutter-y: 8rem; } .row.row--media-xl-gutter-xxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-xl-gutter-x-xxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-xl-gutter-y-xxxxl { --flexbox-gutter-y: 12rem; } .row.row--media-xl-gutter-xxxxxl { --flexbox-gutter-x: 15rem; --flexbox-gutter-y: 15rem; } .row.row--media-xl-gutter-x-xxxxxl { --flexbox-gutter-x: 15rem; } .row.row--media-xl-gutter-y-xxxxxl { --flexbox-gutter-y: 15rem; } .row.row--media-xl-gutter-xxxxxxl { --flexbox-gutter-x: 18rem; --flexbox-gutter-y: 18rem; } .row.row--media-xl-gutter-x-xxxxxxl { --flexbox-gutter-x: 18rem; } .row.row--media-xl-gutter-y-xxxxxxl { --flexbox-gutter-y: 18rem; } .row.row--media-xl-cols-1 > * { flex: 0 0 auto; width: 100%; } .row.row--media-xl-cols-2 > * { flex: 0 0 auto; width: 50%; } .row.row--media-xl-cols-3 > * { flex: 0 0 auto; width: 33.33333%; } .row.row--media-xl-cols-4 > * { flex: 0 0 auto; width: 25%; } .row.row--media-xl-cols-5 > * { flex: 0 0 auto; width: 20%; } .row.row--media-xl-cols-6 > * { flex: 0 0 auto; width: 16.66667%; } } @media (min-width: 1440px) { .row.row--media-xxl-gutter-reset { --flexbox-gutter-x: 0; --flexbox-gutter-y: 0; } .row.row--media-xxl-gutter-x-reset { --flexbox-gutter-x: 0; } .row.row--media-xxl-gutter-y-reset { --flexbox-gutter-y: 0; } .row.row--media-xxl-gutter-auto { --flexbox-gutter-x: auto; --flexbox-gutter-y: auto; } .row.row--media-xxl-gutter-x-auto { --flexbox-gutter-x: auto; } .row.row--media-xxl-gutter-y-auto { --flexbox-gutter-y: auto; } .row.row--media-xxl-gutter-inherit { --flexbox-gutter-x: inherit; --flexbox-gutter-y: inherit; } .row.row--media-xxl-gutter-x-inherit { --flexbox-gutter-x: inherit; } .row.row--media-xxl-gutter-y-inherit { --flexbox-gutter-y: inherit; } .row.row--media-xxl-gutter-xxxs { --flexbox-gutter-x: 0.125rem; --flexbox-gutter-y: 0.125rem; } .row.row--media-xxl-gutter-x-xxxs { --flexbox-gutter-x: 0.125rem; } .row.row--media-xxl-gutter-y-xxxs { --flexbox-gutter-y: 0.125rem; } .row.row--media-xxl-gutter-xxs { --flexbox-gutter-x: 0.25rem; --flexbox-gutter-y: 0.25rem; } .row.row--media-xxl-gutter-x-xxs { --flexbox-gutter-x: 0.25rem; } .row.row--media-xxl-gutter-y-xxs { --flexbox-gutter-y: 0.25rem; } .row.row--media-xxl-gutter-xs { --flexbox-gutter-x: 0.5rem; --flexbox-gutter-y: 0.5rem; } .row.row--media-xxl-gutter-x-xs { --flexbox-gutter-x: 0.5rem; } .row.row--media-xxl-gutter-y-xs { --flexbox-gutter-y: 0.5rem; } .row.row--media-xxl-gutter-sm { --flexbox-gutter-x: 0.75rem; --flexbox-gutter-y: 0.75rem; } .row.row--media-xxl-gutter-x-sm { --flexbox-gutter-x: 0.75rem; } .row.row--media-xxl-gutter-y-sm { --flexbox-gutter-y: 0.75rem; } .row.row--media-xxl-gutter-md { --flexbox-gutter-x: 1rem; --flexbox-gutter-y: 1rem; } .row.row--media-xxl-gutter-x-md { --flexbox-gutter-x: 1rem; } .row.row--media-xxl-gutter-y-md { --flexbox-gutter-y: 1rem; } .row.row--media-xxl-gutter-lg { --flexbox-gutter-x: 1.5rem; --flexbox-gutter-y: 1.5rem; } .row.row--media-xxl-gutter-x-lg { --flexbox-gutter-x: 1.5rem; } .row.row--media-xxl-gutter-y-lg { --flexbox-gutter-y: 1.5rem; } .row.row--media-xxl-gutter-xl { --flexbox-gutter-x: 2.5rem; --flexbox-gutter-y: 2.5rem; } .row.row--media-xxl-gutter-x-xl { --flexbox-gutter-x: 2.5rem; } .row.row--media-xxl-gutter-y-xl { --flexbox-gutter-y: 2.5rem; } .row.row--media-xxl-gutter-xxl { --flexbox-gutter-x: 5rem; --flexbox-gutter-y: 5rem; } .row.row--media-xxl-gutter-x-xxl { --flexbox-gutter-x: 5rem; } .row.row--media-xxl-gutter-y-xxl { --flexbox-gutter-y: 5rem; } .row.row--media-xxl-gutter-xxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-xxl-gutter-x-xxxl { --flexbox-gutter-x: 8rem; } .row.row--media-xxl-gutter-y-xxxl { --flexbox-gutter-y: 8rem; } .row.row--media-xxl-gutter-xxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-xxl-gutter-x-xxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-xxl-gutter-y-xxxxl { --flexbox-gutter-y: 12rem; } .row.row--media-xxl-gutter-xxxxxl { --flexbox-gutter-x: 15rem; --flexbox-gutter-y: 15rem; } .row.row--media-xxl-gutter-x-xxxxxl { --flexbox-gutter-x: 15rem; } .row.row--media-xxl-gutter-y-xxxxxl { --flexbox-gutter-y: 15rem; } .row.row--media-xxl-gutter-xxxxxxl { --flexbox-gutter-x: 18rem; --flexbox-gutter-y: 18rem; } .row.row--media-xxl-gutter-x-xxxxxxl { --flexbox-gutter-x: 18rem; } .row.row--media-xxl-gutter-y-xxxxxxl { --flexbox-gutter-y: 18rem; } .row.row--media-xxl-cols-1 > * { flex: 0 0 auto; width: 100%; } .row.row--media-xxl-cols-2 > * { flex: 0 0 auto; width: 50%; } .row.row--media-xxl-cols-3 > * { flex: 0 0 auto; width: 33.33333%; } .row.row--media-xxl-cols-4 > * { flex: 0 0 auto; width: 25%; } .row.row--media-xxl-cols-5 > * { flex: 0 0 auto; width: 20%; } .row.row--media-xxl-cols-6 > * { flex: 0 0 auto; width: 16.66667%; } } @media (min-width: 1600px) { .row.row--media-xxxl-gutter-reset { --flexbox-gutter-x: 0; --flexbox-gutter-y: 0; } .row.row--media-xxxl-gutter-x-reset { --flexbox-gutter-x: 0; } .row.row--media-xxxl-gutter-y-reset { --flexbox-gutter-y: 0; } .row.row--media-xxxl-gutter-auto { --flexbox-gutter-x: auto; --flexbox-gutter-y: auto; } .row.row--media-xxxl-gutter-x-auto { --flexbox-gutter-x: auto; } .row.row--media-xxxl-gutter-y-auto { --flexbox-gutter-y: auto; } .row.row--media-xxxl-gutter-inherit { --flexbox-gutter-x: inherit; --flexbox-gutter-y: inherit; } .row.row--media-xxxl-gutter-x-inherit { --flexbox-gutter-x: inherit; } .row.row--media-xxxl-gutter-y-inherit { --flexbox-gutter-y: inherit; } .row.row--media-xxxl-gutter-xxxs { --flexbox-gutter-x: 0.125rem; --flexbox-gutter-y: 0.125rem; } .row.row--media-xxxl-gutter-x-xxxs { --flexbox-gutter-x: 0.125rem; } .row.row--media-xxxl-gutter-y-xxxs { --flexbox-gutter-y: 0.125rem; } .row.row--media-xxxl-gutter-xxs { --flexbox-gutter-x: 0.25rem; --flexbox-gutter-y: 0.25rem; } .row.row--media-xxxl-gutter-x-xxs { --flexbox-gutter-x: 0.25rem; } .row.row--media-xxxl-gutter-y-xxs { --flexbox-gutter-y: 0.25rem; } .row.row--media-xxxl-gutter-xs { --flexbox-gutter-x: 0.5rem; --flexbox-gutter-y: 0.5rem; } .row.row--media-xxxl-gutter-x-xs { --flexbox-gutter-x: 0.5rem; } .row.row--media-xxxl-gutter-y-xs { --flexbox-gutter-y: 0.5rem; } .row.row--media-xxxl-gutter-sm { --flexbox-gutter-x: 0.75rem; --flexbox-gutter-y: 0.75rem; } .row.row--media-xxxl-gutter-x-sm { --flexbox-gutter-x: 0.75rem; } .row.row--media-xxxl-gutter-y-sm { --flexbox-gutter-y: 0.75rem; } .row.row--media-xxxl-gutter-md { --flexbox-gutter-x: 1rem; --flexbox-gutter-y: 1rem; } .row.row--media-xxxl-gutter-x-md { --flexbox-gutter-x: 1rem; } .row.row--media-xxxl-gutter-y-md { --flexbox-gutter-y: 1rem; } .row.row--media-xxxl-gutter-lg { --flexbox-gutter-x: 1.5rem; --flexbox-gutter-y: 1.5rem; } .row.row--media-xxxl-gutter-x-lg { --flexbox-gutter-x: 1.5rem; } .row.row--media-xxxl-gutter-y-lg { --flexbox-gutter-y: 1.5rem; } .row.row--media-xxxl-gutter-xl { --flexbox-gutter-x: 2.5rem; --flexbox-gutter-y: 2.5rem; } .row.row--media-xxxl-gutter-x-xl { --flexbox-gutter-x: 2.5rem; } .row.row--media-xxxl-gutter-y-xl { --flexbox-gutter-y: 2.5rem; } .row.row--media-xxxl-gutter-xxl { --flexbox-gutter-x: 5rem; --flexbox-gutter-y: 5rem; } .row.row--media-xxxl-gutter-x-xxl { --flexbox-gutter-x: 5rem; } .row.row--media-xxxl-gutter-y-xxl { --flexbox-gutter-y: 5rem; } .row.row--media-xxxl-gutter-xxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-xxxl-gutter-x-xxxl { --flexbox-gutter-x: 8rem; } .row.row--media-xxxl-gutter-y-xxxl { --flexbox-gutter-y: 8rem; } .row.row--media-xxxl-gutter-xxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-xxxl-gutter-x-xxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-xxxl-gutter-y-xxxxl { --flexbox-gutter-y: 12rem; } .row.row--media-xxxl-gutter-xxxxxl { --flexbox-gutter-x: 15rem; --flexbox-gutter-y: 15rem; } .row.row--media-xxxl-gutter-x-xxxxxl { --flexbox-gutter-x: 15rem; } .row.row--media-xxxl-gutter-y-xxxxxl { --flexbox-gutter-y: 15rem; } .row.row--media-xxxl-gutter-xxxxxxl { --flexbox-gutter-x: 18rem; --flexbox-gutter-y: 18rem; } .row.row--media-xxxl-gutter-x-xxxxxxl { --flexbox-gutter-x: 18rem; } .row.row--media-xxxl-gutter-y-xxxxxxl { --flexbox-gutter-y: 18rem; } .row.row--media-xxxl-cols-1 > * { flex: 0 0 auto; width: 100%; } .row.row--media-xxxl-cols-2 > * { flex: 0 0 auto; width: 50%; } .row.row--media-xxxl-cols-3 > * { flex: 0 0 auto; width: 33.33333%; } .row.row--media-xxxl-cols-4 > * { flex: 0 0 auto; width: 25%; } .row.row--media-xxxl-cols-5 > * { flex: 0 0 auto; width: 20%; } .row.row--media-xxxl-cols-6 > * { flex: 0 0 auto; width: 16.66667%; } } @media (min-width: 1900px) { .row.row--media-xxxxl-gutter-reset { --flexbox-gutter-x: 0; --flexbox-gutter-y: 0; } .row.row--media-xxxxl-gutter-x-reset { --flexbox-gutter-x: 0; } .row.row--media-xxxxl-gutter-y-reset { --flexbox-gutter-y: 0; } .row.row--media-xxxxl-gutter-auto { --flexbox-gutter-x: auto; --flexbox-gutter-y: auto; } .row.row--media-xxxxl-gutter-x-auto { --flexbox-gutter-x: auto; } .row.row--media-xxxxl-gutter-y-auto { --flexbox-gutter-y: auto; } .row.row--media-xxxxl-gutter-inherit { --flexbox-gutter-x: inherit; --flexbox-gutter-y: inherit; } .row.row--media-xxxxl-gutter-x-inherit { --flexbox-gutter-x: inherit; } .row.row--media-xxxxl-gutter-y-inherit { --flexbox-gutter-y: inherit; } .row.row--media-xxxxl-gutter-xxxs { --flexbox-gutter-x: 0.125rem; --flexbox-gutter-y: 0.125rem; } .row.row--media-xxxxl-gutter-x-xxxs { --flexbox-gutter-x: 0.125rem; } .row.row--media-xxxxl-gutter-y-xxxs { --flexbox-gutter-y: 0.125rem; } .row.row--media-xxxxl-gutter-xxs { --flexbox-gutter-x: 0.25rem; --flexbox-gutter-y: 0.25rem; } .row.row--media-xxxxl-gutter-x-xxs { --flexbox-gutter-x: 0.25rem; } .row.row--media-xxxxl-gutter-y-xxs { --flexbox-gutter-y: 0.25rem; } .row.row--media-xxxxl-gutter-xs { --flexbox-gutter-x: 0.5rem; --flexbox-gutter-y: 0.5rem; } .row.row--media-xxxxl-gutter-x-xs { --flexbox-gutter-x: 0.5rem; } .row.row--media-xxxxl-gutter-y-xs { --flexbox-gutter-y: 0.5rem; } .row.row--media-xxxxl-gutter-sm { --flexbox-gutter-x: 0.75rem; --flexbox-gutter-y: 0.75rem; } .row.row--media-xxxxl-gutter-x-sm { --flexbox-gutter-x: 0.75rem; } .row.row--media-xxxxl-gutter-y-sm { --flexbox-gutter-y: 0.75rem; } .row.row--media-xxxxl-gutter-md { --flexbox-gutter-x: 1rem; --flexbox-gutter-y: 1rem; } .row.row--media-xxxxl-gutter-x-md { --flexbox-gutter-x: 1rem; } .row.row--media-xxxxl-gutter-y-md { --flexbox-gutter-y: 1rem; } .row.row--media-xxxxl-gutter-lg { --flexbox-gutter-x: 1.5rem; --flexbox-gutter-y: 1.5rem; } .row.row--media-xxxxl-gutter-x-lg { --flexbox-gutter-x: 1.5rem; } .row.row--media-xxxxl-gutter-y-lg { --flexbox-gutter-y: 1.5rem; } .row.row--media-xxxxl-gutter-xl { --flexbox-gutter-x: 2.5rem; --flexbox-gutter-y: 2.5rem; } .row.row--media-xxxxl-gutter-x-xl { --flexbox-gutter-x: 2.5rem; } .row.row--media-xxxxl-gutter-y-xl { --flexbox-gutter-y: 2.5rem; } .row.row--media-xxxxl-gutter-xxl { --flexbox-gutter-x: 5rem; --flexbox-gutter-y: 5rem; } .row.row--media-xxxxl-gutter-x-xxl { --flexbox-gutter-x: 5rem; } .row.row--media-xxxxl-gutter-y-xxl { --flexbox-gutter-y: 5rem; } .row.row--media-xxxxl-gutter-xxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-xxxxl-gutter-x-xxxl { --flexbox-gutter-x: 8rem; } .row.row--media-xxxxl-gutter-y-xxxl { --flexbox-gutter-y: 8rem; } .row.row--media-xxxxl-gutter-xxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-xxxxl-gutter-x-xxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-xxxxl-gutter-y-xxxxl { --flexbox-gutter-y: 12rem; } .row.row--media-xxxxl-gutter-xxxxxl { --flexbox-gutter-x: 15rem; --flexbox-gutter-y: 15rem; } .row.row--media-xxxxl-gutter-x-xxxxxl { --flexbox-gutter-x: 15rem; } .row.row--media-xxxxl-gutter-y-xxxxxl { --flexbox-gutter-y: 15rem; } .row.row--media-xxxxl-gutter-xxxxxxl { --flexbox-gutter-x: 18rem; --flexbox-gutter-y: 18rem; } .row.row--media-xxxxl-gutter-x-xxxxxxl { --flexbox-gutter-x: 18rem; } .row.row--media-xxxxl-gutter-y-xxxxxxl { --flexbox-gutter-y: 18rem; } .row.row--media-xxxxl-cols-1 > * { flex: 0 0 auto; width: 100%; } .row.row--media-xxxxl-cols-2 > * { flex: 0 0 auto; width: 50%; } .row.row--media-xxxxl-cols-3 > * { flex: 0 0 auto; width: 33.33333%; } .row.row--media-xxxxl-cols-4 > * { flex: 0 0 auto; width: 25%; } .row.row--media-xxxxl-cols-5 > * { flex: 0 0 auto; width: 20%; } .row.row--media-xxxxl-cols-6 > * { flex: 0 0 auto; width: 16.66667%; } } /* ======= THEMES ======== */ *[class*="--default"] { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-border-natural-base, ); --colors-theme-border-rgb: var(--colors-border-natural-base-rgb, ); --colors-theme-text: var(--colors-foreground-natural-dark, ); --colors-theme-text-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text-no-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--default"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-foreground-natural-dark, ); --colors-theme-special-text-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text-no-background: var(--colors-foreground-natural-dark, ); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); } *[class*="--default"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--default"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--default"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-default"]:hover { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-border-natural-base, ); --colors-theme-border-rgb: var(--colors-border-natural-base-rgb, ); --colors-theme-text: var(--colors-foreground-natural-dark, ); --colors-theme-text-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text-no-background: var(--colors-foreground-natural-dark, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-default"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-foreground-natural-dark, ); --colors-theme-special-text-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text-no-background: var(--colors-foreground-natural-dark, ); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); } *[class*="--hover-default"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--hover-default"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-default"]:before { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-border-natural-base, ); --colors-theme-border-rgb: var(--colors-border-natural-base-rgb, ); --colors-theme-text: var(--colors-foreground-natural-dark, ); --colors-theme-text-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text-no-background: var(--colors-foreground-natural-dark, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-default"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-foreground-natural-dark, ); --colors-theme-special-text-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text-no-background: var(--colors-foreground-natural-dark, ); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); } *[class*="--before-default"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--before-default"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-default"]:after { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-border-natural-base, ); --colors-theme-border-rgb: var(--colors-border-natural-base-rgb, ); --colors-theme-text: var(--colors-foreground-natural-dark, ); --colors-theme-text-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text-no-background: var(--colors-foreground-natural-dark, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-default"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-foreground-natural-dark, ); --colors-theme-special-text-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text-no-background: var(--colors-foreground-natural-dark, ); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); } *[class*="--after-default"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--after-default"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--primary"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-border: var(--colors-primary-dark, #4C241D); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--primary"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--primary"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--primary"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--primary"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-primary"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-border: var(--colors-primary-dark, #4C241D); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--hover-primary"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-primary"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--hover-primary"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-primary"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-border: var(--colors-primary-dark, #4C241D); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--before-primary"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-primary"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--before-primary"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-primary"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-border: var(--colors-primary-dark, #4C241D); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--after-primary"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-primary"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--after-primary"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--primary-light"] { --colors-theme-background: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-border: var(--colors-primary-base, #975B14); --colors-theme-border-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--primary-light"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--primary-light"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--primary-light"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--primary-light"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-primary-light"]:hover { --colors-theme-background: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-border: var(--colors-primary-base, #975B14); --colors-theme-border-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--hover-primary-light"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-primary-light"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--hover-primary-light"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-primary-light"]:before { --colors-theme-background: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-border: var(--colors-primary-base, #975B14); --colors-theme-border-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--before-primary-light"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-primary-light"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--before-primary-light"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-primary-light"]:after { --colors-theme-background: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-border: var(--colors-primary-base, #975B14); --colors-theme-border-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--after-primary-light"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-primary-light"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--after-primary-light"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--primary-dark"] { --colors-theme-background: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-border: var(--colors-primary-dark, #4C241D); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text: var(--colors-foreground-natural-base, ); --colors-theme-text-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-text-no-background: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--primary-dark"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-background: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text: var(--colors-foreground-natural-base, ); --colors-theme-special-text-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-special-text-no-background: var(--colors-foreground-natural-base, ); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, ); } *[class*="--primary-dark"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--primary-dark"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--primary-dark"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-primary-dark"]:hover { --colors-theme-background: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-border: var(--colors-primary-dark, #4C241D); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text: var(--colors-foreground-natural-base, ); --colors-theme-text-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--hover-primary-dark"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-background: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text: var(--colors-foreground-natural-base, ); --colors-theme-special-text-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-special-text-no-background: var(--colors-foreground-natural-base, ); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, ); } *[class*="--hover-primary-dark"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--hover-primary-dark"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-primary-dark"]:before { --colors-theme-background: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-border: var(--colors-primary-dark, #4C241D); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text: var(--colors-foreground-natural-base, ); --colors-theme-text-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--before-primary-dark"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-background: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text: var(--colors-foreground-natural-base, ); --colors-theme-special-text-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-special-text-no-background: var(--colors-foreground-natural-base, ); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, ); } *[class*="--before-primary-dark"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--before-primary-dark"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-primary-dark"]:after { --colors-theme-background: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-border: var(--colors-primary-dark, #4C241D); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text: var(--colors-foreground-natural-base, ); --colors-theme-text-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-background-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--after-primary-dark"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-background: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text: var(--colors-foreground-natural-base, ); --colors-theme-special-text-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-special-text-no-background: var(--colors-foreground-natural-base, ); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, ); } *[class*="--after-primary-dark"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--after-primary-dark"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--secondary"] { --colors-theme-background: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-border: var(--colors-secondary-dark, #cab70f); --colors-theme-border-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--secondary"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--secondary"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--secondary"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--secondary"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-secondary"]:hover { --colors-theme-background: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-border: var(--colors-secondary-dark, #cab70f); --colors-theme-border-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: var(--colors-secondary-base, #EED91E); --colors-theme-text-no-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-secondary"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--hover-secondary"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--hover-secondary"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-secondary"]:before { --colors-theme-background: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-border: var(--colors-secondary-dark, #cab70f); --colors-theme-border-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: var(--colors-secondary-base, #EED91E); --colors-theme-text-no-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-secondary"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--before-secondary"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--before-secondary"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-secondary"]:after { --colors-theme-background: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-border: var(--colors-secondary-dark, #cab70f); --colors-theme-border-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: var(--colors-secondary-base, #EED91E); --colors-theme-text-no-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-secondary"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--after-secondary"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--after-secondary"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--secondary-light"] { --colors-theme-background: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-border: var(--colors-secondary-base, #EED91E); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--secondary-light"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--secondary-light"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--secondary-light"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--secondary-light"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-secondary-light"]:hover { --colors-theme-background: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-border: var(--colors-secondary-base, #EED91E); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-secondary-light, #f2e14d); --colors-theme-text-no-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-secondary-light"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-secondary-light"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--hover-secondary-light"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-secondary-light"]:before { --colors-theme-background: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-border: var(--colors-secondary-base, #EED91E); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-secondary-light, #f2e14d); --colors-theme-text-no-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-secondary-light"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-secondary-light"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--before-secondary-light"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-secondary-light"]:after { --colors-theme-background: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-border: var(--colors-secondary-base, #EED91E); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-secondary-light, #f2e14d); --colors-theme-text-no-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-secondary-light"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-secondary-light"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--after-secondary-light"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--secondary-dark"] { --colors-theme-background: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-border: var(--colors-secondary-base, #EED91E); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--secondary-dark"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--secondary-dark"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--secondary-dark"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--secondary-dark"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-secondary-dark"]:hover { --colors-theme-background: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-border: var(--colors-secondary-base, #EED91E); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-secondary-dark, #cab70f); --colors-theme-text-no-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-secondary-dark"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-secondary-dark"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--hover-secondary-dark"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-secondary-dark"]:before { --colors-theme-background: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-border: var(--colors-secondary-base, #EED91E); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-secondary-dark, #cab70f); --colors-theme-text-no-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-secondary-dark"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-secondary-dark"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--before-secondary-dark"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-secondary-dark"]:after { --colors-theme-background: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-border: var(--colors-secondary-base, #EED91E); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 238,217,30); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-secondary-dark, #cab70f); --colors-theme-text-no-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-secondary-dark"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-secondary-dark"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--after-secondary-dark"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--natural"] { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: rgba(var(--colors-foreground-natural-base-rgb, ), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--natural"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); } *[class*="--natural"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--natural"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--natural"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-natural"]:hover { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: var(--colors-foreground-natural-base, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-natural"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); } *[class*="--hover-natural"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--hover-natural"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-natural"]:before { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: var(--colors-foreground-natural-base, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-natural"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); } *[class*="--before-natural"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--before-natural"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-natural"]:after { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: var(--colors-foreground-natural-base, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-natural"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); } *[class*="--after-natural"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--after-natural"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--natural-400"] { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: rgba(var(--colors-foreground-natural-400-rgb, 250,245,239), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-400-rgb, 250,245,239); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--natural-400"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); } *[class*="--natural-400"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--natural-400"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--natural-400"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-natural-400"]:hover { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: var(--colors-foreground-natural-400, #FAF5EF); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-400-rgb, 250,245,239); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-natural-400"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); } *[class*="--hover-natural-400"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--hover-natural-400"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-natural-400"]:before { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: var(--colors-foreground-natural-400, #FAF5EF); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-400-rgb, 250,245,239); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-natural-400"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); } *[class*="--before-natural-400"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--before-natural-400"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-natural-400"]:after { --colors-theme-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-dark, #4C241D); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-text-no-background: var(--colors-foreground-natural-400, #FAF5EF); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-400-rgb, 250,245,239); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-natural-400"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-special-text: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 76,36,29); --colors-theme-special-text-no-background: var(--colors-primary-dark, #4C241D); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); } *[class*="--after-natural-400"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--after-natural-400"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--natural-700"] { --colors-theme-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-border: var(--colors-background-natural-700, #F5E3D2); --colors-theme-border-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-text: var(--colors-natural-grey-700, #242424); --colors-theme-text-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-text-no-background: rgba(var(--colors-foreground-natural-700-rgb, 245,227,210), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-700-rgb, 245,227,210); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--natural-700"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-special-text: var(--colors-natural-grey-700, #242424); --colors-theme-special-text-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-text-no-background: var(--colors-natural-grey-700, #242424); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); } *[class*="--natural-700"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--natural-700"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--natural-700"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-natural-700"]:hover { --colors-theme-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-border: var(--colors-background-natural-700, #F5E3D2); --colors-theme-border-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-text: var(--colors-natural-grey-700, #242424); --colors-theme-text-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-text-no-background: var(--colors-foreground-natural-700, #F5E3D2); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-700-rgb, 245,227,210); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-natural-700"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-special-text: var(--colors-natural-grey-700, #242424); --colors-theme-special-text-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-text-no-background: var(--colors-natural-grey-700, #242424); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); } *[class*="--hover-natural-700"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--hover-natural-700"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-natural-700"]:before { --colors-theme-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-border: var(--colors-background-natural-700, #F5E3D2); --colors-theme-border-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-text: var(--colors-natural-grey-700, #242424); --colors-theme-text-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-text-no-background: var(--colors-foreground-natural-700, #F5E3D2); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-700-rgb, 245,227,210); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-natural-700"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-special-text: var(--colors-natural-grey-700, #242424); --colors-theme-special-text-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-text-no-background: var(--colors-natural-grey-700, #242424); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); } *[class*="--before-natural-700"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--before-natural-700"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-natural-700"]:after { --colors-theme-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-border: var(--colors-background-natural-700, #F5E3D2); --colors-theme-border-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-text: var(--colors-natural-grey-700, #242424); --colors-theme-text-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-text-no-background: var(--colors-foreground-natural-700, #F5E3D2); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-700-rgb, 245,227,210); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-natural-700"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-special-text: var(--colors-natural-grey-700, #242424); --colors-theme-special-text-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-text-no-background: var(--colors-natural-grey-700, #242424); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); } *[class*="--after-natural-700"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--after-natural-700"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--natural-light"] { --colors-theme-background: rgba(var(--colors-background-natural-100-rgb, 238,222,208), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-border: var(--colors-background-natural-100, #eeded07a); --colors-theme-border-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: rgba(var(--colors-foreground-natural-light-rgb, ), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-light-rgb, ); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-background-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-background-black-rgb, 0,0,0); } *[class*="--natural-light"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-100-rgb, 238,222,208), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--natural-light"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--natural-light"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--natural-light"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-natural-light"]:hover { --colors-theme-background: rgba(var(--colors-background-natural-100-rgb, 238,222,208), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-border: var(--colors-background-natural-100, #eeded07a); --colors-theme-border-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-foreground-natural-light, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-light-rgb, ); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-background-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-background-black-rgb, 0,0,0); } *[class*="--hover-natural-light"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-100-rgb, 238,222,208), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-natural-light"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--hover-natural-light"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-natural-light"]:before { --colors-theme-background: rgba(var(--colors-background-natural-100-rgb, 238,222,208), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-border: var(--colors-background-natural-100, #eeded07a); --colors-theme-border-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-foreground-natural-light, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-light-rgb, ); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-background-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-background-black-rgb, 0,0,0); } *[class*="--before-natural-light"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-100-rgb, 238,222,208), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-natural-light"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--before-natural-light"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-natural-light"]:after { --colors-theme-background: rgba(var(--colors-background-natural-100-rgb, 238,222,208), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-border: var(--colors-background-natural-100, #eeded07a); --colors-theme-border-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-foreground-natural-light, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-light-rgb, ); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-background-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-background-black-rgb, 0,0,0); } *[class*="--after-natural-light"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-100-rgb, 238,222,208), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-100-rgb, 238,222,208); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-natural-light"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--after-natural-light"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--natural-dark"] { --colors-theme-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--natural-dark"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--natural-dark"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--natural-dark"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--natural-dark"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-natural-dark"]:hover { --colors-theme-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-natural-dark, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-natural-dark"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-natural-dark"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--hover-natural-dark"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-natural-dark"]:before { --colors-theme-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-natural-dark, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-natural-dark"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-natural-dark"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--before-natural-dark"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-natural-dark"]:after { --colors-theme-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-natural-dark, ); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, ); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-natural-dark"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-natural-dark"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--after-natural-dark"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--white"] { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--white"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-special-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); } *[class*="--white"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--white"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--white"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-white"]:hover { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-white"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-special-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); } *[class*="--hover-white"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--hover-white"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-white"]:before { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-white"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-special-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); } *[class*="--before-white"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--before-white"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-white"]:after { --colors-theme-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-border: var(--colors-background-natural-400, #FAF5EF); --colors-theme-border-rgb: var(--colors-background-natural-400-rgb, 250,245,239); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-white"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-text: var(--colors-primary-light, #A47341); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-background: rgba(var(--colors-background-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-primary-light, #A47341); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 164,115,65); --colors-theme-special-text-no-background: var(--colors-primary-light, #A47341); --colors-theme-special-text-no-background-rgb: var(--colors-primary-light-rgb, 164,115,65); } *[class*="--after-white"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--after-white"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--black"] { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--black"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--black"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-black, #000000); } *[class*="--black"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--black"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-black"]:hover { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-black"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-black"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-black, #000000); } *[class*="--hover-black"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-black"]:before { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-black"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-black"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-black, #000000); } *[class*="--before-black"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-black"]:after { --colors-theme-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-black"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-background-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-black"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-background-black, #000000); } *[class*="--after-black"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--grey-dark"] { --colors-theme-background: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--grey-dark"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--grey-dark"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--grey-dark"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--grey-dark"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-grey-dark"]:hover { --colors-theme-background: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-natural-grey-700, #242424); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-grey-dark"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-grey-dark"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--hover-grey-dark"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-grey-dark"]:before { --colors-theme-background: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-natural-grey-700, #242424); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-grey-dark"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-grey-dark"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--before-grey-dark"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-grey-dark"]:after { --colors-theme-background: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-natural-grey-700, #242424); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-grey-dark"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-grey-dark"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--after-grey-dark"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--grey-base"] { --colors-theme-background: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--grey-base"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--grey-base"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--grey-base"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--grey-base"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-grey-base"]:hover { --colors-theme-background: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-natural-grey-400, #242424e6); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-grey-base"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-grey-base"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--hover-grey-base"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-grey-base"]:before { --colors-theme-background: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-natural-grey-400, #242424e6); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-grey-base"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-grey-base"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--before-grey-base"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-grey-base"]:after { --colors-theme-background: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-natural-grey-400, #242424e6); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-grey-base"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-grey-base"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--after-grey-base"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--grey-light"] { --colors-theme-background: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--grey-light"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--grey-light"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--grey-light"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--grey-light"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-grey-light"]:hover { --colors-theme-background: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-natural-grey-100, #24242480); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-grey-light"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-grey-light"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--hover-grey-light"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-grey-light"]:before { --colors-theme-background: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-natural-grey-100, #24242480); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--before-grey-light"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-grey-light"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--before-grey-light"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-grey-light"]:after { --colors-theme-background: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-border: var(--colors-border-natural-dark, ); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, ); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-natural-grey-100, #24242480); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text: var(--colors-primary-base, #975B14); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--after-grey-light"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text: var(--colors-primary-base, #975B14); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-text-no-background: var(--colors-primary-base, #975B14); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 151,91,20); --colors-theme-special-background: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-grey-light"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--after-grey-light"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--success"] { --colors-theme-background: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-border: var(--colors-state-success-dark, #79ed8f); --colors-theme-border-rgb: var(--colors-state-success-dark-rgb, 121.24,236.76,142.52); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-state-success, #a6f3b4); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--success"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text: var(--colors-state-success, #a6f3b4); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-text-no-background: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--success"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--success"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--success"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-success"]:hover { --colors-theme-background: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-border: var(--colors-state-success-dark, #79ed8f); --colors-theme-border-rgb: var(--colors-state-success-dark-rgb, 121.24,236.76,142.52); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: var(--colors-state-success, #a6f3b4); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-state-success, #a6f3b4); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-success"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text: var(--colors-state-success, #a6f3b4); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-text-no-background: var(--colors-state-success, #a6f3b4); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--hover-success"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--hover-success"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-success"]:before { --colors-theme-background: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-border: var(--colors-state-success-dark, #79ed8f); --colors-theme-border-rgb: var(--colors-state-success-dark-rgb, 121.24,236.76,142.52); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: var(--colors-state-success, #a6f3b4); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-state-success, #a6f3b4); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-success"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text: var(--colors-state-success, #a6f3b4); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-text-no-background: var(--colors-state-success, #a6f3b4); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--before-success"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--before-success"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-success"]:after { --colors-theme-background: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-border: var(--colors-state-success-dark, #79ed8f); --colors-theme-border-rgb: var(--colors-state-success-dark-rgb, 121.24,236.76,142.52); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: var(--colors-state-success, #a6f3b4); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-state-success, #a6f3b4); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-success"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text: var(--colors-state-success, #a6f3b4); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-text-no-background: var(--colors-state-success, #a6f3b4); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--after-success"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--after-success"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--success-light"] { --colors-theme-background: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-border: var(--colors-state-success-base, ); --colors-theme-border-rgb: var(--colors-state-success-base-rgb, ); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-special-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-state-success, #a6f3b4); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--success-light"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text: var(--colors-state-success, #a6f3b4); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-text-no-background: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--success-light"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--success-light"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--success-light"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-success-light"]:hover { --colors-theme-background: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-border: var(--colors-state-success-base, ); --colors-theme-border-rgb: var(--colors-state-success-base-rgb, ); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: var(--colors-state-success-light, #d3f9da); --colors-theme-text-no-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-special-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-state-success, #a6f3b4); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-success-light"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text: var(--colors-state-success, #a6f3b4); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-text-no-background: var(--colors-state-success, #a6f3b4); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--hover-success-light"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--hover-success-light"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-success-light"]:before { --colors-theme-background: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-border: var(--colors-state-success-base, ); --colors-theme-border-rgb: var(--colors-state-success-base-rgb, ); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: var(--colors-state-success-light, #d3f9da); --colors-theme-text-no-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-special-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-state-success, #a6f3b4); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-success-light"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text: var(--colors-state-success, #a6f3b4); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-text-no-background: var(--colors-state-success, #a6f3b4); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--before-success-light"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--before-success-light"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-success-light"]:after { --colors-theme-background: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-border: var(--colors-state-success-base, ); --colors-theme-border-rgb: var(--colors-state-success-base-rgb, ); --colors-theme-text: var(--colors-foreground-black, #000000); --colors-theme-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text-no-background: var(--colors-state-success-light, #d3f9da); --colors-theme-text-no-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-special-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text: var(--colors-state-success, #a6f3b4); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-success-light"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-text: var(--colors-state-success, #a6f3b4); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-text-no-background: var(--colors-state-success, #a6f3b4); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); --colors-theme-special-background: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); --colors-theme-special-text: var(--colors-foreground-black, #000000); --colors-theme-special-text-rgb: var(--colors-foreground-black-rgb, 0,0,0); --colors-theme-special-text-no-background: var(--colors-foreground-black, #000000); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--after-success-light"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--after-success-light"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--danger"] { --colors-theme-background: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-border: var(--colors-state-danger-dark, #d31024); --colors-theme-border-rgb: var(--colors-state-danger-dark-rgb, 210.69613,16.30387,36.37017); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-state-danger, #f25767); --colors-theme-special-text-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--danger"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text: var(--colors-state-danger, #f25767); --colors-theme-text-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-text-no-background: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-background: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--danger"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--danger"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--danger"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-danger"]:hover { --colors-theme-background: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-border: var(--colors-state-danger-dark, #d31024); --colors-theme-border-rgb: var(--colors-state-danger-dark-rgb, 210.69613,16.30387,36.37017); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-state-danger, #f25767); --colors-theme-text-no-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-state-danger, #f25767); --colors-theme-special-text-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-danger"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text: var(--colors-state-danger, #f25767); --colors-theme-text-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-text-no-background: var(--colors-state-danger, #f25767); --colors-theme-text-no-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-background: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-danger"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--hover-danger"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-danger"]:before { --colors-theme-background: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-border: var(--colors-state-danger-dark, #d31024); --colors-theme-border-rgb: var(--colors-state-danger-dark-rgb, 210.69613,16.30387,36.37017); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-state-danger, #f25767); --colors-theme-text-no-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-state-danger, #f25767); --colors-theme-special-text-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-danger"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text: var(--colors-state-danger, #f25767); --colors-theme-text-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-text-no-background: var(--colors-state-danger, #f25767); --colors-theme-text-no-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-background: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-danger"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--before-danger"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-danger"]:after { --colors-theme-background: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-border: var(--colors-state-danger-dark, #d31024); --colors-theme-border-rgb: var(--colors-state-danger-dark-rgb, 210.69613,16.30387,36.37017); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-state-danger, #f25767); --colors-theme-text-no-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-state-danger, #f25767); --colors-theme-special-text-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-danger"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text: var(--colors-state-danger, #f25767); --colors-theme-text-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-text-no-background: var(--colors-state-danger, #f25767); --colors-theme-text-no-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-background: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-danger-rgb, 242,87,103); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-danger"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--after-danger"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--info"] { --colors-theme-background: rgba(var(--colors-state-info-rgb, 12,192,223), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-border: var(--colors-state-info-dark, #0996af); --colors-theme-border-rgb: var(--colors-state-info-dark-rgb, 9.39574,150.33191,174.60426); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: rgba(var(--colors-state-info-rgb, 12,192,223), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-state-info, #0CC0DF); --colors-theme-special-text-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--info"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text: var(--colors-state-info, #0CC0DF); --colors-theme-text-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-text-no-background: rgba(var(--colors-state-info-rgb, 12,192,223), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-background: rgba(var(--colors-state-info-rgb, 12,192,223), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--info"][class*="--theme-border"]:not(*[class*="--theme-border-natural"]) { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--info"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--info"][class*="--theme-bgopacity-text-no-bg"] { --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); } *[class*="--hover-info"]:hover { --colors-theme-background: rgba(var(--colors-state-info-rgb, 12,192,223), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-border: var(--colors-state-info-dark, #0996af); --colors-theme-border-rgb: var(--colors-state-info-dark-rgb, 9.39574,150.33191,174.60426); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-state-info, #0CC0DF); --colors-theme-text-no-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-state-info, #0CC0DF); --colors-theme-special-text-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-info"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text: var(--colors-state-info, #0CC0DF); --colors-theme-text-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-text-no-background: var(--colors-state-info, #0CC0DF); --colors-theme-text-no-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-background: rgba(var(--colors-state-info-rgb, 12,192,223), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--hover-info"][class*="--hover-theme-border"]:not(*[class*="--hover-theme-border-natural"]):hover { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--hover-info"][class*="--hover-theme-border-natural"]:hover { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--before-info"]:before { --colors-theme-background: rgba(var(--colors-state-info-rgb, 12,192,223), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-border: var(--colors-state-info-dark, #0996af); --colors-theme-border-rgb: var(--colors-state-info-dark-rgb, 9.39574,150.33191,174.60426); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-state-info, #0CC0DF); --colors-theme-text-no-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-state-info, #0CC0DF); --colors-theme-special-text-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-info"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text: var(--colors-state-info, #0CC0DF); --colors-theme-text-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-text-no-background: var(--colors-state-info, #0CC0DF); --colors-theme-text-no-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-background: rgba(var(--colors-state-info-rgb, 12,192,223), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--before-info"][class*="--before-theme-border"]:not(*[class*="--before-theme-border-natural"]):before { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--before-info"][class*="--before-theme-border-natural"]:before { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } *[class*="--after-info"]:after { --colors-theme-background: rgba(var(--colors-state-info-rgb, 12,192,223), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-border: var(--colors-state-info-dark, #0996af); --colors-theme-border-rgb: var(--colors-state-info-dark-rgb, 9.39574,150.33191,174.60426); --colors-theme-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text-no-background: var(--colors-state-info, #0CC0DF); --colors-theme-text-no-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text: var(--colors-state-info, #0CC0DF); --colors-theme-special-text-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-info"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-text: var(--colors-state-info, #0CC0DF); --colors-theme-text-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-text-no-background: var(--colors-state-info, #0CC0DF); --colors-theme-text-no-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-background: rgba(var(--colors-state-info-rgb, 12,192,223), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-info-rgb, 12,192,223); --colors-theme-special-text: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-rgb: var(--colors-foreground-white-rgb, 255,255,255); --colors-theme-special-text-no-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--after-info"][class*="--after-theme-border"]:not(*[class*="--after-theme-border-natural"]):after { --colors-theme-background: var(--colors-background-transparent, transparent); --colors-theme-background-rgb: var(--colors-background-transparent-rgb, transparent); --colors-theme-text: var(--colors-theme-text-no-background); --colors-theme-text-rgb: var(--colors-theme-text-no-background-rgb); --colors-theme-special-background: var(--colors-background-transparent, transparent); --colors-theme-special-background-rgb: var(--colors-background-transparent, transparent); --colors-theme-special-text: --colors-theme-special-text-no-background; --colors-theme-special-text-rgb: --colors-theme-special-text-no-background-rgb; border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--after-info"][class*="--after-theme-border-natural"]:after { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195.0,195.0,195.0); } /* ======= ICONS ======== */ *[class*="--has-inline-icon"] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } *[class*="--has-inline-icon"] *[class*="__icon"]:not(*[class*="--has-inline-icon"]), *[class*="--has-inline-icon"] *[class*="-icon"]:not(*[class*="--has-inline-icon"]) { /* ELEMENTS */ /* MODIFIERS */ } *[class*="--has-inline-icon"] *[class*="__icon"]:not(*[class*="--has-inline-icon"]) svg, *[class*="--has-inline-icon"] *[class*="-icon"]:not(*[class*="--has-inline-icon"]) svg { display: block; } *[class*="--has-inline-icon"] *[class*="__icon"]:not(*[class*="--has-inline-icon"])[class*="--force-w"] svg, *[class*="--has-inline-icon"] *[class*="-icon"]:not(*[class*="--has-inline-icon"])[class*="--force-w"] svg { width: 100%; height: auto; } *[class*="--has-inline-icon"] *[class*="__icon"]:not(*[class*="--has-inline-icon"])[class*="--force-h"] svg, *[class*="--has-inline-icon"] *[class*="-icon"]:not(*[class*="--has-inline-icon"])[class*="--force-h"] svg { width: auto; height: 100%; } *[class*="__icon"]:not(*[class*="--has-inline-icon"]):not(*[class*="__icon-wrapper"]), *[class*="-icon"]:not(*[class*="--has-inline-icon"]):not(*[class*="__icon-wrapper"]) { /* MODIFIERS */ } *[class*="__icon"]:not(*[class*="--has-inline-icon"]):not(*[class*="__icon-wrapper"])[class*="--force-w"] svg, *[class*="-icon"]:not(*[class*="--has-inline-icon"]):not(*[class*="__icon-wrapper"])[class*="--force-w"] svg { width: 100%; height: auto; } *[class*="__icon"]:not(*[class*="--has-inline-icon"]):not(*[class*="__icon-wrapper"])[class*="--force-h"] svg, *[class*="-icon"]:not(*[class*="--has-inline-icon"]):not(*[class*="__icon-wrapper"])[class*="--force-h"] svg { width: auto; height: 100%; } *[class*="--is-arrow-icon"][class*="--arrow-start"] { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } *[class*="--is-arrow-icon"][class*="--arrow-end"] { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } *[class*="--is-success-icon"] .checkmark { display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; stroke-width: 2; stroke-miterlimit: 10; -webkit-box-shadow: inset 0px 0px 0px currentColor; -moz-box-shadow: inset 0px 0px 0px currentColor; box-shadow: inset 0px 0px 0px currentColor; -webkit-animation: fill 0.8s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; -moz-animation: fill 0.8s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; -o-animation: fill 0.8s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; animation: fill 0.8s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; } *[class*="--is-success-icon"] .checkmark__circle { stroke-dasharray: 216; stroke-dashoffset: 216; stroke-width: 2; stroke-miterlimit: 10; stroke: currentColor; fill: none; -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; -moz-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; -o-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } *[class*="--is-success-icon"] .checkmark__check { stroke: currentColor; stroke-width: 4; stroke-dasharray: 98; stroke-dashoffset: 98; transform-origin: 50% 50%; -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; -moz-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; -o-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } *[class*="--is-fail-icon"] .crossmark { display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; stroke-width: 2; stroke-miterlimit: 10; -webkit-box-shadow: inset 0px 0px 0px currentColor; -moz-box-shadow: inset 0px 0px 0px currentColor; box-shadow: inset 0px 0px 0px currentColor; -webkit-animation: fill 0.8s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; -moz-animation: fill 0.8s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; -o-animation: fill 0.8s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; animation: fill 0.8s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; } *[class*="--is-fail-icon"] .crossmark__circle { stroke-dasharray: 216; stroke-dashoffset: 216; stroke-width: 2; stroke-miterlimit: 10; stroke: currentColor; fill: none; -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; -moz-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; -o-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } *[class*="--is-fail-icon"] .crossmark__line { stroke: currentColor; stroke-width: 4; stroke-miterlimit: 10; stroke-dasharray: 98; stroke-dashoffset: 98; transform-origin: 50% 50%; -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; -moz-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; -o-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } /* ======= SCROLLBAR ======== */ *[class*="--scrollbar"]::-webkit-scrollbar { width: 5px; height: 5px; } *[class*="--scrollbar"]::-webkit-scrollbar-thumb { background: var(--colors-theme-background, #dddddd); background-clip: content-box; border: 5px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } *[class*="--scrollbar"]::-webkit-scrollbar-track { background: var(--colors-background-transparent, transparent); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } *[class*="--scrollbar"] { scrollbar-face-color: var(--colors-theme-background, #dddddd); scrollbar-track-color: var(--colors-background-transparent, transparent); } *[class*="--scrollbar"][class*="--scrollbar-default"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-natural-400, #FAF5EF); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); } *[class*="--scrollbar"][class*="--scrollbar-default"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #975B14); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--scrollbar"][class*="--scrollbar-primary"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #975B14); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--scrollbar"][class*="--scrollbar-primary"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-white, #FFFFFF); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--scrollbar"][class*="--scrollbar-primary-light"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-light, #A47341); --colors-theme-background-rgb: var(--colors-primary-light-rgb, 164,115,65); } *[class*="--scrollbar"][class*="--scrollbar-primary-light"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-black, #000000); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); } *[class*="--scrollbar"][class*="--scrollbar-primary-dark"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-dark, #4C241D); --colors-theme-background-rgb: var(--colors-primary-dark-rgb, 76,36,29); } *[class*="--scrollbar"][class*="--scrollbar-primary-dark"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-white, #FFFFFF); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--scrollbar"][class*="--scrollbar-secondary"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-secondary-base, #EED91E); --colors-theme-background-rgb: var(--colors-secondary-base-rgb, 238,217,30); } *[class*="--scrollbar"][class*="--scrollbar-secondary"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-foreground-natural-dark, ); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); } *[class*="--scrollbar"][class*="--scrollbar-secondary-light"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-secondary-light, #f2e14d); --colors-theme-background-rgb: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); } *[class*="--scrollbar"][class*="--scrollbar-secondary-light"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-foreground-natural-dark, ); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); } *[class*="--scrollbar"][class*="--scrollbar-secondary-dark"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-secondary-dark, #cab70f); --colors-theme-background-rgb: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); } *[class*="--scrollbar"][class*="--scrollbar-secondary-dark"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-foreground-natural-dark, ); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, ); } *[class*="--scrollbar"][class*="--scrollbar-natural"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-natural-400, #FAF5EF); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); } *[class*="--scrollbar"][class*="--scrollbar-natural"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #975B14); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--scrollbar"][class*="--scrollbar-natural-400"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-natural-400, #FAF5EF); --colors-theme-background-rgb: var(--colors-background-natural-400-rgb, 250,245,239); } *[class*="--scrollbar"][class*="--scrollbar-natural-400"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #975B14); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--scrollbar"][class*="--scrollbar-natural-700"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-natural-700, #F5E3D2); --colors-theme-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); } *[class*="--scrollbar"][class*="--scrollbar-natural-700"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #975B14); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--scrollbar"][class*="--scrollbar-natural-light"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-natural-100, #eeded07a); --colors-theme-background-rgb: var(--colors-background-natural-100-rgb, 238,222,208); } *[class*="--scrollbar"][class*="--scrollbar-natural-light"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-black, #000000); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); } *[class*="--scrollbar"][class*="--scrollbar-natural-dark"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-natural-700, #F5E3D2); --colors-theme-background-rgb: var(--colors-background-natural-700-rgb, 245,227,210); } *[class*="--scrollbar"][class*="--scrollbar-natural-dark"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #975B14); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--scrollbar"][class*="--scrollbar-white"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-white, #FFFFFF); --colors-theme-background-rgb: var(--colors-background-white-rgb, 255,255,255); } *[class*="--scrollbar"][class*="--scrollbar-white"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-black, #000000); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); } *[class*="--scrollbar"][class*="--scrollbar-black"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-black, #000000); --colors-theme-background-rgb: var(--colors-background-black-rgb, 0,0,0); } *[class*="--scrollbar"][class*="--scrollbar-black"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #975B14); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--scrollbar"][class*="--scrollbar-grey-dark"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-natural-grey-700, #242424); --colors-theme-background-rgb: var(--colors-natural-grey-700-rgb, 36,36,36); } *[class*="--scrollbar"][class*="--scrollbar-grey-dark"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #975B14); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--scrollbar"][class*="--scrollbar-grey-base"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-natural-grey-400, #242424e6); --colors-theme-background-rgb: var(--colors-natural-grey-400-rgb, 36,36,36); } *[class*="--scrollbar"][class*="--scrollbar-grey-base"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #975B14); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--scrollbar"][class*="--scrollbar-grey-light"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-natural-grey-100, #24242480); --colors-theme-background-rgb: var(--colors-natural-grey-100-rgb, 36,36,36); } *[class*="--scrollbar"][class*="--scrollbar-grey-light"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #975B14); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--scrollbar"][class*="--scrollbar-success"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-state-success, #a6f3b4); --colors-theme-background-rgb: var(--colors-state-success-rgb, 166.12,242.88,180.26); } *[class*="--scrollbar"][class*="--scrollbar-success"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-foreground-black, #000000); --colors-theme-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--scrollbar"][class*="--scrollbar-success-light"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-state-success-light, #d3f9da); --colors-theme-background-rgb: var(--colors-state-success-light-rgb, 211,249,218); } *[class*="--scrollbar"][class*="--scrollbar-success-light"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-foreground-black, #000000); --colors-theme-background-rgb: var(--colors-foreground-black-rgb, 0,0,0); } *[class*="--scrollbar"][class*="--scrollbar-danger"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-state-danger, #f25767); --colors-theme-background-rgb: var(--colors-state-danger-rgb, 242,87,103); } *[class*="--scrollbar"][class*="--scrollbar-danger"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--scrollbar"][class*="--scrollbar-info"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-state-info, #0CC0DF); --colors-theme-background-rgb: var(--colors-state-info-rgb, 12,192,223); } *[class*="--scrollbar"][class*="--scrollbar-info"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-foreground-white, #FFFFFF); --colors-theme-background-rgb: var(--colors-foreground-white-rgb, 255,255,255); } *[class*="--scrollbar"][class*="--scrollbar-hidden"]::-webkit-scrollbar { width: 0; height: 0; } *[class*="--scrollbar"][class*="--scrollbar-hidden"]::-webkit-scrollbar-thumb { background: var(--colors-foreground-transparent, transparent); background-clip: content-box; border: 5px solid var(--colors-background-transparent, transparent); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } *[class*="--scrollbar"][class*="--scrollbar-hidden"]::-webkit-scrollbar-track { background: var(--colors-background-transparent, transparent); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } *[class*="--scrollbar"][class*="--scrollbar-hidden"] { scrollbar-face-color: var(--colors-foreground-transparent, transparent); scrollbar-track-color: var(--colors-background-transparent, transparent); } /* ======= TRANSFORM ======== */ *[class*="--transform"] { -webkit-transform: translateX(var(--transform-translateX, 0)) translateY(var(--transform-translateY, 0)) scaleX(var(--transform-scaleX, 1)) scaleY(var(--transform-scaleY, 1)); -ms-transform: translateX(var(--transform-translateX, 0)) translateY(var(--transform-translateY, 0)) scaleX(var(--transform-scaleX, 1)) scaleY(var(--transform-scaleY, 1)); transform: translateX(var(--transform-translateX, 0)) translateY(var(--transform-translateY, 0)) scaleX(var(--transform-scaleX, 1)) scaleY(var(--transform-scaleY, 1)); } /* ======= ICONS ======== */ *[class*="--img-fluid"] { max-width: 100%; height: auto; } *[class*="__image-wrapper"] *[class*="--img-force-size"] { width: 100%; height: 100%; object-fit: cover; } *[class*="--aspect-ratio"] { position: relative; margin-left: auto; margin-right: auto; /** aspect ratio Breakpoints loop for create responsive */ } *[class*="--aspect-ratio"]:before { content: ''; display: block; padding-top: calc(100% * var(--aspect-ratio)); } *[class*="--aspect-ratio"] > * { width: 100%; height: 100%; position: absolute; top: 0; right: 0; } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } @media (min-width: 576px) { *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-sm-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } } @media (min-width: 768px) { *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-md-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } } @media (min-width: 992px) { *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-lg-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } } @media (min-width: 1200px) { *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } } @media (min-width: 1440px) { *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } } @media (min-width: 1600px) { *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } } @media (min-width: 1900px) { *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] { margin-left: var(--spaces-reset, 0); margin-right: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"]:before { padding-top: var(--spaces-reset, 0); } *[class*="--aspect-ratio"][class*="--media-xxxxl-aspect-ratio-reset"] > * { width: auto; height: auto; position: static; top: var(--spaces-auto, auto); right: var(--spaces-auto, auto); } } /* ======= VECTORS ======== */ *[class*="--has-inline-vector"] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } *[class*="--has-inline-vector"] *[class*="__vector"]:not(*[class*="--has-inline-vector"]), *[class*="--has-inline-vector"] *[class*="-vector"]:not(*[class*="--has-inline-vector"]) { /* ELEMENTS */ } *[class*="--has-inline-vector"] *[class*="__vector"]:not(*[class*="--has-inline-vector"]) svg, *[class*="--has-inline-vector"] *[class*="-vector"]:not(*[class*="--has-inline-vector"]) svg { display: block; } *[class*="--has-vector"][class*="--vector-force-w"] svg, *[class*="--has-inline-vector"][class*="--vector-force-w"] svg { width: 100%; height: auto; } *[class*="--has-vector"][class*="--vector-force-h"] svg, *[class*="--has-inline-vector"][class*="--vector-force-h"] svg { width: auto; height: 100%; } *[class*="--has-vector"][class*="--vector-force-size"] svg, *[class*="--has-inline-vector"][class*="--vector-force-size"] svg { width: 100%; height: 100%; } /* ======= UTILITIES ======== */ *[class*="--direction-ltr"] { direction: ltr; } *[class*="--direction-rtl"] { direction: rtl; } *[class*="--m-reset"] { margin: var(--spaces-reset, 0); } *[class*="--m-auto"] { margin: var(--spaces-auto, auto); } *[class*="--m-inherit"] { margin: var(--spaces-inherit, inherit); } *[class*="--m-xxxs"] { margin: var(--spaces-xxxs, 0.125rem); } *[class*="--m-xxs"] { margin: var(--spaces-xxs, 0.25rem); } *[class*="--m-xs"] { margin: var(--spaces-xs, 0.5rem); } *[class*="--m-sm"] { margin: var(--spaces-sm, 0.75rem); } *[class*="--m-md"] { margin: var(--spaces-md, 1rem); } *[class*="--m-lg"] { margin: var(--spaces-lg, 1.5rem); } *[class*="--m-xl"] { margin: var(--spaces-xl, 2.5rem); } *[class*="--m-xxl"] { margin: var(--spaces-xxl, 5rem); } *[class*="--m-xxxl"] { margin: var(--spaces-xxxl, 8rem); } *[class*="--m-xxxxl"] { margin: var(--spaces-xxxxl, 12rem); } *[class*="--m-xxxxxl"] { margin: var(--spaces-xxxxxl, 15rem); } *[class*="--m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 18rem); } *[class*="--mx-reset"] { margin-right: var(--spaces-reset, 0); margin-left: var(--spaces-reset, 0); } *[class*="--mx-auto"] { margin-right: var(--spaces-auto, auto); margin-left: var(--spaces-auto, auto); } *[class*="--mx-inherit"] { margin-right: var(--spaces-inherit, inherit); margin-left: var(--spaces-inherit, inherit); } *[class*="--mx-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--mx-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--mx-xs"] { margin-right: var(--spaces-xs, 0.5rem); margin-left: var(--spaces-xs, 0.5rem); } *[class*="--mx-sm"] { margin-right: var(--spaces-sm, 0.75rem); margin-left: var(--spaces-sm, 0.75rem); } *[class*="--mx-md"] { margin-right: var(--spaces-md, 1rem); margin-left: var(--spaces-md, 1rem); } *[class*="--mx-lg"] { margin-right: var(--spaces-lg, 1.5rem); margin-left: var(--spaces-lg, 1.5rem); } *[class*="--mx-xl"] { margin-right: var(--spaces-xl, 2.5rem); margin-left: var(--spaces-xl, 2.5rem); } *[class*="--mx-xxl"] { margin-right: var(--spaces-xxl, 5rem); margin-left: var(--spaces-xxl, 5rem); } *[class*="--mx-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); margin-left: var(--spaces-xxxl, 8rem); } *[class*="--mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--my-reset"] { margin-top: var(--spaces-reset, 0); margin-bottom: var(--spaces-reset, 0); } *[class*="--my-auto"] { margin-top: var(--spaces-auto, auto); margin-bottom: var(--spaces-auto, auto); } *[class*="--my-inherit"] { margin-top: var(--spaces-inherit, inherit); margin-bottom: var(--spaces-inherit, inherit); } *[class*="--my-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--my-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--my-xs"] { margin-top: var(--spaces-xs, 0.5rem); margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--my-sm"] { margin-top: var(--spaces-sm, 0.75rem); margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--my-md"] { margin-top: var(--spaces-md, 1rem); margin-bottom: var(--spaces-md, 1rem); } *[class*="--my-lg"] { margin-top: var(--spaces-lg, 1.5rem); margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--my-xl"] { margin-top: var(--spaces-xl, 2.5rem); margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--my-xxl"] { margin-top: var(--spaces-xxl, 5rem); margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--my-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--my-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--mt-reset"] { margin-top: var(--spaces-reset, 0); } *[class*="--mt-auto"] { margin-top: var(--spaces-auto, auto); } *[class*="--mt-inherit"] { margin-top: var(--spaces-inherit, inherit); } *[class*="--mt-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); } *[class*="--mt-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); } *[class*="--mt-xs"] { margin-top: var(--spaces-xs, 0.5rem); } *[class*="--mt-sm"] { margin-top: var(--spaces-sm, 0.75rem); } *[class*="--mt-md"] { margin-top: var(--spaces-md, 1rem); } *[class*="--mt-lg"] { margin-top: var(--spaces-lg, 1.5rem); } *[class*="--mt-xl"] { margin-top: var(--spaces-xl, 2.5rem); } *[class*="--mt-xxl"] { margin-top: var(--spaces-xxl, 5rem); } *[class*="--mt-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); } *[class*="--mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); } *[class*="--mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); } *[class*="--mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--mb-reset"] { margin-bottom: var(--spaces-reset, 0); } *[class*="--mb-auto"] { margin-bottom: var(--spaces-auto, auto); } *[class*="--mb-inherit"] { margin-bottom: var(--spaces-inherit, inherit); } *[class*="--mb-xxxs"] { margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--mb-xxs"] { margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--mb-xs"] { margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--mb-sm"] { margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--mb-md"] { margin-bottom: var(--spaces-md, 1rem); } *[class*="--mb-lg"] { margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--mb-xl"] { margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--mb-xxl"] { margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--ms-reset"] { margin-right: var(--spaces-reset, 0); } *[class*="--ms-auto"] { margin-right: var(--spaces-auto, auto); } *[class*="--ms-inherit"] { margin-right: var(--spaces-inherit, inherit); } *[class*="--ms-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); } *[class*="--ms-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); } *[class*="--ms-xs"] { margin-right: var(--spaces-xs, 0.5rem); } *[class*="--ms-sm"] { margin-right: var(--spaces-sm, 0.75rem); } *[class*="--ms-md"] { margin-right: var(--spaces-md, 1rem); } *[class*="--ms-lg"] { margin-right: var(--spaces-lg, 1.5rem); } *[class*="--ms-xl"] { margin-right: var(--spaces-xl, 2.5rem); } *[class*="--ms-xxl"] { margin-right: var(--spaces-xxl, 5rem); } *[class*="--ms-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); } *[class*="--ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); } *[class*="--ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); } *[class*="--ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--me-reset"] { margin-left: var(--spaces-reset, 0); } *[class*="--me-auto"] { margin-left: var(--spaces-auto, auto); } *[class*="--me-inherit"] { margin-left: var(--spaces-inherit, inherit); } *[class*="--me-xxxs"] { margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--me-xxs"] { margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--me-xs"] { margin-left: var(--spaces-xs, 0.5rem); } *[class*="--me-sm"] { margin-left: var(--spaces-sm, 0.75rem); } *[class*="--me-md"] { margin-left: var(--spaces-md, 1rem); } *[class*="--me-lg"] { margin-left: var(--spaces-lg, 1.5rem); } *[class*="--me-xl"] { margin-left: var(--spaces-xl, 2.5rem); } *[class*="--me-xxl"] { margin-left: var(--spaces-xxl, 5rem); } *[class*="--me-xxxl"] { margin-left: var(--spaces-xxxl, 8rem); } *[class*="--me-xxxxl"] { margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--p-reset"] { padding: var(--spaces-reset, 0); } *[class*="--p-auto"] { padding: var(--spaces-auto, auto); } *[class*="--p-inherit"] { padding: var(--spaces-inherit, inherit); } *[class*="--p-xxxs"] { padding: var(--spaces-xxxs, 0.125rem); } *[class*="--p-xxs"] { padding: var(--spaces-xxs, 0.25rem); } *[class*="--p-xs"] { padding: var(--spaces-xs, 0.5rem); } *[class*="--p-sm"] { padding: var(--spaces-sm, 0.75rem); } *[class*="--p-md"] { padding: var(--spaces-md, 1rem); } *[class*="--p-lg"] { padding: var(--spaces-lg, 1.5rem); } *[class*="--p-xl"] { padding: var(--spaces-xl, 2.5rem); } *[class*="--p-xxl"] { padding: var(--spaces-xxl, 5rem); } *[class*="--p-xxxl"] { padding: var(--spaces-xxxl, 8rem); } *[class*="--p-xxxxl"] { padding: var(--spaces-xxxxl, 12rem); } *[class*="--p-xxxxxl"] { padding: var(--spaces-xxxxxl, 15rem); } *[class*="--p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 18rem); } *[class*="--px-reset"] { padding-right: var(--spaces-reset, 0); padding-left: var(--spaces-reset, 0); } *[class*="--px-auto"] { padding-right: var(--spaces-auto, auto); padding-left: var(--spaces-auto, auto); } *[class*="--px-inherit"] { padding-right: var(--spaces-inherit, inherit); padding-left: var(--spaces-inherit, inherit); } *[class*="--px-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--px-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--px-xs"] { padding-right: var(--spaces-xs, 0.5rem); padding-left: var(--spaces-xs, 0.5rem); } *[class*="--px-sm"] { padding-right: var(--spaces-sm, 0.75rem); padding-left: var(--spaces-sm, 0.75rem); } *[class*="--px-md"] { padding-right: var(--spaces-md, 1rem); padding-left: var(--spaces-md, 1rem); } *[class*="--px-lg"] { padding-right: var(--spaces-lg, 1.5rem); padding-left: var(--spaces-lg, 1.5rem); } *[class*="--px-xl"] { padding-right: var(--spaces-xl, 2.5rem); padding-left: var(--spaces-xl, 2.5rem); } *[class*="--px-xxl"] { padding-right: var(--spaces-xxl, 5rem); padding-left: var(--spaces-xxl, 5rem); } *[class*="--px-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); padding-left: var(--spaces-xxxl, 8rem); } *[class*="--px-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--py-reset"] { padding-top: var(--spaces-reset, 0); padding-bottom: var(--spaces-reset, 0); } *[class*="--py-auto"] { padding-top: var(--spaces-auto, auto); padding-bottom: var(--spaces-auto, auto); } *[class*="--py-inherit"] { padding-top: var(--spaces-inherit, inherit); padding-bottom: var(--spaces-inherit, inherit); } *[class*="--py-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--py-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--py-xs"] { padding-top: var(--spaces-xs, 0.5rem); padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--py-sm"] { padding-top: var(--spaces-sm, 0.75rem); padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--py-md"] { padding-top: var(--spaces-md, 1rem); padding-bottom: var(--spaces-md, 1rem); } *[class*="--py-lg"] { padding-top: var(--spaces-lg, 1.5rem); padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--py-xl"] { padding-top: var(--spaces-xl, 2.5rem); padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--py-xxl"] { padding-top: var(--spaces-xxl, 5rem); padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--py-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--py-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--pt-reset"] { padding-top: var(--spaces-reset, 0); } *[class*="--pt-auto"] { padding-top: var(--spaces-auto, auto); } *[class*="--pt-inherit"] { padding-top: var(--spaces-inherit, inherit); } *[class*="--pt-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); } *[class*="--pt-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); } *[class*="--pt-xs"] { padding-top: var(--spaces-xs, 0.5rem); } *[class*="--pt-sm"] { padding-top: var(--spaces-sm, 0.75rem); } *[class*="--pt-md"] { padding-top: var(--spaces-md, 1rem); } *[class*="--pt-lg"] { padding-top: var(--spaces-lg, 1.5rem); } *[class*="--pt-xl"] { padding-top: var(--spaces-xl, 2.5rem); } *[class*="--pt-xxl"] { padding-top: var(--spaces-xxl, 5rem); } *[class*="--pt-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); } *[class*="--pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); } *[class*="--pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); } *[class*="--pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--pb-reset"] { padding-bottom: var(--spaces-reset, 0); } *[class*="--pb-auto"] { padding-bottom: var(--spaces-auto, auto); } *[class*="--pb-inherit"] { padding-bottom: var(--spaces-inherit, inherit); } *[class*="--pb-xxxs"] { padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--pb-xxs"] { padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--pb-xs"] { padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--pb-sm"] { padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--pb-md"] { padding-bottom: var(--spaces-md, 1rem); } *[class*="--pb-lg"] { padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--pb-xl"] { padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--pb-xxl"] { padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--ps-reset"] { padding-right: var(--spaces-reset, 0); } *[class*="--ps-auto"] { padding-right: var(--spaces-auto, auto); } *[class*="--ps-inherit"] { padding-right: var(--spaces-inherit, inherit); } *[class*="--ps-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); } *[class*="--ps-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); } *[class*="--ps-xs"] { padding-right: var(--spaces-xs, 0.5rem); } *[class*="--ps-sm"] { padding-right: var(--spaces-sm, 0.75rem); } *[class*="--ps-md"] { padding-right: var(--spaces-md, 1rem); } *[class*="--ps-lg"] { padding-right: var(--spaces-lg, 1.5rem); } *[class*="--ps-xl"] { padding-right: var(--spaces-xl, 2.5rem); } *[class*="--ps-xxl"] { padding-right: var(--spaces-xxl, 5rem); } *[class*="--ps-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); } *[class*="--ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); } *[class*="--ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); } *[class*="--ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--pe-reset"] { padding-left: var(--spaces-reset, 0); } *[class*="--pe-auto"] { padding-left: var(--spaces-auto, auto); } *[class*="--pe-inherit"] { padding-left: var(--spaces-inherit, inherit); } *[class*="--pe-xxxs"] { padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--pe-xxs"] { padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--pe-xs"] { padding-left: var(--spaces-xs, 0.5rem); } *[class*="--pe-sm"] { padding-left: var(--spaces-sm, 0.75rem); } *[class*="--pe-md"] { padding-left: var(--spaces-md, 1rem); } *[class*="--pe-lg"] { padding-left: var(--spaces-lg, 1.5rem); } *[class*="--pe-xl"] { padding-left: var(--spaces-xl, 2.5rem); } *[class*="--pe-xxl"] { padding-left: var(--spaces-xxl, 5rem); } *[class*="--pe-xxxl"] { padding-left: var(--spaces-xxxl, 8rem); } *[class*="--pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--flex-1"] { flex: 1 1 0%; } *[class*="--flex-auto"] { flex: 1 1 auto; } *[class*="--flex-initial"] { flex: 0 1 auto; } *[class*="--flex-none"] { flex: none; } *[class*="--flex-direction-row"] { flex-direction: row; } *[class*="--flex-direction-row-reverse"] { flex-direction: row-reverse; } *[class*="--flex-direction-column"] { flex-direction: column; } *[class*="--flex-direction-column-reverse"] { flex-direction: column-reverse; } *[class*="--flex-wrap-wrap"] { flex-wrap: wrap; } *[class*="--flex-wrap-nowrap"] { flex-wrap: nowrap; } *[class*="--order-first"] { order: -1; } *[class*="--order-0"] { order: 0; } *[class*="--order-1"] { order: 1; } *[class*="--order-2"] { order: 2; } *[class*="--order-3"] { order: 3; } *[class*="--order-4"] { order: 4; } *[class*="--order-5"] { order: 5; } *[class*="--order-6"] { order: 6; } *[class*="--order-7"] { order: 7; } *[class*="--order-8"] { order: 8; } *[class*="--order-9"] { order: 9; } *[class*="--order-last"] { order: 10; } *[class*="--flex-basis-auto"] { flex-basis: auto; } *[class*="--flex-basis-0"] { flex-basis: 0; } *[class*="--flex-basis-1"] { flex-basis: 1; } *[class*="--flex-grow-auto"] { flex-grow: auto; } *[class*="--flex-grow-0"] { flex-grow: 0; } *[class*="--flex-grow-1"] { flex-grow: 1; } .grid { display: grid; } *[class*="--cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)); } *[class*="--cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } *[class*="--cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } *[class*="--cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } *[class*="--cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); } *[class*="--cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); } *[class*="--cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)); } *[class*="--cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)); } *[class*="--cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)); } *[class*="--cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)); } *[class*="--cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)); } *[class*="--cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)); } *[class*="--col-span-full"] { grid-column: -1; } *[class*="--col-span-1"] { grid-column: span 1/span 1; } *[class*="--col-span-2"] { grid-column: span 2/span 2; } *[class*="--col-span-3"] { grid-column: span 3/span 3; } *[class*="--col-span-4"] { grid-column: span 4/span 4; } *[class*="--col-span-5"] { grid-column: span 5/span 5; } *[class*="--col-span-6"] { grid-column: span 6/span 6; } *[class*="--col-span-7"] { grid-column: span 7/span 7; } *[class*="--col-span-8"] { grid-column: span 8/span 8; } *[class*="--col-span-9"] { grid-column: span 9/span 9; } *[class*="--col-span-10"] { grid-column: span 10/span 10; } *[class*="--col-span-11"] { grid-column: span 11/span 11; } *[class*="--col-span-12"] { grid-column: span 12/span 12; } *[class*="--col-start-auto"] { grid-column-start: auto; } *[class*="--col-start-1"] { grid-column-start: 1; } *[class*="--col-start-2"] { grid-column-start: 2; } *[class*="--col-start-3"] { grid-column-start: 3; } *[class*="--col-start-4"] { grid-column-start: 4; } *[class*="--col-start-5"] { grid-column-start: 5; } *[class*="--col-start-6"] { grid-column-start: 6; } *[class*="--col-start-7"] { grid-column-start: 7; } *[class*="--col-start-8"] { grid-column-start: 8; } *[class*="--col-start-9"] { grid-column-start: 9; } *[class*="--col-start-10"] { grid-column-start: 10; } *[class*="--col-start-11"] { grid-column-start: 11; } *[class*="--col-start-12"] { grid-column-start: 12; } *[class*="--col-end-auto"] { grid-column-end: auto; } *[class*="--col-end-1"] { grid-column-end: 1; } *[class*="--col-end-2"] { grid-column-end: 2; } *[class*="--col-end-3"] { grid-column-end: 3; } *[class*="--col-end-4"] { grid-column-end: 4; } *[class*="--col-end-5"] { grid-column-end: 5; } *[class*="--col-end-6"] { grid-column-end: 6; } *[class*="--col-end-7"] { grid-column-end: 7; } *[class*="--col-end-8"] { grid-column-end: 8; } *[class*="--col-end-9"] { grid-column-end: 9; } *[class*="--col-end-10"] { grid-column-end: 10; } *[class*="--col-end-11"] { grid-column-end: 11; } *[class*="--col-end-12"] { grid-column-end: 12; } *[class*="--gap-reset"] { gap: 0; } *[class*="--gap-auto"] { gap: auto; } *[class*="--gap-inherit"] { gap: inherit; } *[class*="--gap-xxxs"] { gap: 0.125rem; } *[class*="--gap-xxs"] { gap: 0.25rem; } *[class*="--gap-xs"] { gap: 0.5rem; } *[class*="--gap-sm"] { gap: 0.75rem; } *[class*="--gap-md"] { gap: 1rem; } *[class*="--gap-lg"] { gap: 1.5rem; } *[class*="--gap-xl"] { gap: 2.5rem; } *[class*="--gap-xxl"] { gap: 5rem; } *[class*="--gap-xxxl"] { gap: 8rem; } *[class*="--gap-xxxxl"] { gap: 12rem; } *[class*="--gap-xxxxxl"] { gap: 15rem; } *[class*="--gap-xxxxxxl"] { gap: 18rem; } *[class*="--gap-x-reset"] { column-gap: 0; } *[class*="--gap-x-auto"] { column-gap: auto; } *[class*="--gap-x-inherit"] { column-gap: inherit; } *[class*="--gap-x-xxxs"] { column-gap: 0.125rem; } *[class*="--gap-x-xxs"] { column-gap: 0.25rem; } *[class*="--gap-x-xs"] { column-gap: 0.5rem; } *[class*="--gap-x-sm"] { column-gap: 0.75rem; } *[class*="--gap-x-md"] { column-gap: 1rem; } *[class*="--gap-x-lg"] { column-gap: 1.5rem; } *[class*="--gap-x-xl"] { column-gap: 2.5rem; } *[class*="--gap-x-xxl"] { column-gap: 5rem; } *[class*="--gap-x-xxxl"] { column-gap: 8rem; } *[class*="--gap-x-xxxxl"] { column-gap: 12rem; } *[class*="--gap-x-xxxxxl"] { column-gap: 15rem; } *[class*="--gap-x-xxxxxxl"] { column-gap: 18rem; } *[class*="--gap-y-reset"] { row-gap: 0; } *[class*="--gap-y-auto"] { row-gap: auto; } *[class*="--gap-y-inherit"] { row-gap: inherit; } *[class*="--gap-y-xxxs"] { row-gap: 0.125rem; } *[class*="--gap-y-xxs"] { row-gap: 0.25rem; } *[class*="--gap-y-xs"] { row-gap: 0.5rem; } *[class*="--gap-y-sm"] { row-gap: 0.75rem; } *[class*="--gap-y-md"] { row-gap: 1rem; } *[class*="--gap-y-lg"] { row-gap: 1.5rem; } *[class*="--gap-y-xl"] { row-gap: 2.5rem; } *[class*="--gap-y-xxl"] { row-gap: 5rem; } *[class*="--gap-y-xxxl"] { row-gap: 8rem; } *[class*="--gap-y-xxxxl"] { row-gap: 12rem; } *[class*="--gap-y-xxxxxl"] { row-gap: 15rem; } *[class*="--gap-y-xxxxxxl"] { row-gap: 18rem; } *[class*="--justify-content-start"] { justify-content: flex-start; } *[class*="--justify-content-end"] { justify-content: flex-end; } *[class*="--justify-content-center"] { justify-content: center; } *[class*="--justify-content-between"] { justify-content: space-between; } *[class*="--justify-content-around"] { justify-content: space-around; } *[class*="--justify-content-evenly"] { justify-content: space-evenly; } *[class*="--align-items-start"] { align-items: flex-start; } *[class*="--align-items-end"] { align-items: flex-end; } *[class*="--align-items-center"] { align-items: center; } *[class*="--align-items-baseline"] { align-items: baseline; } *[class*="--align-items-stretch"] { align-items: stretch; } *[class*="--align-content-start"] { align-content: flex-start; } *[class*="--align-content-end"] { align-content: flex-end; } *[class*="--align-content-center"] { align-content: center; } *[class*="--align-content-between"] { align-content: space-between; } *[class*="--align-content-around"] { align-content: space-around; } *[class*="--align-content-stretch"] { align-content: stretch; } *[class*="--justify-self-auto"] { justify-self: auto; } *[class*="--justify-self-start"] { justify-self: flex-start; } *[class*="--justify-self-end"] { justify-self: flex-end; } *[class*="--justify-self-center"] { justify-self: center; } *[class*="--justify-self-baseline"] { justify-self: baseline; } *[class*="--justify-self-stretch"] { justify-self: stretch; } *[class*="--align-self-auto"] { align-self: auto; } *[class*="--align-self-start"] { align-self: flex-start; } *[class*="--align-self-end"] { align-self: flex-end; } *[class*="--align-self-center"] { align-self: center; } *[class*="--align-self-baseline"] { align-self: baseline; } *[class*="--align-self-stretch"] { align-self: stretch; } *[class*="--theme-bgopacity-0"] { --theme-background-opacity: 0; } *[class*="--hover-theme-bgopacity-0"]:hover { --theme-background-opacity: 0; } *[class*="--theme-bgopacity-10"] { --theme-background-opacity: 0.1; } *[class*="--hover-theme-bgopacity-10"]:hover { --theme-background-opacity: 0.1; } *[class*="--theme-bgopacity-20"] { --theme-background-opacity: 0.2; } *[class*="--hover-theme-bgopacity-20"]:hover { --theme-background-opacity: 0.2; } *[class*="--theme-bgopacity-30"] { --theme-background-opacity: 0.3; } *[class*="--hover-theme-bgopacity-30"]:hover { --theme-background-opacity: 0.3; } *[class*="--theme-bgopacity-40"] { --theme-background-opacity: 0.4; } *[class*="--hover-theme-bgopacity-40"]:hover { --theme-background-opacity: 0.4; } *[class*="--theme-bgopacity-50"] { --theme-background-opacity: 0.5; } *[class*="--hover-theme-bgopacity-50"]:hover { --theme-background-opacity: 0.5; } *[class*="--theme-bgopacity-60"] { --theme-background-opacity: 0.6; } *[class*="--hover-theme-bgopacity-60"]:hover { --theme-background-opacity: 0.6; } *[class*="--theme-bgopacity-70"] { --theme-background-opacity: 0.7; } *[class*="--hover-theme-bgopacity-70"]:hover { --theme-background-opacity: 0.7; } *[class*="--theme-bgopacity-80"] { --theme-background-opacity: 0.8; } *[class*="--hover-theme-bgopacity-80"]:hover { --theme-background-opacity: 0.8; } *[class*="--theme-bgopacity-90"] { --theme-background-opacity: 0.9; } *[class*="--hover-theme-bgopacity-90"]:hover { --theme-background-opacity: 0.9; } *[class*="--theme-bgopacity-100"] { --theme-background-opacity: 1; } *[class*="--hover-theme-bgopacity-100"]:hover { --theme-background-opacity: 1; } *[class*="--theme-tnobgopacity-0"] { --theme-text-no-bg-opacity: 0; } *[class*="--hover-theme-tnobgopacity-0"]:hover { --theme-text-no-bg-opacity: 0; } *[class*="--theme-tnobgopacity-10"] { --theme-text-no-bg-opacity: 0.1; } *[class*="--hover-theme-tnobgopacity-10"]:hover { --theme-text-no-bg-opacity: 0.1; } *[class*="--theme-tnobgopacity-20"] { --theme-text-no-bg-opacity: 0.2; } *[class*="--hover-theme-tnobgopacity-20"]:hover { --theme-text-no-bg-opacity: 0.2; } *[class*="--theme-tnobgopacity-30"] { --theme-text-no-bg-opacity: 0.3; } *[class*="--hover-theme-tnobgopacity-30"]:hover { --theme-text-no-bg-opacity: 0.3; } *[class*="--theme-tnobgopacity-40"] { --theme-text-no-bg-opacity: 0.4; } *[class*="--hover-theme-tnobgopacity-40"]:hover { --theme-text-no-bg-opacity: 0.4; } *[class*="--theme-tnobgopacity-50"] { --theme-text-no-bg-opacity: 0.5; } *[class*="--hover-theme-tnobgopacity-50"]:hover { --theme-text-no-bg-opacity: 0.5; } *[class*="--theme-tnobgopacity-60"] { --theme-text-no-bg-opacity: 0.6; } *[class*="--hover-theme-tnobgopacity-60"]:hover { --theme-text-no-bg-opacity: 0.6; } *[class*="--theme-tnobgopacity-70"] { --theme-text-no-bg-opacity: 0.7; } *[class*="--hover-theme-tnobgopacity-70"]:hover { --theme-text-no-bg-opacity: 0.7; } *[class*="--theme-tnobgopacity-80"] { --theme-text-no-bg-opacity: 0.8; } *[class*="--hover-theme-tnobgopacity-80"]:hover { --theme-text-no-bg-opacity: 0.8; } *[class*="--theme-tnobgopacity-90"] { --theme-text-no-bg-opacity: 0.9; } *[class*="--hover-theme-tnobgopacity-90"]:hover { --theme-text-no-bg-opacity: 0.9; } *[class*="--theme-tnobgopacity-100"] { --theme-text-no-bg-opacity: 1; } *[class*="--hover-theme-tnobgopacity-100"]:hover { --theme-text-no-bg-opacity: 1; } *[class*="--b-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--b-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--b-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--b-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--b-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--b-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--b-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--b-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--b-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--b-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--b-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--b-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--b-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--b-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--b-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--b-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--b-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--b-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--b-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--b-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--b-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--b-0"] { border: 0; } *[class*="--b-bg-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--b-bg-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--b-bg-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--b-bg-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--b-bg-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--b-bg-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--b-bg-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--b-bg-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--b-bg-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--b-bg-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--b-bg-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--b-bg-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--b-bg-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--b-bg-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--b-bg-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--b-bg-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--b-bg-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--b-bg-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--b-bg-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--b-bg-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--b-bg-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--b-bg-0"] { border: 0; } *[class*="--bt-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bt-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--bt-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--bt-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--bt-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--bt-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--bt-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--bt-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bt-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bt-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bt-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--bt-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bt-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--bt-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--bt-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--bt-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--bt-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--bt-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--bt-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bt-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--bt-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--bt-0"] { border-top: 0; } *[class*="--bt-bg-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bt-bg-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--bt-bg-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--bt-bg-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--bt-bg-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--bt-bg-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--bt-bg-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--bt-bg-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bt-bg-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bt-bg-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bt-bg-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--bt-bg-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bt-bg-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--bt-bg-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--bt-bg-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--bt-bg-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--bt-bg-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--bt-bg-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--bt-bg-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bt-bg-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--bt-bg-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--bt-bg-0"] { border-top: 0; } *[class*="--bb-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bb-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--bb-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--bb-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--bb-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--bb-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--bb-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--bb-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bb-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bb-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bb-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--bb-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bb-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--bb-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--bb-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--bb-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--bb-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--bb-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--bb-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bb-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--bb-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--bb-0"] { border-bottom: 0; } *[class*="--bb-bg-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bb-bg-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--bb-bg-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--bb-bg-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--bb-bg-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--bb-bg-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--bb-bg-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--bb-bg-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bb-bg-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bb-bg-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bb-bg-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--bb-bg-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bb-bg-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--bb-bg-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--bb-bg-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--bb-bg-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--bb-bg-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--bb-bg-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--bb-bg-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bb-bg-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--bb-bg-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--bb-bg-0"] { border-bottom: 0; } *[class*="--bs-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bs-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--bs-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--bs-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--bs-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--bs-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--bs-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--bs-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bs-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bs-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bs-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--bs-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bs-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--bs-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--bs-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--bs-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--bs-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--bs-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--bs-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bs-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--bs-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--bs-0"] { border-right: 0; } *[class*="--bs-bg-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bs-bg-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--bs-bg-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--bs-bg-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--bs-bg-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--bs-bg-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--bs-bg-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--bs-bg-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bs-bg-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--bs-bg-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bs-bg-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--bs-bg-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--bs-bg-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--bs-bg-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--bs-bg-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--bs-bg-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--bs-bg-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--bs-bg-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--bs-bg-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bs-bg-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--bs-bg-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--bs-bg-0"] { border-right: 0; } *[class*="--be-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--be-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--be-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--be-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--be-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--be-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--be-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--be-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--be-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--be-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--be-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--be-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--be-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--be-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--be-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--be-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--be-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--be-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--be-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--be-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--be-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--be-0"] { border-left: 0; } *[class*="--be-bg-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--be-bg-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--be-bg-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--be-bg-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--be-bg-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--be-bg-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--be-bg-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--be-bg-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--be-bg-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--be-bg-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--be-bg-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--be-bg-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--be-bg-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--be-bg-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--be-bg-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--be-bg-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--be-bg-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--be-bg-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--be-bg-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--be-bg-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--be-bg-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--be-bg-0"] { border-left: 0; } *[class*="--br-xs"] { border-radius: 5px; } *[class*="--before-br-xs"]:before { border-radius: 5px; } *[class*="--after-br-xs"]:after { border-radius: 5px; } *[class*="--br-sm"] { border-radius: 7.5px; } *[class*="--before-br-sm"]:before { border-radius: 7.5px; } *[class*="--after-br-sm"]:after { border-radius: 7.5px; } *[class*="--br-md"] { border-radius: 10px; } *[class*="--before-br-md"]:before { border-radius: 10px; } *[class*="--after-br-md"]:after { border-radius: 10px; } *[class*="--br-lg"] { border-radius: 15px; } *[class*="--before-br-lg"]:before { border-radius: 15px; } *[class*="--after-br-lg"]:after { border-radius: 15px; } *[class*="--br-xl"] { border-radius: 30px; } *[class*="--before-br-xl"]:before { border-radius: 30px; } *[class*="--after-br-xl"]:after { border-radius: 30px; } *[class*="--br-xxl"] { border-radius: 50px; } *[class*="--before-br-xxl"]:before { border-radius: 50px; } *[class*="--after-br-xxl"]:after { border-radius: 50px; } *[class*="--br-xxxl"] { border-radius: 80px; } *[class*="--before-br-xxxl"]:before { border-radius: 80px; } *[class*="--after-br-xxxl"]:after { border-radius: 80px; } *[class*="--br-xxxxl"] { border-radius: 120px; } *[class*="--before-br-xxxxl"]:before { border-radius: 120px; } *[class*="--after-br-xxxxl"]:after { border-radius: 120px; } *[class*="--br-xxxxxl"] { border-radius: 200px; } *[class*="--before-br-xxxxxl"]:before { border-radius: 200px; } *[class*="--after-br-xxxxxl"]:after { border-radius: 200px; } *[class*="--br-full"] { border-radius: 50%; } *[class*="--before-br-full"]:before { border-radius: 50%; } *[class*="--after-br-full"]:after { border-radius: 50%; } *[class*="--br-reset"] { border-radius: 0; } *[class*="--before-br-reset"]:before { border-radius: 0; } *[class*="--after-br-reset"]:after { border-radius: 0; } *[class*="--br-t-xs"] { border-top-right-radius: 5px; border-top-left-radius: 5px; } *[class*="--before-br-t-xs"]:before { border-top-right-radius: 5px; border-top-left-radius: 5px; } *[class*="--after-br-t-xs"]:after { border-top-right-radius: 5px; border-top-left-radius: 5px; } *[class*="--br-t-sm"] { border-top-right-radius: 7.5px; border-top-left-radius: 7.5px; } *[class*="--before-br-t-sm"]:before { border-top-right-radius: 7.5px; border-top-left-radius: 7.5px; } *[class*="--after-br-t-sm"]:after { border-top-right-radius: 7.5px; border-top-left-radius: 7.5px; } *[class*="--br-t-md"] { border-top-right-radius: 10px; border-top-left-radius: 10px; } *[class*="--before-br-t-md"]:before { border-top-right-radius: 10px; border-top-left-radius: 10px; } *[class*="--after-br-t-md"]:after { border-top-right-radius: 10px; border-top-left-radius: 10px; } *[class*="--br-t-lg"] { border-top-right-radius: 15px; border-top-left-radius: 15px; } *[class*="--before-br-t-lg"]:before { border-top-right-radius: 15px; border-top-left-radius: 15px; } *[class*="--after-br-t-lg"]:after { border-top-right-radius: 15px; border-top-left-radius: 15px; } *[class*="--br-t-xl"] { border-top-right-radius: 30px; border-top-left-radius: 30px; } *[class*="--before-br-t-xl"]:before { border-top-right-radius: 30px; border-top-left-radius: 30px; } *[class*="--after-br-t-xl"]:after { border-top-right-radius: 30px; border-top-left-radius: 30px; } *[class*="--br-t-xxl"] { border-top-right-radius: 50px; border-top-left-radius: 50px; } *[class*="--before-br-t-xxl"]:before { border-top-right-radius: 50px; border-top-left-radius: 50px; } *[class*="--after-br-t-xxl"]:after { border-top-right-radius: 50px; border-top-left-radius: 50px; } *[class*="--br-t-xxxl"] { border-top-right-radius: 80px; border-top-left-radius: 80px; } *[class*="--before-br-t-xxxl"]:before { border-top-right-radius: 80px; border-top-left-radius: 80px; } *[class*="--after-br-t-xxxl"]:after { border-top-right-radius: 80px; border-top-left-radius: 80px; } *[class*="--br-t-xxxxl"] { border-top-right-radius: 120px; border-top-left-radius: 120px; } *[class*="--before-br-t-xxxxl"]:before { border-top-right-radius: 120px; border-top-left-radius: 120px; } *[class*="--after-br-t-xxxxl"]:after { border-top-right-radius: 120px; border-top-left-radius: 120px; } *[class*="--br-t-xxxxxl"] { border-top-right-radius: 200px; border-top-left-radius: 200px; } *[class*="--before-br-t-xxxxxl"]:before { border-top-right-radius: 200px; border-top-left-radius: 200px; } *[class*="--after-br-t-xxxxxl"]:after { border-top-right-radius: 200px; border-top-left-radius: 200px; } *[class*="--br-t-full"] { border-top-right-radius: 50%; border-top-left-radius: 50%; } *[class*="--before-br-t-full"]:before { border-top-right-radius: 50%; border-top-left-radius: 50%; } *[class*="--after-br-t-full"]:after { border-top-right-radius: 50%; border-top-left-radius: 50%; } *[class*="--br-t-reset"] { border-top-right-radius: 0; border-top-left-radius: 0; } *[class*="--before-br-t-reset"]:before { border-top-right-radius: 0; border-top-left-radius: 0; } *[class*="--after-br-t-reset"]:after { border-top-right-radius: 0; border-top-left-radius: 0; } *[class*="--br-b-xs"] { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } *[class*="--before-br-b-xs"]:before { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } *[class*="--after-br-b-xs"]:after { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } *[class*="--br-b-sm"] { border-bottom-right-radius: 7.5px; border-bottom-left-radius: 7.5px; } *[class*="--before-br-b-sm"]:before { border-bottom-right-radius: 7.5px; border-bottom-left-radius: 7.5px; } *[class*="--after-br-b-sm"]:after { border-bottom-right-radius: 7.5px; border-bottom-left-radius: 7.5px; } *[class*="--br-b-md"] { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } *[class*="--before-br-b-md"]:before { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } *[class*="--after-br-b-md"]:after { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } *[class*="--br-b-lg"] { border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } *[class*="--before-br-b-lg"]:before { border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } *[class*="--after-br-b-lg"]:after { border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } *[class*="--br-b-xl"] { border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; } *[class*="--before-br-b-xl"]:before { border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; } *[class*="--after-br-b-xl"]:after { border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; } *[class*="--br-b-xxl"] { border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; } *[class*="--before-br-b-xxl"]:before { border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; } *[class*="--after-br-b-xxl"]:after { border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; } *[class*="--br-b-xxxl"] { border-bottom-right-radius: 80px; border-bottom-left-radius: 80px; } *[class*="--before-br-b-xxxl"]:before { border-bottom-right-radius: 80px; border-bottom-left-radius: 80px; } *[class*="--after-br-b-xxxl"]:after { border-bottom-right-radius: 80px; border-bottom-left-radius: 80px; } *[class*="--br-b-xxxxl"] { border-bottom-right-radius: 120px; border-bottom-left-radius: 120px; } *[class*="--before-br-b-xxxxl"]:before { border-bottom-right-radius: 120px; border-bottom-left-radius: 120px; } *[class*="--after-br-b-xxxxl"]:after { border-bottom-right-radius: 120px; border-bottom-left-radius: 120px; } *[class*="--br-b-xxxxxl"] { border-bottom-right-radius: 200px; border-bottom-left-radius: 200px; } *[class*="--before-br-b-xxxxxl"]:before { border-bottom-right-radius: 200px; border-bottom-left-radius: 200px; } *[class*="--after-br-b-xxxxxl"]:after { border-bottom-right-radius: 200px; border-bottom-left-radius: 200px; } *[class*="--br-b-full"] { border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } *[class*="--before-br-b-full"]:before { border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } *[class*="--after-br-b-full"]:after { border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } *[class*="--br-b-reset"] { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } *[class*="--before-br-b-reset"]:before { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } *[class*="--after-br-b-reset"]:after { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } *[class*="--br-s-xs"] { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } *[class*="--before-br-s-xs"]:before { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } *[class*="--after-br-s-xs"]:after { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } *[class*="--br-s-sm"] { border-top-right-radius: 7.5px; border-bottom-right-radius: 7.5px; } *[class*="--before-br-s-sm"]:before { border-top-right-radius: 7.5px; border-bottom-right-radius: 7.5px; } *[class*="--after-br-s-sm"]:after { border-top-right-radius: 7.5px; border-bottom-right-radius: 7.5px; } *[class*="--br-s-md"] { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } *[class*="--before-br-s-md"]:before { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } *[class*="--after-br-s-md"]:after { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } *[class*="--br-s-lg"] { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } *[class*="--before-br-s-lg"]:before { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } *[class*="--after-br-s-lg"]:after { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } *[class*="--br-s-xl"] { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } *[class*="--before-br-s-xl"]:before { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } *[class*="--after-br-s-xl"]:after { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } *[class*="--br-s-xxl"] { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } *[class*="--before-br-s-xxl"]:before { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } *[class*="--after-br-s-xxl"]:after { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } *[class*="--br-s-xxxl"] { border-top-right-radius: 80px; border-bottom-right-radius: 80px; } *[class*="--before-br-s-xxxl"]:before { border-top-right-radius: 80px; border-bottom-right-radius: 80px; } *[class*="--after-br-s-xxxl"]:after { border-top-right-radius: 80px; border-bottom-right-radius: 80px; } *[class*="--br-s-xxxxl"] { border-top-right-radius: 120px; border-bottom-right-radius: 120px; } *[class*="--before-br-s-xxxxl"]:before { border-top-right-radius: 120px; border-bottom-right-radius: 120px; } *[class*="--after-br-s-xxxxl"]:after { border-top-right-radius: 120px; border-bottom-right-radius: 120px; } *[class*="--br-s-xxxxxl"] { border-top-right-radius: 200px; border-bottom-right-radius: 200px; } *[class*="--before-br-s-xxxxxl"]:before { border-top-right-radius: 200px; border-bottom-right-radius: 200px; } *[class*="--after-br-s-xxxxxl"]:after { border-top-right-radius: 200px; border-bottom-right-radius: 200px; } *[class*="--br-s-full"] { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } *[class*="--before-br-s-full"]:before { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } *[class*="--after-br-s-full"]:after { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } *[class*="--br-s-reset"] { border-top-right-radius: 0; border-bottom-right-radius: 0; } *[class*="--before-br-s-reset"]:before { border-top-right-radius: 0; border-bottom-right-radius: 0; } *[class*="--after-br-s-reset"]:after { border-top-right-radius: 0; border-bottom-right-radius: 0; } *[class*="--br-e-xs"] { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } *[class*="--before-br-e-xs"]:before { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } *[class*="--after-br-e-xs"]:after { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } *[class*="--br-e-sm"] { border-top-left-radius: 7.5px; border-bottom-left-radius: 7.5px; } *[class*="--before-br-e-sm"]:before { border-top-left-radius: 7.5px; border-bottom-left-radius: 7.5px; } *[class*="--after-br-e-sm"]:after { border-top-left-radius: 7.5px; border-bottom-left-radius: 7.5px; } *[class*="--br-e-md"] { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } *[class*="--before-br-e-md"]:before { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } *[class*="--after-br-e-md"]:after { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } *[class*="--br-e-lg"] { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } *[class*="--before-br-e-lg"]:before { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } *[class*="--after-br-e-lg"]:after { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } *[class*="--br-e-xl"] { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } *[class*="--before-br-e-xl"]:before { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } *[class*="--after-br-e-xl"]:after { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } *[class*="--br-e-xxl"] { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } *[class*="--before-br-e-xxl"]:before { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } *[class*="--after-br-e-xxl"]:after { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } *[class*="--br-e-xxxl"] { border-top-left-radius: 80px; border-bottom-left-radius: 80px; } *[class*="--before-br-e-xxxl"]:before { border-top-left-radius: 80px; border-bottom-left-radius: 80px; } *[class*="--after-br-e-xxxl"]:after { border-top-left-radius: 80px; border-bottom-left-radius: 80px; } *[class*="--br-e-xxxxl"] { border-top-left-radius: 120px; border-bottom-left-radius: 120px; } *[class*="--before-br-e-xxxxl"]:before { border-top-left-radius: 120px; border-bottom-left-radius: 120px; } *[class*="--after-br-e-xxxxl"]:after { border-top-left-radius: 120px; border-bottom-left-radius: 120px; } *[class*="--br-e-xxxxxl"] { border-top-left-radius: 200px; border-bottom-left-radius: 200px; } *[class*="--before-br-e-xxxxxl"]:before { border-top-left-radius: 200px; border-bottom-left-radius: 200px; } *[class*="--after-br-e-xxxxxl"]:after { border-top-left-radius: 200px; border-bottom-left-radius: 200px; } *[class*="--br-e-full"] { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } *[class*="--before-br-e-full"]:before { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } *[class*="--after-br-e-full"]:after { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } *[class*="--br-e-reset"] { border-top-left-radius: 0; border-bottom-left-radius: 0; } *[class*="--before-br-e-reset"]:before { border-top-left-radius: 0; border-bottom-left-radius: 0; } *[class*="--after-br-e-reset"]:after { border-top-left-radius: 0; border-bottom-left-radius: 0; } *[class*="--br-r-xs"] { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } *[class*="--before-br-r-xs"]:before { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } *[class*="--after-br-r-xs"]:after { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } *[class*="--br-r-sm"] { border-top-right-radius: 7.5px; border-bottom-right-radius: 7.5px; } *[class*="--before-br-r-sm"]:before { border-top-right-radius: 7.5px; border-bottom-right-radius: 7.5px; } *[class*="--after-br-r-sm"]:after { border-top-right-radius: 7.5px; border-bottom-right-radius: 7.5px; } *[class*="--br-r-md"] { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } *[class*="--before-br-r-md"]:before { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } *[class*="--after-br-r-md"]:after { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } *[class*="--br-r-lg"] { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } *[class*="--before-br-r-lg"]:before { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } *[class*="--after-br-r-lg"]:after { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } *[class*="--br-r-xl"] { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } *[class*="--before-br-r-xl"]:before { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } *[class*="--after-br-r-xl"]:after { border-top-right-radius: 30px; border-bottom-right-radius: 30px; } *[class*="--br-r-xxl"] { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } *[class*="--before-br-r-xxl"]:before { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } *[class*="--after-br-r-xxl"]:after { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } *[class*="--br-r-xxxl"] { border-top-right-radius: 80px; border-bottom-right-radius: 80px; } *[class*="--before-br-r-xxxl"]:before { border-top-right-radius: 80px; border-bottom-right-radius: 80px; } *[class*="--after-br-r-xxxl"]:after { border-top-right-radius: 80px; border-bottom-right-radius: 80px; } *[class*="--br-r-xxxxl"] { border-top-right-radius: 120px; border-bottom-right-radius: 120px; } *[class*="--before-br-r-xxxxl"]:before { border-top-right-radius: 120px; border-bottom-right-radius: 120px; } *[class*="--after-br-r-xxxxl"]:after { border-top-right-radius: 120px; border-bottom-right-radius: 120px; } *[class*="--br-r-xxxxxl"] { border-top-right-radius: 200px; border-bottom-right-radius: 200px; } *[class*="--before-br-r-xxxxxl"]:before { border-top-right-radius: 200px; border-bottom-right-radius: 200px; } *[class*="--after-br-r-xxxxxl"]:after { border-top-right-radius: 200px; border-bottom-right-radius: 200px; } *[class*="--br-r-full"] { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } *[class*="--before-br-r-full"]:before { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } *[class*="--after-br-r-full"]:after { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } *[class*="--br-r-reset"] { border-top-right-radius: 0; border-bottom-right-radius: 0; } *[class*="--before-br-r-reset"]:before { border-top-right-radius: 0; border-bottom-right-radius: 0; } *[class*="--after-br-r-reset"]:after { border-top-right-radius: 0; border-bottom-right-radius: 0; } *[class*="--br-l-xs"] { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } *[class*="--before-br-l-xs"]:before { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } *[class*="--after-br-l-xs"]:after { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } *[class*="--br-l-sm"] { border-top-left-radius: 7.5px; border-bottom-left-radius: 7.5px; } *[class*="--before-br-l-sm"]:before { border-top-left-radius: 7.5px; border-bottom-left-radius: 7.5px; } *[class*="--after-br-l-sm"]:after { border-top-left-radius: 7.5px; border-bottom-left-radius: 7.5px; } *[class*="--br-l-md"] { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } *[class*="--before-br-l-md"]:before { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } *[class*="--after-br-l-md"]:after { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } *[class*="--br-l-lg"] { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } *[class*="--before-br-l-lg"]:before { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } *[class*="--after-br-l-lg"]:after { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } *[class*="--br-l-xl"] { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } *[class*="--before-br-l-xl"]:before { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } *[class*="--after-br-l-xl"]:after { border-top-left-radius: 30px; border-bottom-left-radius: 30px; } *[class*="--br-l-xxl"] { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } *[class*="--before-br-l-xxl"]:before { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } *[class*="--after-br-l-xxl"]:after { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } *[class*="--br-l-xxxl"] { border-top-left-radius: 80px; border-bottom-left-radius: 80px; } *[class*="--before-br-l-xxxl"]:before { border-top-left-radius: 80px; border-bottom-left-radius: 80px; } *[class*="--after-br-l-xxxl"]:after { border-top-left-radius: 80px; border-bottom-left-radius: 80px; } *[class*="--br-l-xxxxl"] { border-top-left-radius: 120px; border-bottom-left-radius: 120px; } *[class*="--before-br-l-xxxxl"]:before { border-top-left-radius: 120px; border-bottom-left-radius: 120px; } *[class*="--after-br-l-xxxxl"]:after { border-top-left-radius: 120px; border-bottom-left-radius: 120px; } *[class*="--br-l-xxxxxl"] { border-top-left-radius: 200px; border-bottom-left-radius: 200px; } *[class*="--before-br-l-xxxxxl"]:before { border-top-left-radius: 200px; border-bottom-left-radius: 200px; } *[class*="--after-br-l-xxxxxl"]:after { border-top-left-radius: 200px; border-bottom-left-radius: 200px; } *[class*="--br-l-full"] { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } *[class*="--before-br-l-full"]:before { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } *[class*="--after-br-l-full"]:after { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } *[class*="--br-l-reset"] { border-top-left-radius: 0; border-bottom-left-radius: 0; } *[class*="--before-br-l-reset"]:before { border-top-left-radius: 0; border-bottom-left-radius: 0; } *[class*="--after-br-l-reset"]:after { border-top-left-radius: 0; border-bottom-left-radius: 0; } *[class*="--br-ts-xs"] { border-top-right-radius: 5px; } *[class*="--before-br-ts-xs"]:before { border-top-right-radius: 5px; } *[class*="--after-br-ts-xs"]:after { border-top-right-radius: 5px; } *[class*="--br-ts-sm"] { border-top-right-radius: 7.5px; } *[class*="--before-br-ts-sm"]:before { border-top-right-radius: 7.5px; } *[class*="--after-br-ts-sm"]:after { border-top-right-radius: 7.5px; } *[class*="--br-ts-md"] { border-top-right-radius: 10px; } *[class*="--before-br-ts-md"]:before { border-top-right-radius: 10px; } *[class*="--after-br-ts-md"]:after { border-top-right-radius: 10px; } *[class*="--br-ts-lg"] { border-top-right-radius: 15px; } *[class*="--before-br-ts-lg"]:before { border-top-right-radius: 15px; } *[class*="--after-br-ts-lg"]:after { border-top-right-radius: 15px; } *[class*="--br-ts-xl"] { border-top-right-radius: 30px; } *[class*="--before-br-ts-xl"]:before { border-top-right-radius: 30px; } *[class*="--after-br-ts-xl"]:after { border-top-right-radius: 30px; } *[class*="--br-ts-xxl"] { border-top-right-radius: 50px; } *[class*="--before-br-ts-xxl"]:before { border-top-right-radius: 50px; } *[class*="--after-br-ts-xxl"]:after { border-top-right-radius: 50px; } *[class*="--br-ts-xxxl"] { border-top-right-radius: 80px; } *[class*="--before-br-ts-xxxl"]:before { border-top-right-radius: 80px; } *[class*="--after-br-ts-xxxl"]:after { border-top-right-radius: 80px; } *[class*="--br-ts-xxxxl"] { border-top-right-radius: 120px; } *[class*="--before-br-ts-xxxxl"]:before { border-top-right-radius: 120px; } *[class*="--after-br-ts-xxxxl"]:after { border-top-right-radius: 120px; } *[class*="--br-ts-xxxxxl"] { border-top-right-radius: 200px; } *[class*="--before-br-ts-xxxxxl"]:before { border-top-right-radius: 200px; } *[class*="--after-br-ts-xxxxxl"]:after { border-top-right-radius: 200px; } *[class*="--br-ts-full"] { border-top-right-radius: 50%; } *[class*="--before-br-ts-full"]:before { border-top-right-radius: 50%; } *[class*="--after-br-ts-full"]:after { border-top-right-radius: 50%; } *[class*="--br-ts-reset"] { border-top-right-radius: 0; } *[class*="--before-br-ts-reset"]:before { border-top-right-radius: 0; } *[class*="--after-br-ts-reset"]:after { border-top-right-radius: 0; } *[class*="--br-bs-xs"] { border-bottom-right-radius: 5px; } *[class*="--before-br-bs-xs"]:before { border-bottom-right-radius: 5px; } *[class*="--after-br-bs-xs"]:after { border-bottom-right-radius: 5px; } *[class*="--br-bs-sm"] { border-bottom-right-radius: 7.5px; } *[class*="--before-br-bs-sm"]:before { border-bottom-right-radius: 7.5px; } *[class*="--after-br-bs-sm"]:after { border-bottom-right-radius: 7.5px; } *[class*="--br-bs-md"] { border-bottom-right-radius: 10px; } *[class*="--before-br-bs-md"]:before { border-bottom-right-radius: 10px; } *[class*="--after-br-bs-md"]:after { border-bottom-right-radius: 10px; } *[class*="--br-bs-lg"] { border-bottom-right-radius: 15px; } *[class*="--before-br-bs-lg"]:before { border-bottom-right-radius: 15px; } *[class*="--after-br-bs-lg"]:after { border-bottom-right-radius: 15px; } *[class*="--br-bs-xl"] { border-bottom-right-radius: 30px; } *[class*="--before-br-bs-xl"]:before { border-bottom-right-radius: 30px; } *[class*="--after-br-bs-xl"]:after { border-bottom-right-radius: 30px; } *[class*="--br-bs-xxl"] { border-bottom-right-radius: 50px; } *[class*="--before-br-bs-xxl"]:before { border-bottom-right-radius: 50px; } *[class*="--after-br-bs-xxl"]:after { border-bottom-right-radius: 50px; } *[class*="--br-bs-xxxl"] { border-bottom-right-radius: 80px; } *[class*="--before-br-bs-xxxl"]:before { border-bottom-right-radius: 80px; } *[class*="--after-br-bs-xxxl"]:after { border-bottom-right-radius: 80px; } *[class*="--br-bs-xxxxl"] { border-bottom-right-radius: 120px; } *[class*="--before-br-bs-xxxxl"]:before { border-bottom-right-radius: 120px; } *[class*="--after-br-bs-xxxxl"]:after { border-bottom-right-radius: 120px; } *[class*="--br-bs-xxxxxl"] { border-bottom-right-radius: 200px; } *[class*="--before-br-bs-xxxxxl"]:before { border-bottom-right-radius: 200px; } *[class*="--after-br-bs-xxxxxl"]:after { border-bottom-right-radius: 200px; } *[class*="--br-bs-full"] { border-bottom-right-radius: 50%; } *[class*="--before-br-bs-full"]:before { border-bottom-right-radius: 50%; } *[class*="--after-br-bs-full"]:after { border-bottom-right-radius: 50%; } *[class*="--br-bs-reset"] { border-bottom-right-radius: 0; } *[class*="--before-br-bs-reset"]:before { border-bottom-right-radius: 0; } *[class*="--after-br-bs-reset"]:after { border-bottom-right-radius: 0; } *[class*="--br-te-xs"] { border-top-left-radius: 5px; } *[class*="--before-br-te-xs"]:before { border-top-left-radius: 5px; } *[class*="--after-br-te-xs"]:after { border-top-left-radius: 5px; } *[class*="--br-te-sm"] { border-top-left-radius: 7.5px; } *[class*="--before-br-te-sm"]:before { border-top-left-radius: 7.5px; } *[class*="--after-br-te-sm"]:after { border-top-left-radius: 7.5px; } *[class*="--br-te-md"] { border-top-left-radius: 10px; } *[class*="--before-br-te-md"]:before { border-top-left-radius: 10px; } *[class*="--after-br-te-md"]:after { border-top-left-radius: 10px; } *[class*="--br-te-lg"] { border-top-left-radius: 15px; } *[class*="--before-br-te-lg"]:before { border-top-left-radius: 15px; } *[class*="--after-br-te-lg"]:after { border-top-left-radius: 15px; } *[class*="--br-te-xl"] { border-top-left-radius: 30px; } *[class*="--before-br-te-xl"]:before { border-top-left-radius: 30px; } *[class*="--after-br-te-xl"]:after { border-top-left-radius: 30px; } *[class*="--br-te-xxl"] { border-top-left-radius: 50px; } *[class*="--before-br-te-xxl"]:before { border-top-left-radius: 50px; } *[class*="--after-br-te-xxl"]:after { border-top-left-radius: 50px; } *[class*="--br-te-xxxl"] { border-top-left-radius: 80px; } *[class*="--before-br-te-xxxl"]:before { border-top-left-radius: 80px; } *[class*="--after-br-te-xxxl"]:after { border-top-left-radius: 80px; } *[class*="--br-te-xxxxl"] { border-top-left-radius: 120px; } *[class*="--before-br-te-xxxxl"]:before { border-top-left-radius: 120px; } *[class*="--after-br-te-xxxxl"]:after { border-top-left-radius: 120px; } *[class*="--br-te-xxxxxl"] { border-top-left-radius: 200px; } *[class*="--before-br-te-xxxxxl"]:before { border-top-left-radius: 200px; } *[class*="--after-br-te-xxxxxl"]:after { border-top-left-radius: 200px; } *[class*="--br-te-full"] { border-top-left-radius: 50%; } *[class*="--before-br-te-full"]:before { border-top-left-radius: 50%; } *[class*="--after-br-te-full"]:after { border-top-left-radius: 50%; } *[class*="--br-te-reset"] { border-top-left-radius: 0; } *[class*="--before-br-te-reset"]:before { border-top-left-radius: 0; } *[class*="--after-br-te-reset"]:after { border-top-left-radius: 0; } *[class*="--br-be-xs"] { border-bottom-left-radius: 5px; } *[class*="--before-br-be-xs"]:before { border-bottom-left-radius: 5px; } *[class*="--after-br-be-xs"]:after { border-bottom-left-radius: 5px; } *[class*="--br-be-sm"] { border-bottom-left-radius: 7.5px; } *[class*="--before-br-be-sm"]:before { border-bottom-left-radius: 7.5px; } *[class*="--after-br-be-sm"]:after { border-bottom-left-radius: 7.5px; } *[class*="--br-be-md"] { border-bottom-left-radius: 10px; } *[class*="--before-br-be-md"]:before { border-bottom-left-radius: 10px; } *[class*="--after-br-be-md"]:after { border-bottom-left-radius: 10px; } *[class*="--br-be-lg"] { border-bottom-left-radius: 15px; } *[class*="--before-br-be-lg"]:before { border-bottom-left-radius: 15px; } *[class*="--after-br-be-lg"]:after { border-bottom-left-radius: 15px; } *[class*="--br-be-xl"] { border-bottom-left-radius: 30px; } *[class*="--before-br-be-xl"]:before { border-bottom-left-radius: 30px; } *[class*="--after-br-be-xl"]:after { border-bottom-left-radius: 30px; } *[class*="--br-be-xxl"] { border-bottom-left-radius: 50px; } *[class*="--before-br-be-xxl"]:before { border-bottom-left-radius: 50px; } *[class*="--after-br-be-xxl"]:after { border-bottom-left-radius: 50px; } *[class*="--br-be-xxxl"] { border-bottom-left-radius: 80px; } *[class*="--before-br-be-xxxl"]:before { border-bottom-left-radius: 80px; } *[class*="--after-br-be-xxxl"]:after { border-bottom-left-radius: 80px; } *[class*="--br-be-xxxxl"] { border-bottom-left-radius: 120px; } *[class*="--before-br-be-xxxxl"]:before { border-bottom-left-radius: 120px; } *[class*="--after-br-be-xxxxl"]:after { border-bottom-left-radius: 120px; } *[class*="--br-be-xxxxxl"] { border-bottom-left-radius: 200px; } *[class*="--before-br-be-xxxxxl"]:before { border-bottom-left-radius: 200px; } *[class*="--after-br-be-xxxxxl"]:after { border-bottom-left-radius: 200px; } *[class*="--br-be-full"] { border-bottom-left-radius: 50%; } *[class*="--before-br-be-full"]:before { border-bottom-left-radius: 50%; } *[class*="--after-br-be-full"]:after { border-bottom-left-radius: 50%; } *[class*="--br-be-reset"] { border-bottom-left-radius: 0; } *[class*="--before-br-be-reset"]:before { border-bottom-left-radius: 0; } *[class*="--after-br-be-reset"]:after { border-bottom-left-radius: 0; } *[class*="--br-tr-xs"] { border-top-right-radius: 5px; } *[class*="--before-br-tr-xs"]:before { border-top-right-radius: 5px; } *[class*="--after-br-tr-xs"]:after { border-top-right-radius: 5px; } *[class*="--br-tr-sm"] { border-top-right-radius: 7.5px; } *[class*="--before-br-tr-sm"]:before { border-top-right-radius: 7.5px; } *[class*="--after-br-tr-sm"]:after { border-top-right-radius: 7.5px; } *[class*="--br-tr-md"] { border-top-right-radius: 10px; } *[class*="--before-br-tr-md"]:before { border-top-right-radius: 10px; } *[class*="--after-br-tr-md"]:after { border-top-right-radius: 10px; } *[class*="--br-tr-lg"] { border-top-right-radius: 15px; } *[class*="--before-br-tr-lg"]:before { border-top-right-radius: 15px; } *[class*="--after-br-tr-lg"]:after { border-top-right-radius: 15px; } *[class*="--br-tr-xl"] { border-top-right-radius: 30px; } *[class*="--before-br-tr-xl"]:before { border-top-right-radius: 30px; } *[class*="--after-br-tr-xl"]:after { border-top-right-radius: 30px; } *[class*="--br-tr-xxl"] { border-top-right-radius: 50px; } *[class*="--before-br-tr-xxl"]:before { border-top-right-radius: 50px; } *[class*="--after-br-tr-xxl"]:after { border-top-right-radius: 50px; } *[class*="--br-tr-xxxl"] { border-top-right-radius: 80px; } *[class*="--before-br-tr-xxxl"]:before { border-top-right-radius: 80px; } *[class*="--after-br-tr-xxxl"]:after { border-top-right-radius: 80px; } *[class*="--br-tr-xxxxl"] { border-top-right-radius: 120px; } *[class*="--before-br-tr-xxxxl"]:before { border-top-right-radius: 120px; } *[class*="--after-br-tr-xxxxl"]:after { border-top-right-radius: 120px; } *[class*="--br-tr-xxxxxl"] { border-top-right-radius: 200px; } *[class*="--before-br-tr-xxxxxl"]:before { border-top-right-radius: 200px; } *[class*="--after-br-tr-xxxxxl"]:after { border-top-right-radius: 200px; } *[class*="--br-tr-full"] { border-top-right-radius: 50%; } *[class*="--before-br-tr-full"]:before { border-top-right-radius: 50%; } *[class*="--after-br-tr-full"]:after { border-top-right-radius: 50%; } *[class*="--br-tr-reset"] { border-top-right-radius: 0; } *[class*="--before-br-tr-reset"]:before { border-top-right-radius: 0; } *[class*="--after-br-tr-reset"]:after { border-top-right-radius: 0; } *[class*="--br-br-xs"] { border-bottom-right-radius: 5px; } *[class*="--before-br-br-xs"]:before { border-bottom-right-radius: 5px; } *[class*="--after-br-br-xs"]:after { border-bottom-right-radius: 5px; } *[class*="--br-br-sm"] { border-bottom-right-radius: 7.5px; } *[class*="--before-br-br-sm"]:before { border-bottom-right-radius: 7.5px; } *[class*="--after-br-br-sm"]:after { border-bottom-right-radius: 7.5px; } *[class*="--br-br-md"] { border-bottom-right-radius: 10px; } *[class*="--before-br-br-md"]:before { border-bottom-right-radius: 10px; } *[class*="--after-br-br-md"]:after { border-bottom-right-radius: 10px; } *[class*="--br-br-lg"] { border-bottom-right-radius: 15px; } *[class*="--before-br-br-lg"]:before { border-bottom-right-radius: 15px; } *[class*="--after-br-br-lg"]:after { border-bottom-right-radius: 15px; } *[class*="--br-br-xl"] { border-bottom-right-radius: 30px; } *[class*="--before-br-br-xl"]:before { border-bottom-right-radius: 30px; } *[class*="--after-br-br-xl"]:after { border-bottom-right-radius: 30px; } *[class*="--br-br-xxl"] { border-bottom-right-radius: 50px; } *[class*="--before-br-br-xxl"]:before { border-bottom-right-radius: 50px; } *[class*="--after-br-br-xxl"]:after { border-bottom-right-radius: 50px; } *[class*="--br-br-xxxl"] { border-bottom-right-radius: 80px; } *[class*="--before-br-br-xxxl"]:before { border-bottom-right-radius: 80px; } *[class*="--after-br-br-xxxl"]:after { border-bottom-right-radius: 80px; } *[class*="--br-br-xxxxl"] { border-bottom-right-radius: 120px; } *[class*="--before-br-br-xxxxl"]:before { border-bottom-right-radius: 120px; } *[class*="--after-br-br-xxxxl"]:after { border-bottom-right-radius: 120px; } *[class*="--br-br-xxxxxl"] { border-bottom-right-radius: 200px; } *[class*="--before-br-br-xxxxxl"]:before { border-bottom-right-radius: 200px; } *[class*="--after-br-br-xxxxxl"]:after { border-bottom-right-radius: 200px; } *[class*="--br-br-full"] { border-bottom-right-radius: 50%; } *[class*="--before-br-br-full"]:before { border-bottom-right-radius: 50%; } *[class*="--after-br-br-full"]:after { border-bottom-right-radius: 50%; } *[class*="--br-br-reset"] { border-bottom-right-radius: 0; } *[class*="--before-br-br-reset"]:before { border-bottom-right-radius: 0; } *[class*="--after-br-br-reset"]:after { border-bottom-right-radius: 0; } *[class*="--br-tl-xs"] { border-top-left-radius: 5px; } *[class*="--before-br-tl-xs"]:before { border-top-left-radius: 5px; } *[class*="--after-br-tl-xs"]:after { border-top-left-radius: 5px; } *[class*="--br-tl-sm"] { border-top-left-radius: 7.5px; } *[class*="--before-br-tl-sm"]:before { border-top-left-radius: 7.5px; } *[class*="--after-br-tl-sm"]:after { border-top-left-radius: 7.5px; } *[class*="--br-tl-md"] { border-top-left-radius: 10px; } *[class*="--before-br-tl-md"]:before { border-top-left-radius: 10px; } *[class*="--after-br-tl-md"]:after { border-top-left-radius: 10px; } *[class*="--br-tl-lg"] { border-top-left-radius: 15px; } *[class*="--before-br-tl-lg"]:before { border-top-left-radius: 15px; } *[class*="--after-br-tl-lg"]:after { border-top-left-radius: 15px; } *[class*="--br-tl-xl"] { border-top-left-radius: 30px; } *[class*="--before-br-tl-xl"]:before { border-top-left-radius: 30px; } *[class*="--after-br-tl-xl"]:after { border-top-left-radius: 30px; } *[class*="--br-tl-xxl"] { border-top-left-radius: 50px; } *[class*="--before-br-tl-xxl"]:before { border-top-left-radius: 50px; } *[class*="--after-br-tl-xxl"]:after { border-top-left-radius: 50px; } *[class*="--br-tl-xxxl"] { border-top-left-radius: 80px; } *[class*="--before-br-tl-xxxl"]:before { border-top-left-radius: 80px; } *[class*="--after-br-tl-xxxl"]:after { border-top-left-radius: 80px; } *[class*="--br-tl-xxxxl"] { border-top-left-radius: 120px; } *[class*="--before-br-tl-xxxxl"]:before { border-top-left-radius: 120px; } *[class*="--after-br-tl-xxxxl"]:after { border-top-left-radius: 120px; } *[class*="--br-tl-xxxxxl"] { border-top-left-radius: 200px; } *[class*="--before-br-tl-xxxxxl"]:before { border-top-left-radius: 200px; } *[class*="--after-br-tl-xxxxxl"]:after { border-top-left-radius: 200px; } *[class*="--br-tl-full"] { border-top-left-radius: 50%; } *[class*="--before-br-tl-full"]:before { border-top-left-radius: 50%; } *[class*="--after-br-tl-full"]:after { border-top-left-radius: 50%; } *[class*="--br-tl-reset"] { border-top-left-radius: 0; } *[class*="--before-br-tl-reset"]:before { border-top-left-radius: 0; } *[class*="--after-br-tl-reset"]:after { border-top-left-radius: 0; } *[class*="--br-bl-xs"] { border-bottom-left-radius: 5px; } *[class*="--before-br-bl-xs"]:before { border-bottom-left-radius: 5px; } *[class*="--after-br-bl-xs"]:after { border-bottom-left-radius: 5px; } *[class*="--br-bl-sm"] { border-bottom-left-radius: 7.5px; } *[class*="--before-br-bl-sm"]:before { border-bottom-left-radius: 7.5px; } *[class*="--after-br-bl-sm"]:after { border-bottom-left-radius: 7.5px; } *[class*="--br-bl-md"] { border-bottom-left-radius: 10px; } *[class*="--before-br-bl-md"]:before { border-bottom-left-radius: 10px; } *[class*="--after-br-bl-md"]:after { border-bottom-left-radius: 10px; } *[class*="--br-bl-lg"] { border-bottom-left-radius: 15px; } *[class*="--before-br-bl-lg"]:before { border-bottom-left-radius: 15px; } *[class*="--after-br-bl-lg"]:after { border-bottom-left-radius: 15px; } *[class*="--br-bl-xl"] { border-bottom-left-radius: 30px; } *[class*="--before-br-bl-xl"]:before { border-bottom-left-radius: 30px; } *[class*="--after-br-bl-xl"]:after { border-bottom-left-radius: 30px; } *[class*="--br-bl-xxl"] { border-bottom-left-radius: 50px; } *[class*="--before-br-bl-xxl"]:before { border-bottom-left-radius: 50px; } *[class*="--after-br-bl-xxl"]:after { border-bottom-left-radius: 50px; } *[class*="--br-bl-xxxl"] { border-bottom-left-radius: 80px; } *[class*="--before-br-bl-xxxl"]:before { border-bottom-left-radius: 80px; } *[class*="--after-br-bl-xxxl"]:after { border-bottom-left-radius: 80px; } *[class*="--br-bl-xxxxl"] { border-bottom-left-radius: 120px; } *[class*="--before-br-bl-xxxxl"]:before { border-bottom-left-radius: 120px; } *[class*="--after-br-bl-xxxxl"]:after { border-bottom-left-radius: 120px; } *[class*="--br-bl-xxxxxl"] { border-bottom-left-radius: 200px; } *[class*="--before-br-bl-xxxxxl"]:before { border-bottom-left-radius: 200px; } *[class*="--after-br-bl-xxxxxl"]:after { border-bottom-left-radius: 200px; } *[class*="--br-bl-full"] { border-bottom-left-radius: 50%; } *[class*="--before-br-bl-full"]:before { border-bottom-left-radius: 50%; } *[class*="--after-br-bl-full"]:after { border-bottom-left-radius: 50%; } *[class*="--br-bl-reset"] { border-bottom-left-radius: 0; } *[class*="--before-br-bl-reset"]:before { border-bottom-left-radius: 0; } *[class*="--after-br-bl-reset"]:after { border-bottom-left-radius: 0; } *[class*="--tcolor-default"] { color: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--text-opacity, 1)); } *[class*="--hover-tcolor-default"]:hover { color: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--text-opacity, 1)); } *[class*="--tcolor-primary"] { color: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--text-opacity, 1)); } *[class*="--hover-tcolor-primary"]:hover { color: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--text-opacity, 1)); } *[class*="--tcolor-primary-light"] { color: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--text-opacity, 1)); } *[class*="--hover-tcolor-primary-light"]:hover { color: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--text-opacity, 1)); } *[class*="--tcolor-primary-dark"] { color: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--text-opacity, 1)); } *[class*="--hover-tcolor-primary-dark"]:hover { color: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--text-opacity, 1)); } *[class*="--tcolor-secondary"] { color: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--text-opacity, 1)); } *[class*="--hover-tcolor-secondary"]:hover { color: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--text-opacity, 1)); } *[class*="--tcolor-secondary-light"] { color: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--text-opacity, 1)); } *[class*="--hover-tcolor-secondary-light"]:hover { color: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--text-opacity, 1)); } *[class*="--tcolor-secondary-dark"] { color: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--text-opacity, 1)); } *[class*="--hover-tcolor-secondary-dark"]:hover { color: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--text-opacity, 1)); } *[class*="--tcolor-natural"] { color: rgba(var(--colors-foreground-natural-base-rgb, ), var(--text-opacity, 1)); } *[class*="--hover-tcolor-natural"]:hover { color: rgba(var(--colors-foreground-natural-base-rgb, ), var(--text-opacity, 1)); } *[class*="--tcolor-natural-400"] { color: rgba(var(--colors-foreground-natural-400-rgb, 250,245,239), var(--text-opacity, 1)); } *[class*="--hover-tcolor-natural-400"]:hover { color: rgba(var(--colors-foreground-natural-400-rgb, 250,245,239), var(--text-opacity, 1)); } *[class*="--tcolor-natural-700"] { color: rgba(var(--colors-foreground-natural-700-rgb, 245,227,210), var(--text-opacity, 1)); } *[class*="--hover-tcolor-natural-700"]:hover { color: rgba(var(--colors-foreground-natural-700-rgb, 245,227,210), var(--text-opacity, 1)); } *[class*="--tcolor-natural-light"] { color: rgba(var(--colors-foreground-natural-light-rgb, ), var(--text-opacity, 1)); } *[class*="--hover-tcolor-natural-light"]:hover { color: rgba(var(--colors-foreground-natural-light-rgb, ), var(--text-opacity, 1)); } *[class*="--tcolor-natural-dark"] { color: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--text-opacity, 1)); } *[class*="--hover-tcolor-natural-dark"]:hover { color: rgba(var(--colors-foreground-natural-dark-rgb, ), var(--text-opacity, 1)); } *[class*="--tcolor-white"] { color: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--text-opacity, 1)); } *[class*="--hover-tcolor-white"]:hover { color: rgba(var(--colors-foreground-white-rgb, 255,255,255), var(--text-opacity, 1)); } *[class*="--tcolor-black"] { color: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--text-opacity, 1)); } *[class*="--hover-tcolor-black"]:hover { color: rgba(var(--colors-foreground-black-rgb, 0,0,0), var(--text-opacity, 1)); } *[class*="--tcolor-grey-dark"] { color: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--text-opacity, 1)); } *[class*="--hover-tcolor-grey-dark"]:hover { color: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--text-opacity, 1)); } *[class*="--tcolor-grey-base"] { color: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--text-opacity, 1)); } *[class*="--hover-tcolor-grey-base"]:hover { color: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--text-opacity, 1)); } *[class*="--tcolor-grey-light"] { color: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--text-opacity, 1)); } *[class*="--hover-tcolor-grey-light"]:hover { color: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--text-opacity, 1)); } *[class*="--tcolor-success"] { color: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--text-opacity, 1)); } *[class*="--hover-tcolor-success"]:hover { color: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--text-opacity, 1)); } *[class*="--tcolor-success-light"] { color: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--text-opacity, 1)); } *[class*="--hover-tcolor-success-light"]:hover { color: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--text-opacity, 1)); } *[class*="--tcolor-danger"] { color: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--text-opacity, 1)); } *[class*="--hover-tcolor-danger"]:hover { color: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--text-opacity, 1)); } *[class*="--tcolor-info"] { color: rgba(var(--colors-state-info-rgb, 12,192,223), var(--text-opacity, 1)); } *[class*="--hover-tcolor-info"]:hover { color: rgba(var(--colors-state-info-rgb, 12,192,223), var(--text-opacity, 1)); } *[class*="--tsize-xxs"] { font-size: var(--font-sizes-xxs, 0.55rem); } *[class*="--tsize-xs"] { font-size: var(--font-sizes-xs, 0.825rem); } *[class*="--tsize-sm"] { font-size: var(--font-sizes-sm, 0.99rem); } *[class*="--tsize-md"] { font-size: var(--font-sizes-md, 1.1rem); } *[class*="--tsize-lg"] { font-size: var(--font-sizes-lg, 1.375rem); } *[class*="--tsize-xl"] { font-size: var(--font-sizes-xl, 1.925rem); } *[class*="--tsize-xxl"] { font-size: var(--font-sizes-xxl, 2.75rem); } *[class*="--tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.4rem); } *[class*="--tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 6.05rem); } *[class*="--tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 7.15rem); } *[class*="--tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 8.8rem); } *[class*="--tweight-thin"] { font-weight: var(--font-weights-thin, 100); } *[class*="--tweight-extra-light"] { font-weight: var(--font-weights-extra-light, 200); } *[class*="--tweight-light"] { font-weight: var(--font-weights-light, 300); } *[class*="--tweight-regular"] { font-weight: var(--font-weights-regular, 400); } *[class*="--tweight-medium"] { font-weight: var(--font-weights-medium, 500); } *[class*="--tweight-semi-bold"] { font-weight: var(--font-weights-semi-bold, 600); } *[class*="--tweight-bold"] { font-weight: var(--font-weights-bold, 700); } *[class*="--tweight-extra-bold"] { font-weight: var(--font-weights-extra-bold, 800); } *[class*="--tweight-black"] { font-weight: var(--font-weights-black, 900); } *[class*="--tline-height-normal"] { line-height: normal; } *[class*="--tline-height-0"] { line-height: 0; } *[class*="--tline-height-80"] { line-height: 0.8; } *[class*="--tline-height-90"] { line-height: 0.9; } *[class*="--tline-height-100"] { line-height: 1; } *[class*="--tline-height-110"] { line-height: 1.1; } *[class*="--tline-height-120"] { line-height: 1.2; } *[class*="--tfamily-heebo"] { font-family: 'Heebo', sans-serif; } *[class*="--talign-c"] { text-align: center; } *[class*="--talign-s"] { text-align: right; } *[class*="--talign-e"] { text-align: left; } *[class*="--ttransform-initial"] { text-transform: initial; } *[class*="--ttransform-lowercase"] { text-transform: lowercase; } *[class*="--ttransform-capitalize"] { text-transform: capitalize; } *[class*="--ttransform-uppercase"] { text-transform: uppercase; } *[class*="--tdecoration-underline"] { text-decoration: underline; } *[class*="--tdecoration-overline"] { text-decoration: overline; } *[class*="--tdecoration-line-through"] { text-decoration: line-through; } *[class*="--tdecoration-none currentcolor solid"] { text-decoration: none currentcolor solid; } *[class*="--ttruncate-1"] { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--ttruncate-2"] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--ttruncate-3"] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--ttruncate-4"] { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--ttruncate-5"] { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--topacity-0"] { --text-opacity: 0; } *[class*="--hover-topacity-0"]:hover { --text-opacity: 0; } *[class*="--topacity-10"] { --text-opacity: 0.1; } *[class*="--hover-topacity-10"]:hover { --text-opacity: 0.1; } *[class*="--topacity-20"] { --text-opacity: 0.2; } *[class*="--hover-topacity-20"]:hover { --text-opacity: 0.2; } *[class*="--topacity-30"] { --text-opacity: 0.3; } *[class*="--hover-topacity-30"]:hover { --text-opacity: 0.3; } *[class*="--topacity-40"] { --text-opacity: 0.4; } *[class*="--hover-topacity-40"]:hover { --text-opacity: 0.4; } *[class*="--topacity-50"] { --text-opacity: 0.5; } *[class*="--hover-topacity-50"]:hover { --text-opacity: 0.5; } *[class*="--topacity-60"] { --text-opacity: 0.6; } *[class*="--hover-topacity-60"]:hover { --text-opacity: 0.6; } *[class*="--topacity-70"] { --text-opacity: 0.7; } *[class*="--hover-topacity-70"]:hover { --text-opacity: 0.7; } *[class*="--topacity-80"] { --text-opacity: 0.8; } *[class*="--hover-topacity-80"]:hover { --text-opacity: 0.8; } *[class*="--topacity-90"] { --text-opacity: 0.9; } *[class*="--hover-topacity-90"]:hover { --text-opacity: 0.9; } *[class*="--topacity-100"] { --text-opacity: 1; } *[class*="--hover-topacity-100"]:hover { --text-opacity: 1; } *[class*="--d-inline"] { display: inline; } *[class*="--d-inline-block"] { display: inline-block; } *[class*="--d-block"] { display: block; } *[class*="--d-grid"] { display: grid; } *[class*="--d-table"] { display: table; } *[class*="--d-table-row"] { display: table-row; } *[class*="--d-table-cell"] { display: table-cell; } *[class*="--d-flex"] { display: flex; } *[class*="--d-inline-flex"] { display: inline-flex; } *[class*="--d-none"] { display: none; } *[class*="--maxw-2.5"] { max-width: 2.5px; } *[class*="--maxw-5"] { max-width: 5px; } *[class*="--maxw-7.5"] { max-width: 7.5px; } *[class*="--maxw-10"] { max-width: 10px; } *[class*="--maxw-12.5"] { max-width: 12.5px; } *[class*="--maxw-15"] { max-width: 15px; } *[class*="--maxw-17.5"] { max-width: 17.5px; } *[class*="--maxw-20"] { max-width: 20px; } *[class*="--maxw-25"] { max-width: 25px; } *[class*="--maxw-30"] { max-width: 30px; } *[class*="--maxw-35"] { max-width: 35px; } *[class*="--maxw-40"] { max-width: 40px; } *[class*="--maxw-45"] { max-width: 45px; } *[class*="--maxw-50"] { max-width: 50px; } *[class*="--maxw-55"] { max-width: 55px; } *[class*="--maxw-60"] { max-width: 60px; } *[class*="--maxw-65"] { max-width: 65px; } *[class*="--maxw-70"] { max-width: 70px; } *[class*="--maxw-75"] { max-width: 75px; } *[class*="--maxw-80"] { max-width: 80px; } *[class*="--maxw-85"] { max-width: 85px; } *[class*="--maxw-90"] { max-width: 90px; } *[class*="--maxw-95"] { max-width: 95px; } *[class*="--maxw-100"] { max-width: 100px; } *[class*="--maxw-105"] { max-width: 105px; } *[class*="--maxw-110"] { max-width: 110px; } *[class*="--maxw-115"] { max-width: 115px; } *[class*="--maxw-120"] { max-width: 120px; } *[class*="--maxw-125"] { max-width: 125px; } *[class*="--maxw-150"] { max-width: 150px; } *[class*="--maxw-200"] { max-width: 200px; } *[class*="--maxw-250"] { max-width: 250px; } *[class*="--maxw-300"] { max-width: 300px; } *[class*="--maxw-350"] { max-width: 350px; } *[class*="--maxw-400"] { max-width: 400px; } *[class*="--maxw-450"] { max-width: 450px; } *[class*="--maxw-500"] { max-width: 500px; } *[class*="--maxw-550"] { max-width: 550px; } *[class*="--maxw-600"] { max-width: 600px; } *[class*="--maxw-650"] { max-width: 650px; } *[class*="--maxw-reset"] { max-width: 0; } *[class*="--maxw-auto"] { max-width: auto; } *[class*="--maxw-inherit"] { max-width: inherit; } *[class*="--maxw-xxxs"] { max-width: 0.125rem; } *[class*="--maxw-xxs"] { max-width: 0.25rem; } *[class*="--maxw-xs"] { max-width: 0.5rem; } *[class*="--maxw-sm"] { max-width: 0.75rem; } *[class*="--maxw-md"] { max-width: 1rem; } *[class*="--maxw-lg"] { max-width: 1.5rem; } *[class*="--maxw-xl"] { max-width: 2.5rem; } *[class*="--maxw-xxl"] { max-width: 5rem; } *[class*="--maxw-xxxl"] { max-width: 8rem; } *[class*="--maxw-xxxxl"] { max-width: 12rem; } *[class*="--maxw-xxxxxl"] { max-width: 15rem; } *[class*="--maxw-xxxxxxl"] { max-width: 18rem; } *[class*="--maxw-full"] { max-width: 100%; } *[class*="--maxw-three-quarters"] { max-width: 75%; } *[class*="--maxw-half"] { max-width: 50%; } *[class*="--maxw-quarter"] { max-width: 25%; } *[class*="--maxw-none"] { max-width: none; } *[class*="--maxh-full"] { max-height: 100%; } *[class*="--maxh-none"] { max-height: none; } *[class*="--w-2.5"] { width: 2.5px; } *[class*="--w-5"] { width: 5px; } *[class*="--w-7.5"] { width: 7.5px; } *[class*="--w-10"] { width: 10px; } *[class*="--w-12.5"] { width: 12.5px; } *[class*="--w-15"] { width: 15px; } *[class*="--w-17.5"] { width: 17.5px; } *[class*="--w-20"] { width: 20px; } *[class*="--w-25"] { width: 25px; } *[class*="--w-30"] { width: 30px; } *[class*="--w-35"] { width: 35px; } *[class*="--w-40"] { width: 40px; } *[class*="--w-45"] { width: 45px; } *[class*="--w-50"] { width: 50px; } *[class*="--w-55"] { width: 55px; } *[class*="--w-60"] { width: 60px; } *[class*="--w-65"] { width: 65px; } *[class*="--w-70"] { width: 70px; } *[class*="--w-75"] { width: 75px; } *[class*="--w-80"] { width: 80px; } *[class*="--w-85"] { width: 85px; } *[class*="--w-90"] { width: 90px; } *[class*="--w-95"] { width: 95px; } *[class*="--w-100"] { width: 100px; } *[class*="--w-105"] { width: 105px; } *[class*="--w-110"] { width: 110px; } *[class*="--w-115"] { width: 115px; } *[class*="--w-120"] { width: 120px; } *[class*="--w-125"] { width: 125px; } *[class*="--w-150"] { width: 150px; } *[class*="--w-200"] { width: 200px; } *[class*="--w-250"] { width: 250px; } *[class*="--w-300"] { width: 300px; } *[class*="--w-350"] { width: 350px; } *[class*="--w-400"] { width: 400px; } *[class*="--w-450"] { width: 450px; } *[class*="--w-500"] { width: 500px; } *[class*="--w-550"] { width: 550px; } *[class*="--w-600"] { width: 600px; } *[class*="--w-650"] { width: 650px; } *[class*="--w-reset"] { width: 0; } *[class*="--w-auto"] { width: auto; } *[class*="--w-inherit"] { width: inherit; } *[class*="--w-xxxs"] { width: 0.125rem; } *[class*="--w-xxs"] { width: 0.25rem; } *[class*="--w-xs"] { width: 0.5rem; } *[class*="--w-sm"] { width: 0.75rem; } *[class*="--w-md"] { width: 1rem; } *[class*="--w-lg"] { width: 1.5rem; } *[class*="--w-xl"] { width: 2.5rem; } *[class*="--w-xxl"] { width: 5rem; } *[class*="--w-xxxl"] { width: 8rem; } *[class*="--w-xxxxl"] { width: 12rem; } *[class*="--w-xxxxxl"] { width: 15rem; } *[class*="--w-xxxxxxl"] { width: 18rem; } *[class*="--w-full"] { width: 100%; } *[class*="--w-three-quarters"] { width: 75%; } *[class*="--w-half"] { width: 50%; } *[class*="--w-quarter"] { width: 25%; } *[class*="--w-max-content"] { width: max-content; } *[class*="--h-2.5"] { height: 2.5px; } *[class*="--h-5"] { height: 5px; } *[class*="--h-7.5"] { height: 7.5px; } *[class*="--h-10"] { height: 10px; } *[class*="--h-12.5"] { height: 12.5px; } *[class*="--h-15"] { height: 15px; } *[class*="--h-17.5"] { height: 17.5px; } *[class*="--h-20"] { height: 20px; } *[class*="--h-25"] { height: 25px; } *[class*="--h-30"] { height: 30px; } *[class*="--h-35"] { height: 35px; } *[class*="--h-40"] { height: 40px; } *[class*="--h-45"] { height: 45px; } *[class*="--h-50"] { height: 50px; } *[class*="--h-55"] { height: 55px; } *[class*="--h-60"] { height: 60px; } *[class*="--h-65"] { height: 65px; } *[class*="--h-70"] { height: 70px; } *[class*="--h-75"] { height: 75px; } *[class*="--h-80"] { height: 80px; } *[class*="--h-85"] { height: 85px; } *[class*="--h-90"] { height: 90px; } *[class*="--h-95"] { height: 95px; } *[class*="--h-100"] { height: 100px; } *[class*="--h-105"] { height: 105px; } *[class*="--h-110"] { height: 110px; } *[class*="--h-115"] { height: 115px; } *[class*="--h-120"] { height: 120px; } *[class*="--h-125"] { height: 125px; } *[class*="--h-150"] { height: 150px; } *[class*="--h-200"] { height: 200px; } *[class*="--h-250"] { height: 250px; } *[class*="--h-300"] { height: 300px; } *[class*="--h-350"] { height: 350px; } *[class*="--h-400"] { height: 400px; } *[class*="--h-450"] { height: 450px; } *[class*="--h-500"] { height: 500px; } *[class*="--h-550"] { height: 550px; } *[class*="--h-600"] { height: 600px; } *[class*="--h-650"] { height: 650px; } *[class*="--h-reset"] { height: 0; } *[class*="--h-auto"] { height: auto; } *[class*="--h-inherit"] { height: inherit; } *[class*="--h-xxxs"] { height: 0.125rem; } *[class*="--h-xxs"] { height: 0.25rem; } *[class*="--h-xs"] { height: 0.5rem; } *[class*="--h-sm"] { height: 0.75rem; } *[class*="--h-md"] { height: 1rem; } *[class*="--h-lg"] { height: 1.5rem; } *[class*="--h-xl"] { height: 2.5rem; } *[class*="--h-xxl"] { height: 5rem; } *[class*="--h-xxxl"] { height: 8rem; } *[class*="--h-xxxxl"] { height: 12rem; } *[class*="--h-xxxxxl"] { height: 15rem; } *[class*="--h-xxxxxxl"] { height: 18rem; } *[class*="--h-full"] { height: 100%; } *[class*="--h-three-quarters"] { height: 75%; } *[class*="--h-half"] { height: 50%; } *[class*="--h-quarter"] { height: 25%; } *[class*="--h-max-content"] { height: max-content; } *[class*="--bg-default"] { background-color: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--background-opacity, 1)); } *[class*="--hover-bg-default"]:hover { background-color: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--background-opacity, 1)); } *[class*="--bg-primary"] { background-color: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--background-opacity, 1)); } *[class*="--hover-bg-primary"]:hover { background-color: rgba(var(--colors-primary-base-rgb, 151,91,20), var(--background-opacity, 1)); } *[class*="--bg-primary-light"] { background-color: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--background-opacity, 1)); } *[class*="--hover-bg-primary-light"]:hover { background-color: rgba(var(--colors-primary-light-rgb, 164,115,65), var(--background-opacity, 1)); } *[class*="--bg-primary-dark"] { background-color: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--background-opacity, 1)); } *[class*="--hover-bg-primary-dark"]:hover { background-color: rgba(var(--colors-primary-dark-rgb, 76,36,29), var(--background-opacity, 1)); } *[class*="--bg-secondary"] { background-color: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--background-opacity, 1)); } *[class*="--hover-bg-secondary"]:hover { background-color: rgba(var(--colors-secondary-base-rgb, 238,217,30), var(--background-opacity, 1)); } *[class*="--bg-secondary-light"] { background-color: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--background-opacity, 1)); } *[class*="--hover-bg-secondary-light"]:hover { background-color: rgba(var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736), var(--background-opacity, 1)); } *[class*="--bg-secondary-dark"] { background-color: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--background-opacity, 1)); } *[class*="--hover-bg-secondary-dark"]:hover { background-color: rgba(var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438), var(--background-opacity, 1)); } *[class*="--bg-natural"] { background-color: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--background-opacity, 1)); } *[class*="--hover-bg-natural"]:hover { background-color: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--background-opacity, 1)); } *[class*="--bg-natural-400"] { background-color: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--background-opacity, 1)); } *[class*="--hover-bg-natural-400"]:hover { background-color: rgba(var(--colors-background-natural-400-rgb, 250,245,239), var(--background-opacity, 1)); } *[class*="--bg-natural-700"] { background-color: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--background-opacity, 1)); } *[class*="--hover-bg-natural-700"]:hover { background-color: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--background-opacity, 1)); } *[class*="--bg-natural-light"] { background-color: rgba(var(--colors-background-natural-100-rgb, 238,222,208), var(--background-opacity, 1)); } *[class*="--hover-bg-natural-light"]:hover { background-color: rgba(var(--colors-background-natural-100-rgb, 238,222,208), var(--background-opacity, 1)); } *[class*="--bg-natural-dark"] { background-color: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--background-opacity, 1)); } *[class*="--hover-bg-natural-dark"]:hover { background-color: rgba(var(--colors-background-natural-700-rgb, 245,227,210), var(--background-opacity, 1)); } *[class*="--bg-white"] { background-color: rgba(var(--colors-background-white-rgb, 255,255,255), var(--background-opacity, 1)); } *[class*="--hover-bg-white"]:hover { background-color: rgba(var(--colors-background-white-rgb, 255,255,255), var(--background-opacity, 1)); } *[class*="--bg-black"] { background-color: rgba(var(--colors-background-black-rgb, 0,0,0), var(--background-opacity, 1)); } *[class*="--hover-bg-black"]:hover { background-color: rgba(var(--colors-background-black-rgb, 0,0,0), var(--background-opacity, 1)); } *[class*="--bg-grey-dark"] { background-color: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--background-opacity, 1)); } *[class*="--hover-bg-grey-dark"]:hover { background-color: rgba(var(--colors-natural-grey-700-rgb, 36,36,36), var(--background-opacity, 1)); } *[class*="--bg-grey-base"] { background-color: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--background-opacity, 1)); } *[class*="--hover-bg-grey-base"]:hover { background-color: rgba(var(--colors-natural-grey-400-rgb, 36,36,36), var(--background-opacity, 1)); } *[class*="--bg-grey-light"] { background-color: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--background-opacity, 1)); } *[class*="--hover-bg-grey-light"]:hover { background-color: rgba(var(--colors-natural-grey-100-rgb, 36,36,36), var(--background-opacity, 1)); } *[class*="--bg-success"] { background-color: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--background-opacity, 1)); } *[class*="--hover-bg-success"]:hover { background-color: rgba(var(--colors-state-success-rgb, 166.12,242.88,180.26), var(--background-opacity, 1)); } *[class*="--bg-success-light"] { background-color: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--background-opacity, 1)); } *[class*="--hover-bg-success-light"]:hover { background-color: rgba(var(--colors-state-success-light-rgb, 211,249,218), var(--background-opacity, 1)); } *[class*="--bg-danger"] { background-color: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--background-opacity, 1)); } *[class*="--hover-bg-danger"]:hover { background-color: rgba(var(--colors-state-danger-rgb, 242,87,103), var(--background-opacity, 1)); } *[class*="--bg-info"] { background-color: rgba(var(--colors-state-info-rgb, 12,192,223), var(--background-opacity, 1)); } *[class*="--hover-bg-info"]:hover { background-color: rgba(var(--colors-state-info-rgb, 12,192,223), var(--background-opacity, 1)); } *[class*="--bgopacity-0"] { --background-opacity: 0; } *[class*="--hover-bgopacity-0"]:hover { --background-opacity: 0; } *[class*="--bgopacity-10"] { --background-opacity: 0.1; } *[class*="--hover-bgopacity-10"]:hover { --background-opacity: 0.1; } *[class*="--bgopacity-20"] { --background-opacity: 0.2; } *[class*="--hover-bgopacity-20"]:hover { --background-opacity: 0.2; } *[class*="--bgopacity-30"] { --background-opacity: 0.3; } *[class*="--hover-bgopacity-30"]:hover { --background-opacity: 0.3; } *[class*="--bgopacity-40"] { --background-opacity: 0.4; } *[class*="--hover-bgopacity-40"]:hover { --background-opacity: 0.4; } *[class*="--bgopacity-50"] { --background-opacity: 0.5; } *[class*="--hover-bgopacity-50"]:hover { --background-opacity: 0.5; } *[class*="--bgopacity-60"] { --background-opacity: 0.6; } *[class*="--hover-bgopacity-60"]:hover { --background-opacity: 0.6; } *[class*="--bgopacity-70"] { --background-opacity: 0.7; } *[class*="--hover-bgopacity-70"]:hover { --background-opacity: 0.7; } *[class*="--bgopacity-80"] { --background-opacity: 0.8; } *[class*="--hover-bgopacity-80"]:hover { --background-opacity: 0.8; } *[class*="--bgopacity-90"] { --background-opacity: 0.9; } *[class*="--hover-bgopacity-90"]:hover { --background-opacity: 0.9; } *[class*="--bgopacity-100"] { --background-opacity: 1; } *[class*="--hover-bgopacity-100"]:hover { --background-opacity: 1; } *[class*="--bg-gradient-to-t"] { background-image: linear-gradient(to top, var(--background-gradient-stops)); } *[class*="--hover-bg-gradient-to-t"]:hover { background-image: linear-gradient(to top, var(--background-gradient-stops)); } *[class*="--bg-gradient-to-b"] { background-image: linear-gradient(to bottom, var(--background-gradient-stops)); } *[class*="--hover-bg-gradient-to-b"]:hover { background-image: linear-gradient(to bottom, var(--background-gradient-stops)); } *[class*="--bg-gradient-to-s"] { background-image: linear-gradient(to right, var(--background-gradient-stops)); } *[class*="--hover-bg-gradient-to-s"]:hover { background-image: linear-gradient(to right, var(--background-gradient-stops)); } *[class*="--bg-gradient-to-e"] { background-image: linear-gradient(to left, var(--background-gradient-stops)); } *[class*="--hover-bg-gradient-to-e"]:hover { background-image: linear-gradient(to left, var(--background-gradient-stops)); } *[class*="--bg-gradient-to-ts"] { background-image: linear-gradient(to top right, var(--gradient-stops)); } *[class*="--hover-bg-gradient-to-ts"]:hover { background-image: linear-gradient(to top right, var(--gradient-stops)); } *[class*="--bg-gradient-to-te"] { background-image: linear-gradient(to top left, var(--gradient-stops)); } *[class*="--hover-bg-gradient-to-te"]:hover { background-image: linear-gradient(to top left, var(--gradient-stops)); } *[class*="--bg-gradient-to-bs"] { background-image: linear-gradient(to bottom right, var(--gradient-stops)); } *[class*="--hover-bg-gradient-to-bs"]:hover { background-image: linear-gradient(to bottom right, var(--gradient-stops)); } *[class*="--bg-gradient-to-be"] { background-image: linear-gradient(to bottom left, var(--gradient-stops)); } *[class*="--hover-bg-gradient-to-be"]:hover { background-image: linear-gradient(to bottom left, var(--gradient-stops)); } *[class*="--bg-gradient-from-default"] { --background-gradient-from: var(--colors-background-natural-400, #FAF5EF); } *[class*="--hover-bg-gradient-from-default"]:hover { --background-gradient-from: var(--colors-background-natural-400, #FAF5EF); } *[class*="--bg-gradient-from-primary"] { --background-gradient-from: var(--colors-primary-base, #975B14); } *[class*="--hover-bg-gradient-from-primary"]:hover { --background-gradient-from: var(--colors-primary-base, #975B14); } *[class*="--bg-gradient-from-primary-light"] { --background-gradient-from: var(--colors-primary-light, #A47341); } *[class*="--hover-bg-gradient-from-primary-light"]:hover { --background-gradient-from: var(--colors-primary-light, #A47341); } *[class*="--bg-gradient-from-primary-dark"] { --background-gradient-from: var(--colors-primary-dark, #4C241D); } *[class*="--hover-bg-gradient-from-primary-dark"]:hover { --background-gradient-from: var(--colors-primary-dark, #4C241D); } *[class*="--bg-gradient-from-secondary"] { --background-gradient-from: var(--colors-secondary-base, #EED91E); } *[class*="--hover-bg-gradient-from-secondary"]:hover { --background-gradient-from: var(--colors-secondary-base, #EED91E); } *[class*="--bg-gradient-from-secondary-light"] { --background-gradient-from: var(--colors-secondary-light, #f2e14d); } *[class*="--hover-bg-gradient-from-secondary-light"]:hover { --background-gradient-from: var(--colors-secondary-light, #f2e14d); } *[class*="--bg-gradient-from-secondary-dark"] { --background-gradient-from: var(--colors-secondary-dark, #cab70f); } *[class*="--hover-bg-gradient-from-secondary-dark"]:hover { --background-gradient-from: var(--colors-secondary-dark, #cab70f); } *[class*="--bg-gradient-from-natural"] { --background-gradient-from: var(--colors-background-natural-400, #FAF5EF); } *[class*="--hover-bg-gradient-from-natural"]:hover { --background-gradient-from: var(--colors-background-natural-400, #FAF5EF); } *[class*="--bg-gradient-from-natural-400"] { --background-gradient-from: var(--colors-background-natural-400, #FAF5EF); } *[class*="--hover-bg-gradient-from-natural-400"]:hover { --background-gradient-from: var(--colors-background-natural-400, #FAF5EF); } *[class*="--bg-gradient-from-natural-700"] { --background-gradient-from: var(--colors-background-natural-700, #F5E3D2); } *[class*="--hover-bg-gradient-from-natural-700"]:hover { --background-gradient-from: var(--colors-background-natural-700, #F5E3D2); } *[class*="--bg-gradient-from-natural-light"] { --background-gradient-from: var(--colors-background-natural-100, #eeded07a); } *[class*="--hover-bg-gradient-from-natural-light"]:hover { --background-gradient-from: var(--colors-background-natural-100, #eeded07a); } *[class*="--bg-gradient-from-natural-dark"] { --background-gradient-from: var(--colors-background-natural-700, #F5E3D2); } *[class*="--hover-bg-gradient-from-natural-dark"]:hover { --background-gradient-from: var(--colors-background-natural-700, #F5E3D2); } *[class*="--bg-gradient-from-white"] { --background-gradient-from: var(--colors-background-white, #FFFFFF); } *[class*="--hover-bg-gradient-from-white"]:hover { --background-gradient-from: var(--colors-background-white, #FFFFFF); } *[class*="--bg-gradient-from-black"] { --background-gradient-from: var(--colors-background-black, #000000); } *[class*="--hover-bg-gradient-from-black"]:hover { --background-gradient-from: var(--colors-background-black, #000000); } *[class*="--bg-gradient-from-grey-dark"] { --background-gradient-from: var(--colors-natural-grey-700, #242424); } *[class*="--hover-bg-gradient-from-grey-dark"]:hover { --background-gradient-from: var(--colors-natural-grey-700, #242424); } *[class*="--bg-gradient-from-grey-base"] { --background-gradient-from: var(--colors-natural-grey-400, #242424e6); } *[class*="--hover-bg-gradient-from-grey-base"]:hover { --background-gradient-from: var(--colors-natural-grey-400, #242424e6); } *[class*="--bg-gradient-from-grey-light"] { --background-gradient-from: var(--colors-natural-grey-100, #24242480); } *[class*="--hover-bg-gradient-from-grey-light"]:hover { --background-gradient-from: var(--colors-natural-grey-100, #24242480); } *[class*="--bg-gradient-from-success"] { --background-gradient-from: var(--colors-state-success, #a6f3b4); } *[class*="--hover-bg-gradient-from-success"]:hover { --background-gradient-from: var(--colors-state-success, #a6f3b4); } *[class*="--bg-gradient-from-success-light"] { --background-gradient-from: var(--colors-state-success-light, #d3f9da); } *[class*="--hover-bg-gradient-from-success-light"]:hover { --background-gradient-from: var(--colors-state-success-light, #d3f9da); } *[class*="--bg-gradient-from-danger"] { --background-gradient-from: var(--colors-state-danger, #f25767); } *[class*="--hover-bg-gradient-from-danger"]:hover { --background-gradient-from: var(--colors-state-danger, #f25767); } *[class*="--bg-gradient-from-info"] { --background-gradient-from: var(--colors-state-info, #0CC0DF); } *[class*="--hover-bg-gradient-from-info"]:hover { --background-gradient-from: var(--colors-state-info, #0CC0DF); } *[class*="--bg-gradient-from"] { --background-gradient-stops: var(--background-gradient-from), var(--background-gradient-to); } *[class*="--hover-bg-gradient-from"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--background-gradient-to); } *[class*="--bg-gradient-via-default"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-400, #FAF5EF), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-default"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-400, #FAF5EF), var(--background-gradient-to); } *[class*="--bg-gradient-via-primary"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-base, #975B14), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-primary"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-base, #975B14), var(--background-gradient-to); } *[class*="--bg-gradient-via-primary-light"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-light, #A47341), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-primary-light"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-light, #A47341), var(--background-gradient-to); } *[class*="--bg-gradient-via-primary-dark"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-dark, #4C241D), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-primary-dark"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-dark, #4C241D), var(--background-gradient-to); } *[class*="--bg-gradient-via-secondary"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-base, #EED91E), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-secondary"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-base, #EED91E), var(--background-gradient-to); } *[class*="--bg-gradient-via-secondary-light"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-light, #f2e14d), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-secondary-light"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-light, #f2e14d), var(--background-gradient-to); } *[class*="--bg-gradient-via-secondary-dark"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-dark, #cab70f), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-secondary-dark"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-dark, #cab70f), var(--background-gradient-to); } *[class*="--bg-gradient-via-natural"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-400, #FAF5EF), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-natural"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-400, #FAF5EF), var(--background-gradient-to); } *[class*="--bg-gradient-via-natural-400"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-400, #FAF5EF), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-natural-400"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-400, #FAF5EF), var(--background-gradient-to); } *[class*="--bg-gradient-via-natural-700"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-700, #F5E3D2), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-natural-700"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-700, #F5E3D2), var(--background-gradient-to); } *[class*="--bg-gradient-via-natural-light"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-100, #eeded07a), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-natural-light"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-100, #eeded07a), var(--background-gradient-to); } *[class*="--bg-gradient-via-natural-dark"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-700, #F5E3D2), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-natural-dark"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-700, #F5E3D2), var(--background-gradient-to); } *[class*="--bg-gradient-via-white"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-white, #FFFFFF), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-white"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-white, #FFFFFF), var(--background-gradient-to); } *[class*="--bg-gradient-via-black"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-black, #000000), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-black"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-black, #000000), var(--background-gradient-to); } *[class*="--bg-gradient-via-grey-dark"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-700, #242424), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-grey-dark"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-700, #242424), var(--background-gradient-to); } *[class*="--bg-gradient-via-grey-base"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-400, #242424e6), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-grey-base"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-400, #242424e6), var(--background-gradient-to); } *[class*="--bg-gradient-via-grey-light"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-100, #24242480), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-grey-light"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-100, #24242480), var(--background-gradient-to); } *[class*="--bg-gradient-via-success"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-state-success, #a6f3b4), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-success"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-state-success, #a6f3b4), var(--background-gradient-to); } *[class*="--bg-gradient-via-success-light"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-state-success-light, #d3f9da), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-success-light"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-state-success-light, #d3f9da), var(--background-gradient-to); } *[class*="--bg-gradient-via-danger"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-state-danger, #f25767), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-danger"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-state-danger, #f25767), var(--background-gradient-to); } *[class*="--bg-gradient-via-info"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-state-info, #0CC0DF), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-info"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-state-info, #0CC0DF), var(--background-gradient-to); } *[class*="--bg-gradient-to-default"] { --background-gradient-to: var(--colors-background-natural-400, #FAF5EF); } *[class*="--hover-bg-gradient-to-default"]:hover { --background-gradient-to: var(--colors-background-natural-400, #FAF5EF); } *[class*="--bg-gradient-to-primary"] { --background-gradient-to: var(--colors-primary-base, #975B14); } *[class*="--hover-bg-gradient-to-primary"]:hover { --background-gradient-to: var(--colors-primary-base, #975B14); } *[class*="--bg-gradient-to-primary-light"] { --background-gradient-to: var(--colors-primary-light, #A47341); } *[class*="--hover-bg-gradient-to-primary-light"]:hover { --background-gradient-to: var(--colors-primary-light, #A47341); } *[class*="--bg-gradient-to-primary-dark"] { --background-gradient-to: var(--colors-primary-dark, #4C241D); } *[class*="--hover-bg-gradient-to-primary-dark"]:hover { --background-gradient-to: var(--colors-primary-dark, #4C241D); } *[class*="--bg-gradient-to-secondary"] { --background-gradient-to: var(--colors-secondary-base, #EED91E); } *[class*="--hover-bg-gradient-to-secondary"]:hover { --background-gradient-to: var(--colors-secondary-base, #EED91E); } *[class*="--bg-gradient-to-secondary-light"] { --background-gradient-to: var(--colors-secondary-light, #f2e14d); } *[class*="--hover-bg-gradient-to-secondary-light"]:hover { --background-gradient-to: var(--colors-secondary-light, #f2e14d); } *[class*="--bg-gradient-to-secondary-dark"] { --background-gradient-to: var(--colors-secondary-dark, #cab70f); } *[class*="--hover-bg-gradient-to-secondary-dark"]:hover { --background-gradient-to: var(--colors-secondary-dark, #cab70f); } *[class*="--bg-gradient-to-natural"] { --background-gradient-to: var(--colors-background-natural-400, #FAF5EF); } *[class*="--hover-bg-gradient-to-natural"]:hover { --background-gradient-to: var(--colors-background-natural-400, #FAF5EF); } *[class*="--bg-gradient-to-natural-400"] { --background-gradient-to: var(--colors-background-natural-400, #FAF5EF); } *[class*="--hover-bg-gradient-to-natural-400"]:hover { --background-gradient-to: var(--colors-background-natural-400, #FAF5EF); } *[class*="--bg-gradient-to-natural-700"] { --background-gradient-to: var(--colors-background-natural-700, #F5E3D2); } *[class*="--hover-bg-gradient-to-natural-700"]:hover { --background-gradient-to: var(--colors-background-natural-700, #F5E3D2); } *[class*="--bg-gradient-to-natural-light"] { --background-gradient-to: var(--colors-background-natural-100, #eeded07a); } *[class*="--hover-bg-gradient-to-natural-light"]:hover { --background-gradient-to: var(--colors-background-natural-100, #eeded07a); } *[class*="--bg-gradient-to-natural-dark"] { --background-gradient-to: var(--colors-background-natural-700, #F5E3D2); } *[class*="--hover-bg-gradient-to-natural-dark"]:hover { --background-gradient-to: var(--colors-background-natural-700, #F5E3D2); } *[class*="--bg-gradient-to-white"] { --background-gradient-to: var(--colors-background-white, #FFFFFF); } *[class*="--hover-bg-gradient-to-white"]:hover { --background-gradient-to: var(--colors-background-white, #FFFFFF); } *[class*="--bg-gradient-to-black"] { --background-gradient-to: var(--colors-background-black, #000000); } *[class*="--hover-bg-gradient-to-black"]:hover { --background-gradient-to: var(--colors-background-black, #000000); } *[class*="--bg-gradient-to-grey-dark"] { --background-gradient-to: var(--colors-natural-grey-700, #242424); } *[class*="--hover-bg-gradient-to-grey-dark"]:hover { --background-gradient-to: var(--colors-natural-grey-700, #242424); } *[class*="--bg-gradient-to-grey-base"] { --background-gradient-to: var(--colors-natural-grey-400, #242424e6); } *[class*="--hover-bg-gradient-to-grey-base"]:hover { --background-gradient-to: var(--colors-natural-grey-400, #242424e6); } *[class*="--bg-gradient-to-grey-light"] { --background-gradient-to: var(--colors-natural-grey-100, #24242480); } *[class*="--hover-bg-gradient-to-grey-light"]:hover { --background-gradient-to: var(--colors-natural-grey-100, #24242480); } *[class*="--bg-gradient-to-success"] { --background-gradient-to: var(--colors-state-success, #a6f3b4); } *[class*="--hover-bg-gradient-to-success"]:hover { --background-gradient-to: var(--colors-state-success, #a6f3b4); } *[class*="--bg-gradient-to-success-light"] { --background-gradient-to: var(--colors-state-success-light, #d3f9da); } *[class*="--hover-bg-gradient-to-success-light"]:hover { --background-gradient-to: var(--colors-state-success-light, #d3f9da); } *[class*="--bg-gradient-to-danger"] { --background-gradient-to: var(--colors-state-danger, #f25767); } *[class*="--hover-bg-gradient-to-danger"]:hover { --background-gradient-to: var(--colors-state-danger, #f25767); } *[class*="--bg-gradient-to-info"] { --background-gradient-to: var(--colors-state-info, #0CC0DF); } *[class*="--hover-bg-gradient-to-info"]:hover { --background-gradient-to: var(--colors-state-info, #0CC0DF); } *[class*="--bg-pattern-diagonal"] { background-image: repeating-linear-gradient(45deg, rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.1), rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.1) 2px, var(--colors-background-transparent, transparent) 2px, var(--colors-background-transparent, transparent) 10px); } *[class*="--bg-pattern-box"] { background-image: linear-gradient(rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.1) 0.4px, transparent 0.4px), linear-gradient(to right, rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.1) 0.4px, var(--colors-background-transparent, transparent) 0.4px); background-size: 8px 8px; } *[class*="--bg-pattern-line-vertical"] { background-image: repeating-linear-gradient(to right, rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.1), rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.1) 0.4px, var(--colors-background-transparent, transparent) 0.4px, var(--colors-background-transparent, transparent)); background-size: 8px 8px; } *[class*="--bg-pattern-line-horizontal"] { background-image: repeating-linear-gradient(0deg, rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.1), rgba(var(--colors-theme-text-rgb, 195.0,195.0,195.0), 0.1) 0.4px, var(--colors-background-transparent, transparent) 0.4px, var(--colors-background-transparent, transparent)); background-size: 8px 8px; } *[class*="--overflow-auto"] { overflow: auto; } *[class*="--overflow-hidden"] { overflow: hidden; } *[class*="--overflow-scroll"] { overflow: scroll; } *[class*="--overflow-overlay"] { overflow: overlay; } *[class*="--overflow-x-auto"] { overflow-x: auto; } *[class*="--overflow-x-hidden"] { overflow-x: hidden; } *[class*="--overflow-x-scroll"] { overflow-x: scroll; } *[class*="--overflow-x-overlay"] { overflow-x: overlay; } *[class*="--overflow-y-auto"] { overflow-y: auto; } *[class*="--overflow-y-hidden"] { overflow-y: hidden; } *[class*="--overflow-y-scroll"] { overflow-y: scroll; } *[class*="--overflow-y-overlay"] { overflow-y: overlay; } *[class*="--position-static"] { position: static; } *[class*="--position-relative"] { position: relative; } *[class*="--position-absolute"] { position: absolute; } *[class*="--position-fixed"] { position: fixed; } *[class*="--position-sticky"] { position: sticky; } *[class*="--position-t-quarter"] { top: 25%; } *[class*="--position-t-half"] { top: 50%; } *[class*="--position-t-full"] { top: 100%; } *[class*="--position-t-header"] { top: 100px; } *[class*="--position-t-header-indent"] { top: calc(100px + 2rem); } *[class*="--position-t-reset"] { top: 0; } *[class*="--position-t-reset-opposite"] { top: -0; } *[class*="--position-t-auto"] { top: auto; } *[class*="--position-t-auto-opposite"] { top: -auto; } *[class*="--position-t-inherit"] { top: inherit; } *[class*="--position-t-inherit-opposite"] { top: -inherit; } *[class*="--position-t-xxxs"] { top: 0.125rem; } *[class*="--position-t-xxxs-opposite"] { top: -0.125rem; } *[class*="--position-t-xxs"] { top: 0.25rem; } *[class*="--position-t-xxs-opposite"] { top: -0.25rem; } *[class*="--position-t-xs"] { top: 0.5rem; } *[class*="--position-t-xs-opposite"] { top: -0.5rem; } *[class*="--position-t-sm"] { top: 0.75rem; } *[class*="--position-t-sm-opposite"] { top: -0.75rem; } *[class*="--position-t-md"] { top: 1rem; } *[class*="--position-t-md-opposite"] { top: -1rem; } *[class*="--position-t-lg"] { top: 1.5rem; } *[class*="--position-t-lg-opposite"] { top: -1.5rem; } *[class*="--position-t-xl"] { top: 2.5rem; } *[class*="--position-t-xl-opposite"] { top: -2.5rem; } *[class*="--position-t-xxl"] { top: 5rem; } *[class*="--position-t-xxl-opposite"] { top: -5rem; } *[class*="--position-t-xxxl"] { top: 8rem; } *[class*="--position-t-xxxl-opposite"] { top: -8rem; } *[class*="--position-t-xxxxl"] { top: 12rem; } *[class*="--position-t-xxxxl-opposite"] { top: -12rem; } *[class*="--position-t-xxxxxl"] { top: 15rem; } *[class*="--position-t-xxxxxl-opposite"] { top: -15rem; } *[class*="--position-t-xxxxxxl"] { top: 18rem; } *[class*="--position-t-xxxxxxl-opposite"] { top: -18rem; } *[class*="--position-b-quarter"] { bottom: 25%; } *[class*="--position-b-half"] { bottom: 50%; } *[class*="--position-b-full"] { bottom: 100%; } *[class*="--position-b-header"] { bottom: 100px; } *[class*="--position-b-header-indent"] { bottom: calc(100px + 2rem); } *[class*="--position-b-reset"] { bottom: 0; } *[class*="--position-b-reset-opposite"] { bottom: -0; } *[class*="--position-b-auto"] { bottom: auto; } *[class*="--position-b-auto-opposite"] { bottom: -auto; } *[class*="--position-b-inherit"] { bottom: inherit; } *[class*="--position-b-inherit-opposite"] { bottom: -inherit; } *[class*="--position-b-xxxs"] { bottom: 0.125rem; } *[class*="--position-b-xxxs-opposite"] { bottom: -0.125rem; } *[class*="--position-b-xxs"] { bottom: 0.25rem; } *[class*="--position-b-xxs-opposite"] { bottom: -0.25rem; } *[class*="--position-b-xs"] { bottom: 0.5rem; } *[class*="--position-b-xs-opposite"] { bottom: -0.5rem; } *[class*="--position-b-sm"] { bottom: 0.75rem; } *[class*="--position-b-sm-opposite"] { bottom: -0.75rem; } *[class*="--position-b-md"] { bottom: 1rem; } *[class*="--position-b-md-opposite"] { bottom: -1rem; } *[class*="--position-b-lg"] { bottom: 1.5rem; } *[class*="--position-b-lg-opposite"] { bottom: -1.5rem; } *[class*="--position-b-xl"] { bottom: 2.5rem; } *[class*="--position-b-xl-opposite"] { bottom: -2.5rem; } *[class*="--position-b-xxl"] { bottom: 5rem; } *[class*="--position-b-xxl-opposite"] { bottom: -5rem; } *[class*="--position-b-xxxl"] { bottom: 8rem; } *[class*="--position-b-xxxl-opposite"] { bottom: -8rem; } *[class*="--position-b-xxxxl"] { bottom: 12rem; } *[class*="--position-b-xxxxl-opposite"] { bottom: -12rem; } *[class*="--position-b-xxxxxl"] { bottom: 15rem; } *[class*="--position-b-xxxxxl-opposite"] { bottom: -15rem; } *[class*="--position-b-xxxxxxl"] { bottom: 18rem; } *[class*="--position-b-xxxxxxl-opposite"] { bottom: -18rem; } *[class*="--position-s-quarter"] { right: 25%; } *[class*="--position-s-half"] { right: 50%; } *[class*="--position-s-full"] { right: 100%; } *[class*="--position-s-header"] { right: 100px; } *[class*="--position-s-header-indent"] { right: calc(100px + 2rem); } *[class*="--position-s-reset"] { right: 0; } *[class*="--position-s-reset-opposite"] { right: -0; } *[class*="--position-s-auto"] { right: auto; } *[class*="--position-s-auto-opposite"] { right: -auto; } *[class*="--position-s-inherit"] { right: inherit; } *[class*="--position-s-inherit-opposite"] { right: -inherit; } *[class*="--position-s-xxxs"] { right: 0.125rem; } *[class*="--position-s-xxxs-opposite"] { right: -0.125rem; } *[class*="--position-s-xxs"] { right: 0.25rem; } *[class*="--position-s-xxs-opposite"] { right: -0.25rem; } *[class*="--position-s-xs"] { right: 0.5rem; } *[class*="--position-s-xs-opposite"] { right: -0.5rem; } *[class*="--position-s-sm"] { right: 0.75rem; } *[class*="--position-s-sm-opposite"] { right: -0.75rem; } *[class*="--position-s-md"] { right: 1rem; } *[class*="--position-s-md-opposite"] { right: -1rem; } *[class*="--position-s-lg"] { right: 1.5rem; } *[class*="--position-s-lg-opposite"] { right: -1.5rem; } *[class*="--position-s-xl"] { right: 2.5rem; } *[class*="--position-s-xl-opposite"] { right: -2.5rem; } *[class*="--position-s-xxl"] { right: 5rem; } *[class*="--position-s-xxl-opposite"] { right: -5rem; } *[class*="--position-s-xxxl"] { right: 8rem; } *[class*="--position-s-xxxl-opposite"] { right: -8rem; } *[class*="--position-s-xxxxl"] { right: 12rem; } *[class*="--position-s-xxxxl-opposite"] { right: -12rem; } *[class*="--position-s-xxxxxl"] { right: 15rem; } *[class*="--position-s-xxxxxl-opposite"] { right: -15rem; } *[class*="--position-s-xxxxxxl"] { right: 18rem; } *[class*="--position-s-xxxxxxl-opposite"] { right: -18rem; } *[class*="--position-e-quarter"] { left: 25%; } *[class*="--position-e-half"] { left: 50%; } *[class*="--position-e-full"] { left: 100%; } *[class*="--position-e-header"] { left: 100px; } *[class*="--position-e-header-indent"] { left: calc(100px + 2rem); } *[class*="--position-e-reset"] { left: 0; } *[class*="--position-e-reset-opposite"] { left: -0; } *[class*="--position-e-auto"] { left: auto; } *[class*="--position-e-auto-opposite"] { left: -auto; } *[class*="--position-e-inherit"] { left: inherit; } *[class*="--position-e-inherit-opposite"] { left: -inherit; } *[class*="--position-e-xxxs"] { left: 0.125rem; } *[class*="--position-e-xxxs-opposite"] { left: -0.125rem; } *[class*="--position-e-xxs"] { left: 0.25rem; } *[class*="--position-e-xxs-opposite"] { left: -0.25rem; } *[class*="--position-e-xs"] { left: 0.5rem; } *[class*="--position-e-xs-opposite"] { left: -0.5rem; } *[class*="--position-e-sm"] { left: 0.75rem; } *[class*="--position-e-sm-opposite"] { left: -0.75rem; } *[class*="--position-e-md"] { left: 1rem; } *[class*="--position-e-md-opposite"] { left: -1rem; } *[class*="--position-e-lg"] { left: 1.5rem; } *[class*="--position-e-lg-opposite"] { left: -1.5rem; } *[class*="--position-e-xl"] { left: 2.5rem; } *[class*="--position-e-xl-opposite"] { left: -2.5rem; } *[class*="--position-e-xxl"] { left: 5rem; } *[class*="--position-e-xxl-opposite"] { left: -5rem; } *[class*="--position-e-xxxl"] { left: 8rem; } *[class*="--position-e-xxxl-opposite"] { left: -8rem; } *[class*="--position-e-xxxxl"] { left: 12rem; } *[class*="--position-e-xxxxl-opposite"] { left: -12rem; } *[class*="--position-e-xxxxxl"] { left: 15rem; } *[class*="--position-e-xxxxxl-opposite"] { left: -15rem; } *[class*="--position-e-xxxxxxl"] { left: 18rem; } *[class*="--position-e-xxxxxxl-opposite"] { left: -18rem; } *[class*="--transform-translateX-full"] { --transform-translateX: 100%; } *[class*="--transform-translateX-full-opposite"] { --transform-translateX: -100%; } *[class*="--transform-translateX-half"] { --transform-translateX: 50%; } *[class*="--transform-translateX-half-opposite"] { --transform-translateX: -50%; } *[class*="--transform-translateX-reset"] { --transform-translateX: 0; } *[class*="--transform-translateY-full"] { --transform-translateY: 100%; } *[class*="--transform-translateY-full-opposite"] { --transform-translateY: -100%; } *[class*="--transform-translateY-half"] { --transform-translateY: 50%; } *[class*="--transform-translateY-half-opposite"] { --transform-translateY: -50%; } *[class*="--transform-translateY-reset"] { --transform-translateY: 0; } *[class*="--transform-scaleX-25"] { --transform-scaleX: 2; } *[class*="--transform-scaleY-25"] { --transform-scaleY: 2; } *[class*="--cursor-default"] { cursor: default; } *[class*="--cursor-auto"] { cursor: auto; } *[class*="--cursor-pointer"] { cursor: pointer; } *[class*="--cursor-grab"] { cursor: grab; } *[class*="--opacity-0"] { opacity: 0; } *[class*="--opacity-5"] { opacity: 0.05; } *[class*="--opacity-10"] { opacity: 0.1; } *[class*="--opacity-15"] { opacity: 0.15; } *[class*="--opacity-20"] { opacity: 0.2; } *[class*="--opacity-25"] { opacity: 0.25; } *[class*="--opacity-30"] { opacity: 0.3; } *[class*="--opacity-35"] { opacity: 0.35; } *[class*="--opacity-40"] { opacity: 0.4; } *[class*="--opacity-45"] { opacity: 0.45; } *[class*="--opacity-50"] { opacity: 0.5; } *[class*="--shadow"] { box-shadow: var(--shadow); } *[class*="--hover-shadow"]:hover { box-shadow: var(--shadow); } *[class*="--shadow-sm"] { --shadow: 0 1px 10px 0 rgba(var(--shadow-color, var(--colors-background-natural-400-rgb, 250,245,239)), 0.5); } *[class*="--hover-shadow-sm"]:hover { --shadow: 0 1px 10px 0 rgba(var(--shadow-color, var(--colors-background-natural-400-rgb, 250,245,239)), 0.5); } *[class*="--shadow-md"] { --shadow: 0 2px 15px 0 rgba(var(--shadow-color, var(--colors-background-natural-400-rgb, 250,245,239)), 0.5); } *[class*="--hover-shadow-md"]:hover { --shadow: 0 2px 15px 0 rgba(var(--shadow-color, var(--colors-background-natural-400-rgb, 250,245,239)), 0.5); } *[class*="--shadow-lg"] { --shadow: 0 2px 22px 0 rgba(var(--shadow-color, var(--colors-background-natural-400-rgb, 250,245,239)), 0.5); } *[class*="--hover-shadow-lg"]:hover { --shadow: 0 2px 22px 0 rgba(var(--shadow-color, var(--colors-background-natural-400-rgb, 250,245,239)), 0.5); } *[class*="--shadow-xl"] { --shadow: 0 2px 30px 0 rgba(var(--shadow-color, var(--colors-background-natural-400-rgb, 250,245,239)), 0.5); } *[class*="--hover-shadow-xl"]:hover { --shadow: 0 2px 30px 0 rgba(var(--shadow-color, var(--colors-background-natural-400-rgb, 250,245,239)), 0.5); } *[class*="--shadow-default"] { --shadow-color: var(--colors-background-natural-400-rgb, 250,245,239); } *[class*="--hover-shadow-default"]:hover { --shadow-color: var(--colors-background-natural-400-rgb, 250,245,239); } *[class*="--shadow-primary"] { --shadow-color: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--hover-shadow-primary"]:hover { --shadow-color: var(--colors-primary-base-rgb, 151,91,20); } *[class*="--shadow-primary-light"] { --shadow-color: var(--colors-primary-light-rgb, 164,115,65); } *[class*="--hover-shadow-primary-light"]:hover { --shadow-color: var(--colors-primary-light-rgb, 164,115,65); } *[class*="--shadow-primary-dark"] { --shadow-color: var(--colors-primary-dark-rgb, 76,36,29); } *[class*="--hover-shadow-primary-dark"]:hover { --shadow-color: var(--colors-primary-dark-rgb, 76,36,29); } *[class*="--shadow-secondary"] { --shadow-color: var(--colors-secondary-base-rgb, 238,217,30); } *[class*="--hover-shadow-secondary"]:hover { --shadow-color: var(--colors-secondary-base-rgb, 238,217,30); } *[class*="--shadow-secondary-light"] { --shadow-color: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); } *[class*="--hover-shadow-secondary-light"]:hover { --shadow-color: var(--colors-secondary-light-rgb, 241.58264,225.00826,77.41736); } *[class*="--shadow-secondary-dark"] { --shadow-color: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); } *[class*="--hover-shadow-secondary-dark"]:hover { --shadow-color: var(--colors-secondary-dark-rgb, 201.7562,182.92562,15.2438); } *[class*="--shadow-natural"] { --shadow-color: var(--colors-background-natural-400-rgb, 250,245,239); } *[class*="--hover-shadow-natural"]:hover { --shadow-color: var(--colors-background-natural-400-rgb, 250,245,239); } *[class*="--shadow-natural-400"] { --shadow-color: var(--colors-background-natural-400-rgb, 250,245,239); } *[class*="--hover-shadow-natural-400"]:hover { --shadow-color: var(--colors-background-natural-400-rgb, 250,245,239); } *[class*="--shadow-natural-700"] { --shadow-color: var(--colors-background-natural-700-rgb, 245,227,210); } *[class*="--hover-shadow-natural-700"]:hover { --shadow-color: var(--colors-background-natural-700-rgb, 245,227,210); } *[class*="--shadow-natural-light"] { --shadow-color: var(--colors-background-natural-100-rgb, 238,222,208); } *[class*="--hover-shadow-natural-light"]:hover { --shadow-color: var(--colors-background-natural-100-rgb, 238,222,208); } *[class*="--shadow-natural-dark"] { --shadow-color: var(--colors-background-natural-700-rgb, 245,227,210); } *[class*="--hover-shadow-natural-dark"]:hover { --shadow-color: var(--colors-background-natural-700-rgb, 245,227,210); } *[class*="--shadow-white"] { --shadow-color: var(--colors-background-white-rgb, 255,255,255); } *[class*="--hover-shadow-white"]:hover { --shadow-color: var(--colors-background-white-rgb, 255,255,255); } *[class*="--shadow-black"] { --shadow-color: var(--colors-background-black-rgb, 0,0,0); } *[class*="--hover-shadow-black"]:hover { --shadow-color: var(--colors-background-black-rgb, 0,0,0); } *[class*="--shadow-grey-dark"] { --shadow-color: var(--colors-natural-grey-700-rgb, 36,36,36); } *[class*="--hover-shadow-grey-dark"]:hover { --shadow-color: var(--colors-natural-grey-700-rgb, 36,36,36); } *[class*="--shadow-grey-base"] { --shadow-color: var(--colors-natural-grey-400-rgb, 36,36,36); } *[class*="--hover-shadow-grey-base"]:hover { --shadow-color: var(--colors-natural-grey-400-rgb, 36,36,36); } *[class*="--shadow-grey-light"] { --shadow-color: var(--colors-natural-grey-100-rgb, 36,36,36); } *[class*="--hover-shadow-grey-light"]:hover { --shadow-color: var(--colors-natural-grey-100-rgb, 36,36,36); } *[class*="--shadow-success"] { --shadow-color: var(--colors-state-success-rgb, 166.12,242.88,180.26); } *[class*="--hover-shadow-success"]:hover { --shadow-color: var(--colors-state-success-rgb, 166.12,242.88,180.26); } *[class*="--shadow-success-light"] { --shadow-color: var(--colors-state-success-light-rgb, 211,249,218); } *[class*="--hover-shadow-success-light"]:hover { --shadow-color: var(--colors-state-success-light-rgb, 211,249,218); } *[class*="--shadow-danger"] { --shadow-color: var(--colors-state-danger-rgb, 242,87,103); } *[class*="--hover-shadow-danger"]:hover { --shadow-color: var(--colors-state-danger-rgb, 242,87,103); } *[class*="--shadow-info"] { --shadow-color: var(--colors-state-info-rgb, 12,192,223); } *[class*="--hover-shadow-info"]:hover { --shadow-color: var(--colors-state-info-rgb, 12,192,223); } *[class*="--animation-spin"] { animation: spin 1s linear infinite; } *[class*="--animation-bounce-y"] { animation: bounce-y 1s infinite; } *[class*="--animation-bounce-x"] { animation: bounce-x 1s infinite; } *[class*="--aspect-ratio-reset"] { --aspect-ratio: 0; } *[class*="--aspect-ratio-1-1"] { --aspect-ratio: 1; } *[class*="--aspect-ratio-1-1.15"] { --aspect-ratio: 1.15; } *[class*="--aspect-ratio-1-1.33"] { --aspect-ratio: 1.33; } *[class*="--aspect-ratio-1-1.5"] { --aspect-ratio: 1.5; } *[class*="--aspect-ratio-1-3"] { --aspect-ratio: 3; } *[class*="--aspect-ratio-4-3"] { --aspect-ratio: 0.75; } *[class*="--aspect-ratio-3-2"] { --aspect-ratio: 0.67; } *[class*="--aspect-ratio-16-9"] { --aspect-ratio: 0.5625; } *[class*="--aspect-ratio-24-10"] { --aspect-ratio: 0.4167; } *[class*="--object-fit-cover"] { object-fit: cover; } *[class*="--object-fit-fill"] { object-fit: fill; } *[class*="--object-fit-contain"] { object-fit: contain; } *[class*="--object-fit-inherit"] { object-fit: inherit; } *[class*="--object-fit-none"] { object-fit: none; } *[class*="--object-position-t"] { object-fit: top; } *[class*="--object-position-b"] { object-fit: bottom; } *[class*="--object-position-s"] { object-fit: right; } *[class*="--object-position-e"] { object-fit: left; } *[class*="--white-space-none"] { white-space: none; } *[class*="--white-space-nowrap"] { white-space: nowrap; } *[class*="--white-space-pre"] { white-space: pre; } @media (min-width: 576px) { *[class*="--media-sm-m-reset"] { margin: var(--spaces-reset, 0); } *[class*="--media-sm-m-auto"] { margin: var(--spaces-auto, auto); } *[class*="--media-sm-m-inherit"] { margin: var(--spaces-inherit, inherit); } *[class*="--media-sm-m-xxxs"] { margin: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-m-xxs"] { margin: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-m-xs"] { margin: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-m-sm"] { margin: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-m-md"] { margin: var(--spaces-md, 1rem); } *[class*="--media-sm-m-lg"] { margin: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-m-xl"] { margin: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-m-xxl"] { margin: var(--spaces-xxl, 5rem); } *[class*="--media-sm-m-xxxl"] { margin: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-m-xxxxl"] { margin: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-mx-reset"] { margin-right: var(--spaces-reset, 0); margin-left: var(--spaces-reset, 0); } *[class*="--media-sm-mx-auto"] { margin-right: var(--spaces-auto, auto); margin-left: var(--spaces-auto, auto); } *[class*="--media-sm-mx-inherit"] { margin-right: var(--spaces-inherit, inherit); margin-left: var(--spaces-inherit, inherit); } *[class*="--media-sm-mx-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-mx-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-mx-xs"] { margin-right: var(--spaces-xs, 0.5rem); margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-mx-sm"] { margin-right: var(--spaces-sm, 0.75rem); margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-mx-md"] { margin-right: var(--spaces-md, 1rem); margin-left: var(--spaces-md, 1rem); } *[class*="--media-sm-mx-lg"] { margin-right: var(--spaces-lg, 1.5rem); margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-mx-xl"] { margin-right: var(--spaces-xl, 2.5rem); margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-mx-xxl"] { margin-right: var(--spaces-xxl, 5rem); margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-sm-mx-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-my-reset"] { margin-top: var(--spaces-reset, 0); margin-bottom: var(--spaces-reset, 0); } *[class*="--media-sm-my-auto"] { margin-top: var(--spaces-auto, auto); margin-bottom: var(--spaces-auto, auto); } *[class*="--media-sm-my-inherit"] { margin-top: var(--spaces-inherit, inherit); margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-sm-my-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-my-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-my-xs"] { margin-top: var(--spaces-xs, 0.5rem); margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-my-sm"] { margin-top: var(--spaces-sm, 0.75rem); margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-my-md"] { margin-top: var(--spaces-md, 1rem); margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-sm-my-lg"] { margin-top: var(--spaces-lg, 1.5rem); margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-my-xl"] { margin-top: var(--spaces-xl, 2.5rem); margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-my-xxl"] { margin-top: var(--spaces-xxl, 5rem); margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-sm-my-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-mt-reset"] { margin-top: var(--spaces-reset, 0); } *[class*="--media-sm-mt-auto"] { margin-top: var(--spaces-auto, auto); } *[class*="--media-sm-mt-inherit"] { margin-top: var(--spaces-inherit, inherit); } *[class*="--media-sm-mt-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-mt-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-mt-xs"] { margin-top: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-mt-sm"] { margin-top: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-mt-md"] { margin-top: var(--spaces-md, 1rem); } *[class*="--media-sm-mt-lg"] { margin-top: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-mt-xl"] { margin-top: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-mt-xxl"] { margin-top: var(--spaces-xxl, 5rem); } *[class*="--media-sm-mt-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-mb-reset"] { margin-bottom: var(--spaces-reset, 0); } *[class*="--media-sm-mb-auto"] { margin-bottom: var(--spaces-auto, auto); } *[class*="--media-sm-mb-inherit"] { margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-sm-mb-xxxs"] { margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-mb-xxs"] { margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-mb-xs"] { margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-mb-sm"] { margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-mb-md"] { margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-sm-mb-lg"] { margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-mb-xl"] { margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-mb-xxl"] { margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-sm-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-ms-reset"] { margin-right: var(--spaces-reset, 0); } *[class*="--media-sm-ms-auto"] { margin-right: var(--spaces-auto, auto); } *[class*="--media-sm-ms-inherit"] { margin-right: var(--spaces-inherit, inherit); } *[class*="--media-sm-ms-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-ms-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-ms-xs"] { margin-right: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-ms-sm"] { margin-right: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-ms-md"] { margin-right: var(--spaces-md, 1rem); } *[class*="--media-sm-ms-lg"] { margin-right: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-ms-xl"] { margin-right: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-ms-xxl"] { margin-right: var(--spaces-xxl, 5rem); } *[class*="--media-sm-ms-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-me-reset"] { margin-left: var(--spaces-reset, 0); } *[class*="--media-sm-me-auto"] { margin-left: var(--spaces-auto, auto); } *[class*="--media-sm-me-inherit"] { margin-left: var(--spaces-inherit, inherit); } *[class*="--media-sm-me-xxxs"] { margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-me-xxs"] { margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-me-xs"] { margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-me-sm"] { margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-me-md"] { margin-left: var(--spaces-md, 1rem); } *[class*="--media-sm-me-lg"] { margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-me-xl"] { margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-me-xxl"] { margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-sm-me-xxxl"] { margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-p-reset"] { padding: var(--spaces-reset, 0); } *[class*="--media-sm-p-auto"] { padding: var(--spaces-auto, auto); } *[class*="--media-sm-p-inherit"] { padding: var(--spaces-inherit, inherit); } *[class*="--media-sm-p-xxxs"] { padding: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-p-xxs"] { padding: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-p-xs"] { padding: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-p-sm"] { padding: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-p-md"] { padding: var(--spaces-md, 1rem); } *[class*="--media-sm-p-lg"] { padding: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-p-xl"] { padding: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-p-xxl"] { padding: var(--spaces-xxl, 5rem); } *[class*="--media-sm-p-xxxl"] { padding: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-p-xxxxl"] { padding: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-px-reset"] { padding-right: var(--spaces-reset, 0); padding-left: var(--spaces-reset, 0); } *[class*="--media-sm-px-auto"] { padding-right: var(--spaces-auto, auto); padding-left: var(--spaces-auto, auto); } *[class*="--media-sm-px-inherit"] { padding-right: var(--spaces-inherit, inherit); padding-left: var(--spaces-inherit, inherit); } *[class*="--media-sm-px-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-px-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-px-xs"] { padding-right: var(--spaces-xs, 0.5rem); padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-px-sm"] { padding-right: var(--spaces-sm, 0.75rem); padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-px-md"] { padding-right: var(--spaces-md, 1rem); padding-left: var(--spaces-md, 1rem); } *[class*="--media-sm-px-lg"] { padding-right: var(--spaces-lg, 1.5rem); padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-px-xl"] { padding-right: var(--spaces-xl, 2.5rem); padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-px-xxl"] { padding-right: var(--spaces-xxl, 5rem); padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-sm-px-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-py-reset"] { padding-top: var(--spaces-reset, 0); padding-bottom: var(--spaces-reset, 0); } *[class*="--media-sm-py-auto"] { padding-top: var(--spaces-auto, auto); padding-bottom: var(--spaces-auto, auto); } *[class*="--media-sm-py-inherit"] { padding-top: var(--spaces-inherit, inherit); padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-sm-py-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-py-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-py-xs"] { padding-top: var(--spaces-xs, 0.5rem); padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-py-sm"] { padding-top: var(--spaces-sm, 0.75rem); padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-py-md"] { padding-top: var(--spaces-md, 1rem); padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-sm-py-lg"] { padding-top: var(--spaces-lg, 1.5rem); padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-py-xl"] { padding-top: var(--spaces-xl, 2.5rem); padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-py-xxl"] { padding-top: var(--spaces-xxl, 5rem); padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-sm-py-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-pt-reset"] { padding-top: var(--spaces-reset, 0); } *[class*="--media-sm-pt-auto"] { padding-top: var(--spaces-auto, auto); } *[class*="--media-sm-pt-inherit"] { padding-top: var(--spaces-inherit, inherit); } *[class*="--media-sm-pt-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-pt-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-pt-xs"] { padding-top: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-pt-sm"] { padding-top: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-pt-md"] { padding-top: var(--spaces-md, 1rem); } *[class*="--media-sm-pt-lg"] { padding-top: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-pt-xl"] { padding-top: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-pt-xxl"] { padding-top: var(--spaces-xxl, 5rem); } *[class*="--media-sm-pt-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-pb-reset"] { padding-bottom: var(--spaces-reset, 0); } *[class*="--media-sm-pb-auto"] { padding-bottom: var(--spaces-auto, auto); } *[class*="--media-sm-pb-inherit"] { padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-sm-pb-xxxs"] { padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-pb-xxs"] { padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-pb-xs"] { padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-pb-sm"] { padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-pb-md"] { padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-sm-pb-lg"] { padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-pb-xl"] { padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-pb-xxl"] { padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-sm-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-ps-reset"] { padding-right: var(--spaces-reset, 0); } *[class*="--media-sm-ps-auto"] { padding-right: var(--spaces-auto, auto); } *[class*="--media-sm-ps-inherit"] { padding-right: var(--spaces-inherit, inherit); } *[class*="--media-sm-ps-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-ps-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-ps-xs"] { padding-right: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-ps-sm"] { padding-right: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-ps-md"] { padding-right: var(--spaces-md, 1rem); } *[class*="--media-sm-ps-lg"] { padding-right: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-ps-xl"] { padding-right: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-ps-xxl"] { padding-right: var(--spaces-xxl, 5rem); } *[class*="--media-sm-ps-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-pe-reset"] { padding-left: var(--spaces-reset, 0); } *[class*="--media-sm-pe-auto"] { padding-left: var(--spaces-auto, auto); } *[class*="--media-sm-pe-inherit"] { padding-left: var(--spaces-inherit, inherit); } *[class*="--media-sm-pe-xxxs"] { padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-sm-pe-xxs"] { padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-sm-pe-xs"] { padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-sm-pe-sm"] { padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-sm-pe-md"] { padding-left: var(--spaces-md, 1rem); } *[class*="--media-sm-pe-lg"] { padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-sm-pe-xl"] { padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-sm-pe-xxl"] { padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-sm-pe-xxxl"] { padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-sm-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-sm-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-sm-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-sm-flex-1"] { flex: 1 1 0%; } *[class*="--media-sm-flex-auto"] { flex: 1 1 auto; } *[class*="--media-sm-flex-initial"] { flex: 0 1 auto; } *[class*="--media-sm-flex-none"] { flex: none; } *[class*="--media-sm-flex-direction-row"] { flex-direction: row; } *[class*="--media-sm-flex-direction-row-reverse"] { flex-direction: row-reverse; } *[class*="--media-sm-flex-direction-column"] { flex-direction: column; } *[class*="--media-sm-flex-direction-column-reverse"] { flex-direction: column-reverse; } *[class*="--media-sm-flex-wrap-wrap"] { flex-wrap: wrap; } *[class*="--media-sm-flex-wrap-nowrap"] { flex-wrap: nowrap; } *[class*="--media-sm-order-first"] { order: -1; } *[class*="--media-sm-order-0"] { order: 0; } *[class*="--media-sm-order-1"] { order: 1; } *[class*="--media-sm-order-2"] { order: 2; } *[class*="--media-sm-order-3"] { order: 3; } *[class*="--media-sm-order-4"] { order: 4; } *[class*="--media-sm-order-5"] { order: 5; } *[class*="--media-sm-order-6"] { order: 6; } *[class*="--media-sm-order-7"] { order: 7; } *[class*="--media-sm-order-8"] { order: 8; } *[class*="--media-sm-order-9"] { order: 9; } *[class*="--media-sm-order-last"] { order: 10; } *[class*="--media-sm-flex-basis-auto"] { flex-basis: auto; } *[class*="--media-sm-flex-basis-0"] { flex-basis: 0; } *[class*="--media-sm-flex-basis-1"] { flex-basis: 1; } *[class*="--media-sm-flex-grow-auto"] { flex-grow: auto; } *[class*="--media-sm-flex-grow-0"] { flex-grow: 0; } *[class*="--media-sm-flex-grow-1"] { flex-grow: 1; } *[class*="--media-sm-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)); } *[class*="--media-sm-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } *[class*="--media-sm-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } *[class*="--media-sm-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } *[class*="--media-sm-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); } *[class*="--media-sm-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); } *[class*="--media-sm-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)); } *[class*="--media-sm-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)); } *[class*="--media-sm-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)); } *[class*="--media-sm-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)); } *[class*="--media-sm-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)); } *[class*="--media-sm-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)); } *[class*="--media-sm-col-span-full"] { grid-column: -1; } *[class*="--media-sm-col-span-1"] { grid-column: span 1/span 1; } *[class*="--media-sm-col-span-2"] { grid-column: span 2/span 2; } *[class*="--media-sm-col-span-3"] { grid-column: span 3/span 3; } *[class*="--media-sm-col-span-4"] { grid-column: span 4/span 4; } *[class*="--media-sm-col-span-5"] { grid-column: span 5/span 5; } *[class*="--media-sm-col-span-6"] { grid-column: span 6/span 6; } *[class*="--media-sm-col-span-7"] { grid-column: span 7/span 7; } *[class*="--media-sm-col-span-8"] { grid-column: span 8/span 8; } *[class*="--media-sm-col-span-9"] { grid-column: span 9/span 9; } *[class*="--media-sm-col-span-10"] { grid-column: span 10/span 10; } *[class*="--media-sm-col-span-11"] { grid-column: span 11/span 11; } *[class*="--media-sm-col-span-12"] { grid-column: span 12/span 12; } *[class*="--media-sm-col-start-auto"] { grid-column-start: auto; } *[class*="--media-sm-col-start-1"] { grid-column-start: 1; } *[class*="--media-sm-col-start-2"] { grid-column-start: 2; } *[class*="--media-sm-col-start-3"] { grid-column-start: 3; } *[class*="--media-sm-col-start-4"] { grid-column-start: 4; } *[class*="--media-sm-col-start-5"] { grid-column-start: 5; } *[class*="--media-sm-col-start-6"] { grid-column-start: 6; } *[class*="--media-sm-col-start-7"] { grid-column-start: 7; } *[class*="--media-sm-col-start-8"] { grid-column-start: 8; } *[class*="--media-sm-col-start-9"] { grid-column-start: 9; } *[class*="--media-sm-col-start-10"] { grid-column-start: 10; } *[class*="--media-sm-col-start-11"] { grid-column-start: 11; } *[class*="--media-sm-col-start-12"] { grid-column-start: 12; } *[class*="--media-sm-col-end-auto"] { grid-column-end: auto; } *[class*="--media-sm-col-end-1"] { grid-column-end: 1; } *[class*="--media-sm-col-end-2"] { grid-column-end: 2; } *[class*="--media-sm-col-end-3"] { grid-column-end: 3; } *[class*="--media-sm-col-end-4"] { grid-column-end: 4; } *[class*="--media-sm-col-end-5"] { grid-column-end: 5; } *[class*="--media-sm-col-end-6"] { grid-column-end: 6; } *[class*="--media-sm-col-end-7"] { grid-column-end: 7; } *[class*="--media-sm-col-end-8"] { grid-column-end: 8; } *[class*="--media-sm-col-end-9"] { grid-column-end: 9; } *[class*="--media-sm-col-end-10"] { grid-column-end: 10; } *[class*="--media-sm-col-end-11"] { grid-column-end: 11; } *[class*="--media-sm-col-end-12"] { grid-column-end: 12; } *[class*="--media-sm-gap-reset"] { gap: 0; } *[class*="--media-sm-gap-auto"] { gap: auto; } *[class*="--media-sm-gap-inherit"] { gap: inherit; } *[class*="--media-sm-gap-xxxs"] { gap: 0.125rem; } *[class*="--media-sm-gap-xxs"] { gap: 0.25rem; } *[class*="--media-sm-gap-xs"] { gap: 0.5rem; } *[class*="--media-sm-gap-sm"] { gap: 0.75rem; } *[class*="--media-sm-gap-md"] { gap: 1rem; } *[class*="--media-sm-gap-lg"] { gap: 1.5rem; } *[class*="--media-sm-gap-xl"] { gap: 2.5rem; } *[class*="--media-sm-gap-xxl"] { gap: 5rem; } *[class*="--media-sm-gap-xxxl"] { gap: 8rem; } *[class*="--media-sm-gap-xxxxl"] { gap: 12rem; } *[class*="--media-sm-gap-xxxxxl"] { gap: 15rem; } *[class*="--media-sm-gap-xxxxxxl"] { gap: 18rem; } *[class*="--media-sm-gap-x-reset"] { column-gap: 0; } *[class*="--media-sm-gap-x-auto"] { column-gap: auto; } *[class*="--media-sm-gap-x-inherit"] { column-gap: inherit; } *[class*="--media-sm-gap-x-xxxs"] { column-gap: 0.125rem; } *[class*="--media-sm-gap-x-xxs"] { column-gap: 0.25rem; } *[class*="--media-sm-gap-x-xs"] { column-gap: 0.5rem; } *[class*="--media-sm-gap-x-sm"] { column-gap: 0.75rem; } *[class*="--media-sm-gap-x-md"] { column-gap: 1rem; } *[class*="--media-sm-gap-x-lg"] { column-gap: 1.5rem; } *[class*="--media-sm-gap-x-xl"] { column-gap: 2.5rem; } *[class*="--media-sm-gap-x-xxl"] { column-gap: 5rem; } *[class*="--media-sm-gap-x-xxxl"] { column-gap: 8rem; } *[class*="--media-sm-gap-x-xxxxl"] { column-gap: 12rem; } *[class*="--media-sm-gap-x-xxxxxl"] { column-gap: 15rem; } *[class*="--media-sm-gap-x-xxxxxxl"] { column-gap: 18rem; } *[class*="--media-sm-gap-y-reset"] { row-gap: 0; } *[class*="--media-sm-gap-y-auto"] { row-gap: auto; } *[class*="--media-sm-gap-y-inherit"] { row-gap: inherit; } *[class*="--media-sm-gap-y-xxxs"] { row-gap: 0.125rem; } *[class*="--media-sm-gap-y-xxs"] { row-gap: 0.25rem; } *[class*="--media-sm-gap-y-xs"] { row-gap: 0.5rem; } *[class*="--media-sm-gap-y-sm"] { row-gap: 0.75rem; } *[class*="--media-sm-gap-y-md"] { row-gap: 1rem; } *[class*="--media-sm-gap-y-lg"] { row-gap: 1.5rem; } *[class*="--media-sm-gap-y-xl"] { row-gap: 2.5rem; } *[class*="--media-sm-gap-y-xxl"] { row-gap: 5rem; } *[class*="--media-sm-gap-y-xxxl"] { row-gap: 8rem; } *[class*="--media-sm-gap-y-xxxxl"] { row-gap: 12rem; } *[class*="--media-sm-gap-y-xxxxxl"] { row-gap: 15rem; } *[class*="--media-sm-gap-y-xxxxxxl"] { row-gap: 18rem; } *[class*="--media-sm-justify-content-start"] { justify-content: flex-start; } *[class*="--media-sm-justify-content-end"] { justify-content: flex-end; } *[class*="--media-sm-justify-content-center"] { justify-content: center; } *[class*="--media-sm-justify-content-between"] { justify-content: space-between; } *[class*="--media-sm-justify-content-around"] { justify-content: space-around; } *[class*="--media-sm-justify-content-evenly"] { justify-content: space-evenly; } *[class*="--media-sm-align-items-start"] { align-items: flex-start; } *[class*="--media-sm-align-items-end"] { align-items: flex-end; } *[class*="--media-sm-align-items-center"] { align-items: center; } *[class*="--media-sm-align-items-baseline"] { align-items: baseline; } *[class*="--media-sm-align-items-stretch"] { align-items: stretch; } *[class*="--media-sm-align-content-start"] { align-content: flex-start; } *[class*="--media-sm-align-content-end"] { align-content: flex-end; } *[class*="--media-sm-align-content-center"] { align-content: center; } *[class*="--media-sm-align-content-between"] { align-content: space-between; } *[class*="--media-sm-align-content-around"] { align-content: space-around; } *[class*="--media-sm-align-content-stretch"] { align-content: stretch; } *[class*="--media-sm-justify-self-auto"] { justify-self: auto; } *[class*="--media-sm-justify-self-start"] { justify-self: flex-start; } *[class*="--media-sm-justify-self-end"] { justify-self: flex-end; } *[class*="--media-sm-justify-self-center"] { justify-self: center; } *[class*="--media-sm-justify-self-baseline"] { justify-self: baseline; } *[class*="--media-sm-justify-self-stretch"] { justify-self: stretch; } *[class*="--media-sm-align-self-auto"] { align-self: auto; } *[class*="--media-sm-align-self-start"] { align-self: flex-start; } *[class*="--media-sm-align-self-end"] { align-self: flex-end; } *[class*="--media-sm-align-self-center"] { align-self: center; } *[class*="--media-sm-align-self-baseline"] { align-self: baseline; } *[class*="--media-sm-align-self-stretch"] { align-self: stretch; } *[class*="--media-sm-b-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-b-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-sm-b-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-sm-b-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-sm-b-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-sm-b-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-sm-b-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-sm-b-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-b-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-b-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-b-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-sm-b-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-b-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-b-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-sm-b-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-sm-b-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-sm-b-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-sm-b-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-sm-b-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-b-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-b-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-b-0"] { border: 0; } *[class*="--media-sm-b-bg-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-b-bg-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-sm-b-bg-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-sm-b-bg-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-sm-b-bg-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-sm-b-bg-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-sm-b-bg-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-sm-b-bg-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-b-bg-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-b-bg-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-b-bg-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-sm-b-bg-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-b-bg-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-b-bg-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-sm-b-bg-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-sm-b-bg-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-sm-b-bg-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-sm-b-bg-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-sm-b-bg-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-b-bg-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-b-bg-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-b-bg-0"] { border: 0; } *[class*="--media-sm-bt-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bt-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-sm-bt-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-sm-bt-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-sm-bt-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-sm-bt-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-sm-bt-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-sm-bt-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bt-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bt-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bt-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-sm-bt-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bt-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bt-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bt-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-sm-bt-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-sm-bt-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-sm-bt-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-sm-bt-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bt-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bt-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bt-0"] { border-top: 0; } *[class*="--media-sm-bt-bg-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bt-bg-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-sm-bt-bg-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-sm-bt-bg-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-sm-bt-bg-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-sm-bt-bg-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-sm-bt-bg-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-sm-bt-bg-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bt-bg-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bt-bg-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bt-bg-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-sm-bt-bg-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bt-bg-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bt-bg-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bt-bg-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-sm-bt-bg-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-sm-bt-bg-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-sm-bt-bg-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-sm-bt-bg-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bt-bg-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bt-bg-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bt-bg-0"] { border-top: 0; } *[class*="--media-sm-bb-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bb-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-sm-bb-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-sm-bb-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-sm-bb-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-sm-bb-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-sm-bb-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-sm-bb-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bb-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bb-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bb-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-sm-bb-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bb-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bb-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bb-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-sm-bb-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-sm-bb-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-sm-bb-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-sm-bb-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bb-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bb-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bb-0"] { border-bottom: 0; } *[class*="--media-sm-bb-bg-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bb-bg-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-sm-bb-bg-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-sm-bb-bg-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-sm-bb-bg-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-sm-bb-bg-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-sm-bb-bg-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-sm-bb-bg-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bb-bg-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bb-bg-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bb-bg-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-sm-bb-bg-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bb-bg-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bb-bg-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bb-bg-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-sm-bb-bg-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-sm-bb-bg-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-sm-bb-bg-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-sm-bb-bg-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bb-bg-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bb-bg-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bb-bg-0"] { border-bottom: 0; } *[class*="--media-sm-bs-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bs-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-sm-bs-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-sm-bs-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-sm-bs-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-sm-bs-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-sm-bs-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-sm-bs-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bs-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bs-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bs-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-sm-bs-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bs-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bs-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bs-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-sm-bs-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-sm-bs-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-sm-bs-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-sm-bs-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bs-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bs-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bs-0"] { border-right: 0; } *[class*="--media-sm-bs-bg-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bs-bg-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-sm-bs-bg-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-sm-bs-bg-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-sm-bs-bg-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-sm-bs-bg-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-sm-bs-bg-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-sm-bs-bg-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bs-bg-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-bs-bg-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bs-bg-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-sm-bs-bg-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-bs-bg-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bs-bg-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bs-bg-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-sm-bs-bg-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-sm-bs-bg-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-sm-bs-bg-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-sm-bs-bg-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bs-bg-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bs-bg-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bs-bg-0"] { border-right: 0; } *[class*="--media-sm-be-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-be-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-sm-be-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-sm-be-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-sm-be-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-sm-be-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-sm-be-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-sm-be-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-be-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-be-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-be-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-sm-be-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-be-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-be-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-sm-be-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-sm-be-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-sm-be-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-sm-be-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-sm-be-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-be-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-be-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-be-0"] { border-left: 0; } *[class*="--media-sm-be-bg-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-be-bg-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-sm-be-bg-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-sm-be-bg-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-sm-be-bg-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-sm-be-bg-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-sm-be-bg-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-sm-be-bg-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-be-bg-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-sm-be-bg-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-be-bg-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-sm-be-bg-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-sm-be-bg-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-be-bg-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-sm-be-bg-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-sm-be-bg-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-sm-be-bg-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-sm-be-bg-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-sm-be-bg-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-be-bg-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-be-bg-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-be-bg-0"] { border-left: 0; } *[class*="--media-sm-tsize-xxs"] { font-size: var(--font-sizes-xxs, 0.55rem); } *[class*="--media-sm-tsize-xs"] { font-size: var(--font-sizes-xs, 0.825rem); } *[class*="--media-sm-tsize-sm"] { font-size: var(--font-sizes-sm, 0.99rem); } *[class*="--media-sm-tsize-md"] { font-size: var(--font-sizes-md, 1.1rem); } *[class*="--media-sm-tsize-lg"] { font-size: var(--font-sizes-lg, 1.375rem); } *[class*="--media-sm-tsize-xl"] { font-size: var(--font-sizes-xl, 1.925rem); } *[class*="--media-sm-tsize-xxl"] { font-size: var(--font-sizes-xxl, 2.75rem); } *[class*="--media-sm-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.4rem); } *[class*="--media-sm-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 6.05rem); } *[class*="--media-sm-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 7.15rem); } *[class*="--media-sm-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 8.8rem); } *[class*="--media-sm-tweight-thin"] { font-weight: var(--font-weights-thin, 100); } *[class*="--media-sm-tweight-extra-light"] { font-weight: var(--font-weights-extra-light, 200); } *[class*="--media-sm-tweight-light"] { font-weight: var(--font-weights-light, 300); } *[class*="--media-sm-tweight-regular"] { font-weight: var(--font-weights-regular, 400); } *[class*="--media-sm-tweight-medium"] { font-weight: var(--font-weights-medium, 500); } *[class*="--media-sm-tweight-semi-bold"] { font-weight: var(--font-weights-semi-bold, 600); } *[class*="--media-sm-tweight-bold"] { font-weight: var(--font-weights-bold, 700); } *[class*="--media-sm-tweight-extra-bold"] { font-weight: var(--font-weights-extra-bold, 800); } *[class*="--media-sm-tweight-black"] { font-weight: var(--font-weights-black, 900); } *[class*="--media-sm-talign-c"] { text-align: center; } *[class*="--media-sm-talign-s"] { text-align: right; } *[class*="--media-sm-talign-e"] { text-align: left; } *[class*="--media-sm-ttruncate-2"] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-sm-ttruncate-3"] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-sm-ttruncate-4"] { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-sm-ttruncate-5"] { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-sm-d-inline"] { display: inline; } *[class*="--media-sm-d-inline-block"] { display: inline-block; } *[class*="--media-sm-d-block"] { display: block; } *[class*="--media-sm-d-grid"] { display: grid; } *[class*="--media-sm-d-table"] { display: table; } *[class*="--media-sm-d-table-row"] { display: table-row; } *[class*="--media-sm-d-table-cell"] { display: table-cell; } *[class*="--media-sm-d-flex"] { display: flex; } *[class*="--media-sm-d-inline-flex"] { display: inline-flex; } *[class*="--media-sm-d-none"] { display: none; } *[class*="--media-sm-maxw-2.5"] { max-width: 2.5px; } *[class*="--media-sm-maxw-5"] { max-width: 5px; } *[class*="--media-sm-maxw-7.5"] { max-width: 7.5px; } *[class*="--media-sm-maxw-10"] { max-width: 10px; } *[class*="--media-sm-maxw-12.5"] { max-width: 12.5px; } *[class*="--media-sm-maxw-15"] { max-width: 15px; } *[class*="--media-sm-maxw-17.5"] { max-width: 17.5px; } *[class*="--media-sm-maxw-20"] { max-width: 20px; } *[class*="--media-sm-maxw-25"] { max-width: 25px; } *[class*="--media-sm-maxw-30"] { max-width: 30px; } *[class*="--media-sm-maxw-35"] { max-width: 35px; } *[class*="--media-sm-maxw-40"] { max-width: 40px; } *[class*="--media-sm-maxw-45"] { max-width: 45px; } *[class*="--media-sm-maxw-50"] { max-width: 50px; } *[class*="--media-sm-maxw-55"] { max-width: 55px; } *[class*="--media-sm-maxw-60"] { max-width: 60px; } *[class*="--media-sm-maxw-65"] { max-width: 65px; } *[class*="--media-sm-maxw-70"] { max-width: 70px; } *[class*="--media-sm-maxw-75"] { max-width: 75px; } *[class*="--media-sm-maxw-80"] { max-width: 80px; } *[class*="--media-sm-maxw-85"] { max-width: 85px; } *[class*="--media-sm-maxw-90"] { max-width: 90px; } *[class*="--media-sm-maxw-95"] { max-width: 95px; } *[class*="--media-sm-maxw-100"] { max-width: 100px; } *[class*="--media-sm-maxw-105"] { max-width: 105px; } *[class*="--media-sm-maxw-110"] { max-width: 110px; } *[class*="--media-sm-maxw-115"] { max-width: 115px; } *[class*="--media-sm-maxw-120"] { max-width: 120px; } *[class*="--media-sm-maxw-125"] { max-width: 125px; } *[class*="--media-sm-maxw-150"] { max-width: 150px; } *[class*="--media-sm-maxw-200"] { max-width: 200px; } *[class*="--media-sm-maxw-250"] { max-width: 250px; } *[class*="--media-sm-maxw-300"] { max-width: 300px; } *[class*="--media-sm-maxw-350"] { max-width: 350px; } *[class*="--media-sm-maxw-400"] { max-width: 400px; } *[class*="--media-sm-maxw-450"] { max-width: 450px; } *[class*="--media-sm-maxw-500"] { max-width: 500px; } *[class*="--media-sm-maxw-550"] { max-width: 550px; } *[class*="--media-sm-maxw-600"] { max-width: 600px; } *[class*="--media-sm-maxw-650"] { max-width: 650px; } *[class*="--media-sm-maxw-reset"] { max-width: 0; } *[class*="--media-sm-maxw-auto"] { max-width: auto; } *[class*="--media-sm-maxw-inherit"] { max-width: inherit; } *[class*="--media-sm-maxw-xxxs"] { max-width: 0.125rem; } *[class*="--media-sm-maxw-xxs"] { max-width: 0.25rem; } *[class*="--media-sm-maxw-xs"] { max-width: 0.5rem; } *[class*="--media-sm-maxw-sm"] { max-width: 0.75rem; } *[class*="--media-sm-maxw-md"] { max-width: 1rem; } *[class*="--media-sm-maxw-lg"] { max-width: 1.5rem; } *[class*="--media-sm-maxw-xl"] { max-width: 2.5rem; } *[class*="--media-sm-maxw-xxl"] { max-width: 5rem; } *[class*="--media-sm-maxw-xxxl"] { max-width: 8rem; } *[class*="--media-sm-maxw-xxxxl"] { max-width: 12rem; } *[class*="--media-sm-maxw-xxxxxl"] { max-width: 15rem; } *[class*="--media-sm-maxw-xxxxxxl"] { max-width: 18rem; } *[class*="--media-sm-maxw-full"] { max-width: 100%; } *[class*="--media-sm-maxw-three-quarters"] { max-width: 75%; } *[class*="--media-sm-maxw-half"] { max-width: 50%; } *[class*="--media-sm-maxw-quarter"] { max-width: 25%; } *[class*="--media-sm-maxw-none"] { max-width: none; } *[class*="--media-sm-maxh-full"] { max-height: 100%; } *[class*="--media-sm-maxh-none"] { max-height: none; } *[class*="--media-sm-w-2.5"] { width: 2.5px; } *[class*="--media-sm-w-5"] { width: 5px; } *[class*="--media-sm-w-7.5"] { width: 7.5px; } *[class*="--media-sm-w-10"] { width: 10px; } *[class*="--media-sm-w-12.5"] { width: 12.5px; } *[class*="--media-sm-w-15"] { width: 15px; } *[class*="--media-sm-w-17.5"] { width: 17.5px; } *[class*="--media-sm-w-20"] { width: 20px; } *[class*="--media-sm-w-25"] { width: 25px; } *[class*="--media-sm-w-30"] { width: 30px; } *[class*="--media-sm-w-35"] { width: 35px; } *[class*="--media-sm-w-40"] { width: 40px; } *[class*="--media-sm-w-45"] { width: 45px; } *[class*="--media-sm-w-50"] { width: 50px; } *[class*="--media-sm-w-55"] { width: 55px; } *[class*="--media-sm-w-60"] { width: 60px; } *[class*="--media-sm-w-65"] { width: 65px; } *[class*="--media-sm-w-70"] { width: 70px; } *[class*="--media-sm-w-75"] { width: 75px; } *[class*="--media-sm-w-80"] { width: 80px; } *[class*="--media-sm-w-85"] { width: 85px; } *[class*="--media-sm-w-90"] { width: 90px; } *[class*="--media-sm-w-95"] { width: 95px; } *[class*="--media-sm-w-100"] { width: 100px; } *[class*="--media-sm-w-105"] { width: 105px; } *[class*="--media-sm-w-110"] { width: 110px; } *[class*="--media-sm-w-115"] { width: 115px; } *[class*="--media-sm-w-120"] { width: 120px; } *[class*="--media-sm-w-125"] { width: 125px; } *[class*="--media-sm-w-150"] { width: 150px; } *[class*="--media-sm-w-200"] { width: 200px; } *[class*="--media-sm-w-250"] { width: 250px; } *[class*="--media-sm-w-300"] { width: 300px; } *[class*="--media-sm-w-350"] { width: 350px; } *[class*="--media-sm-w-400"] { width: 400px; } *[class*="--media-sm-w-450"] { width: 450px; } *[class*="--media-sm-w-500"] { width: 500px; } *[class*="--media-sm-w-550"] { width: 550px; } *[class*="--media-sm-w-600"] { width: 600px; } *[class*="--media-sm-w-650"] { width: 650px; } *[class*="--media-sm-w-reset"] { width: 0; } *[class*="--media-sm-w-auto"] { width: auto; } *[class*="--media-sm-w-inherit"] { width: inherit; } *[class*="--media-sm-w-xxxs"] { width: 0.125rem; } *[class*="--media-sm-w-xxs"] { width: 0.25rem; } *[class*="--media-sm-w-xs"] { width: 0.5rem; } *[class*="--media-sm-w-sm"] { width: 0.75rem; } *[class*="--media-sm-w-md"] { width: 1rem; } *[class*="--media-sm-w-lg"] { width: 1.5rem; } *[class*="--media-sm-w-xl"] { width: 2.5rem; } *[class*="--media-sm-w-xxl"] { width: 5rem; } *[class*="--media-sm-w-xxxl"] { width: 8rem; } *[class*="--media-sm-w-xxxxl"] { width: 12rem; } *[class*="--media-sm-w-xxxxxl"] { width: 15rem; } *[class*="--media-sm-w-xxxxxxl"] { width: 18rem; } *[class*="--media-sm-w-full"] { width: 100%; } *[class*="--media-sm-w-three-quarters"] { width: 75%; } *[class*="--media-sm-w-half"] { width: 50%; } *[class*="--media-sm-w-quarter"] { width: 25%; } *[class*="--media-sm-w-max-content"] { width: max-content; } *[class*="--media-sm-h-2.5"] { height: 2.5px; } *[class*="--media-sm-h-5"] { height: 5px; } *[class*="--media-sm-h-7.5"] { height: 7.5px; } *[class*="--media-sm-h-10"] { height: 10px; } *[class*="--media-sm-h-12.5"] { height: 12.5px; } *[class*="--media-sm-h-15"] { height: 15px; } *[class*="--media-sm-h-17.5"] { height: 17.5px; } *[class*="--media-sm-h-20"] { height: 20px; } *[class*="--media-sm-h-25"] { height: 25px; } *[class*="--media-sm-h-30"] { height: 30px; } *[class*="--media-sm-h-35"] { height: 35px; } *[class*="--media-sm-h-40"] { height: 40px; } *[class*="--media-sm-h-45"] { height: 45px; } *[class*="--media-sm-h-50"] { height: 50px; } *[class*="--media-sm-h-55"] { height: 55px; } *[class*="--media-sm-h-60"] { height: 60px; } *[class*="--media-sm-h-65"] { height: 65px; } *[class*="--media-sm-h-70"] { height: 70px; } *[class*="--media-sm-h-75"] { height: 75px; } *[class*="--media-sm-h-80"] { height: 80px; } *[class*="--media-sm-h-85"] { height: 85px; } *[class*="--media-sm-h-90"] { height: 90px; } *[class*="--media-sm-h-95"] { height: 95px; } *[class*="--media-sm-h-100"] { height: 100px; } *[class*="--media-sm-h-105"] { height: 105px; } *[class*="--media-sm-h-110"] { height: 110px; } *[class*="--media-sm-h-115"] { height: 115px; } *[class*="--media-sm-h-120"] { height: 120px; } *[class*="--media-sm-h-125"] { height: 125px; } *[class*="--media-sm-h-150"] { height: 150px; } *[class*="--media-sm-h-200"] { height: 200px; } *[class*="--media-sm-h-250"] { height: 250px; } *[class*="--media-sm-h-300"] { height: 300px; } *[class*="--media-sm-h-350"] { height: 350px; } *[class*="--media-sm-h-400"] { height: 400px; } *[class*="--media-sm-h-450"] { height: 450px; } *[class*="--media-sm-h-500"] { height: 500px; } *[class*="--media-sm-h-550"] { height: 550px; } *[class*="--media-sm-h-600"] { height: 600px; } *[class*="--media-sm-h-650"] { height: 650px; } *[class*="--media-sm-h-reset"] { height: 0; } *[class*="--media-sm-h-auto"] { height: auto; } *[class*="--media-sm-h-inherit"] { height: inherit; } *[class*="--media-sm-h-xxxs"] { height: 0.125rem; } *[class*="--media-sm-h-xxs"] { height: 0.25rem; } *[class*="--media-sm-h-xs"] { height: 0.5rem; } *[class*="--media-sm-h-sm"] { height: 0.75rem; } *[class*="--media-sm-h-md"] { height: 1rem; } *[class*="--media-sm-h-lg"] { height: 1.5rem; } *[class*="--media-sm-h-xl"] { height: 2.5rem; } *[class*="--media-sm-h-xxl"] { height: 5rem; } *[class*="--media-sm-h-xxxl"] { height: 8rem; } *[class*="--media-sm-h-xxxxl"] { height: 12rem; } *[class*="--media-sm-h-xxxxxl"] { height: 15rem; } *[class*="--media-sm-h-xxxxxxl"] { height: 18rem; } *[class*="--media-sm-h-full"] { height: 100%; } *[class*="--media-sm-h-three-quarters"] { height: 75%; } *[class*="--media-sm-h-half"] { height: 50%; } *[class*="--media-sm-h-quarter"] { height: 25%; } *[class*="--media-sm-h-max-content"] { height: max-content; } *[class*="--media-sm-position-static"] { position: static; } *[class*="--media-sm-position-relative"] { position: relative; } *[class*="--media-sm-position-absolute"] { position: absolute; } *[class*="--media-sm-position-fixed"] { position: fixed; } *[class*="--media-sm-position-sticky"] { position: sticky; } *[class*="--media-sm-position-t-quarter"] { top: 25%; } *[class*="--media-sm-position-t-half"] { top: 50%; } *[class*="--media-sm-position-t-full"] { top: 100%; } *[class*="--media-sm-position-t-header"] { top: 100px; } *[class*="--media-sm-position-t-header-indent"] { top: calc(100px + 2rem); } *[class*="--media-sm-position-t-reset"] { top: 0; } *[class*="--media-sm-position-t-reset-opposite"] { top: -0; } *[class*="--media-sm-position-t-auto"] { top: auto; } *[class*="--media-sm-position-t-auto-opposite"] { top: -auto; } *[class*="--media-sm-position-t-inherit"] { top: inherit; } *[class*="--media-sm-position-t-inherit-opposite"] { top: -inherit; } *[class*="--media-sm-position-t-xxxs"] { top: 0.125rem; } *[class*="--media-sm-position-t-xxxs-opposite"] { top: -0.125rem; } *[class*="--media-sm-position-t-xxs"] { top: 0.25rem; } *[class*="--media-sm-position-t-xxs-opposite"] { top: -0.25rem; } *[class*="--media-sm-position-t-xs"] { top: 0.5rem; } *[class*="--media-sm-position-t-xs-opposite"] { top: -0.5rem; } *[class*="--media-sm-position-t-sm"] { top: 0.75rem; } *[class*="--media-sm-position-t-sm-opposite"] { top: -0.75rem; } *[class*="--media-sm-position-t-md"] { top: 1rem; } *[class*="--media-sm-position-t-md-opposite"] { top: -1rem; } *[class*="--media-sm-position-t-lg"] { top: 1.5rem; } *[class*="--media-sm-position-t-lg-opposite"] { top: -1.5rem; } *[class*="--media-sm-position-t-xl"] { top: 2.5rem; } *[class*="--media-sm-position-t-xl-opposite"] { top: -2.5rem; } *[class*="--media-sm-position-t-xxl"] { top: 5rem; } *[class*="--media-sm-position-t-xxl-opposite"] { top: -5rem; } *[class*="--media-sm-position-t-xxxl"] { top: 8rem; } *[class*="--media-sm-position-t-xxxl-opposite"] { top: -8rem; } *[class*="--media-sm-position-t-xxxxl"] { top: 12rem; } *[class*="--media-sm-position-t-xxxxl-opposite"] { top: -12rem; } *[class*="--media-sm-position-t-xxxxxl"] { top: 15rem; } *[class*="--media-sm-position-t-xxxxxl-opposite"] { top: -15rem; } *[class*="--media-sm-position-t-xxxxxxl"] { top: 18rem; } *[class*="--media-sm-position-t-xxxxxxl-opposite"] { top: -18rem; } *[class*="--media-sm-position-b-quarter"] { bottom: 25%; } *[class*="--media-sm-position-b-half"] { bottom: 50%; } *[class*="--media-sm-position-b-full"] { bottom: 100%; } *[class*="--media-sm-position-b-header"] { bottom: 100px; } *[class*="--media-sm-position-b-header-indent"] { bottom: calc(100px + 2rem); } *[class*="--media-sm-position-b-reset"] { bottom: 0; } *[class*="--media-sm-position-b-reset-opposite"] { bottom: -0; } *[class*="--media-sm-position-b-auto"] { bottom: auto; } *[class*="--media-sm-position-b-auto-opposite"] { bottom: -auto; } *[class*="--media-sm-position-b-inherit"] { bottom: inherit; } *[class*="--media-sm-position-b-inherit-opposite"] { bottom: -inherit; } *[class*="--media-sm-position-b-xxxs"] { bottom: 0.125rem; } *[class*="--media-sm-position-b-xxxs-opposite"] { bottom: -0.125rem; } *[class*="--media-sm-position-b-xxs"] { bottom: 0.25rem; } *[class*="--media-sm-position-b-xxs-opposite"] { bottom: -0.25rem; } *[class*="--media-sm-position-b-xs"] { bottom: 0.5rem; } *[class*="--media-sm-position-b-xs-opposite"] { bottom: -0.5rem; } *[class*="--media-sm-position-b-sm"] { bottom: 0.75rem; } *[class*="--media-sm-position-b-sm-opposite"] { bottom: -0.75rem; } *[class*="--media-sm-position-b-md"] { bottom: 1rem; } *[class*="--media-sm-position-b-md-opposite"] { bottom: -1rem; } *[class*="--media-sm-position-b-lg"] { bottom: 1.5rem; } *[class*="--media-sm-position-b-lg-opposite"] { bottom: -1.5rem; } *[class*="--media-sm-position-b-xl"] { bottom: 2.5rem; } *[class*="--media-sm-position-b-xl-opposite"] { bottom: -2.5rem; } *[class*="--media-sm-position-b-xxl"] { bottom: 5rem; } *[class*="--media-sm-position-b-xxl-opposite"] { bottom: -5rem; } *[class*="--media-sm-position-b-xxxl"] { bottom: 8rem; } *[class*="--media-sm-position-b-xxxl-opposite"] { bottom: -8rem; } *[class*="--media-sm-position-b-xxxxl"] { bottom: 12rem; } *[class*="--media-sm-position-b-xxxxl-opposite"] { bottom: -12rem; } *[class*="--media-sm-position-b-xxxxxl"] { bottom: 15rem; } *[class*="--media-sm-position-b-xxxxxl-opposite"] { bottom: -15rem; } *[class*="--media-sm-position-b-xxxxxxl"] { bottom: 18rem; } *[class*="--media-sm-position-b-xxxxxxl-opposite"] { bottom: -18rem; } *[class*="--media-sm-position-s-quarter"] { right: 25%; } *[class*="--media-sm-position-s-half"] { right: 50%; } *[class*="--media-sm-position-s-full"] { right: 100%; } *[class*="--media-sm-position-s-header"] { right: 100px; } *[class*="--media-sm-position-s-header-indent"] { right: calc(100px + 2rem); } *[class*="--media-sm-position-s-reset"] { right: 0; } *[class*="--media-sm-position-s-reset-opposite"] { right: -0; } *[class*="--media-sm-position-s-auto"] { right: auto; } *[class*="--media-sm-position-s-auto-opposite"] { right: -auto; } *[class*="--media-sm-position-s-inherit"] { right: inherit; } *[class*="--media-sm-position-s-inherit-opposite"] { right: -inherit; } *[class*="--media-sm-position-s-xxxs"] { right: 0.125rem; } *[class*="--media-sm-position-s-xxxs-opposite"] { right: -0.125rem; } *[class*="--media-sm-position-s-xxs"] { right: 0.25rem; } *[class*="--media-sm-position-s-xxs-opposite"] { right: -0.25rem; } *[class*="--media-sm-position-s-xs"] { right: 0.5rem; } *[class*="--media-sm-position-s-xs-opposite"] { right: -0.5rem; } *[class*="--media-sm-position-s-sm"] { right: 0.75rem; } *[class*="--media-sm-position-s-sm-opposite"] { right: -0.75rem; } *[class*="--media-sm-position-s-md"] { right: 1rem; } *[class*="--media-sm-position-s-md-opposite"] { right: -1rem; } *[class*="--media-sm-position-s-lg"] { right: 1.5rem; } *[class*="--media-sm-position-s-lg-opposite"] { right: -1.5rem; } *[class*="--media-sm-position-s-xl"] { right: 2.5rem; } *[class*="--media-sm-position-s-xl-opposite"] { right: -2.5rem; } *[class*="--media-sm-position-s-xxl"] { right: 5rem; } *[class*="--media-sm-position-s-xxl-opposite"] { right: -5rem; } *[class*="--media-sm-position-s-xxxl"] { right: 8rem; } *[class*="--media-sm-position-s-xxxl-opposite"] { right: -8rem; } *[class*="--media-sm-position-s-xxxxl"] { right: 12rem; } *[class*="--media-sm-position-s-xxxxl-opposite"] { right: -12rem; } *[class*="--media-sm-position-s-xxxxxl"] { right: 15rem; } *[class*="--media-sm-position-s-xxxxxl-opposite"] { right: -15rem; } *[class*="--media-sm-position-s-xxxxxxl"] { right: 18rem; } *[class*="--media-sm-position-s-xxxxxxl-opposite"] { right: -18rem; } *[class*="--media-sm-position-e-quarter"] { left: 25%; } *[class*="--media-sm-position-e-half"] { left: 50%; } *[class*="--media-sm-position-e-full"] { left: 100%; } *[class*="--media-sm-position-e-header"] { left: 100px; } *[class*="--media-sm-position-e-header-indent"] { left: calc(100px + 2rem); } *[class*="--media-sm-position-e-reset"] { left: 0; } *[class*="--media-sm-position-e-reset-opposite"] { left: -0; } *[class*="--media-sm-position-e-auto"] { left: auto; } *[class*="--media-sm-position-e-auto-opposite"] { left: -auto; } *[class*="--media-sm-position-e-inherit"] { left: inherit; } *[class*="--media-sm-position-e-inherit-opposite"] { left: -inherit; } *[class*="--media-sm-position-e-xxxs"] { left: 0.125rem; } *[class*="--media-sm-position-e-xxxs-opposite"] { left: -0.125rem; } *[class*="--media-sm-position-e-xxs"] { left: 0.25rem; } *[class*="--media-sm-position-e-xxs-opposite"] { left: -0.25rem; } *[class*="--media-sm-position-e-xs"] { left: 0.5rem; } *[class*="--media-sm-position-e-xs-opposite"] { left: -0.5rem; } *[class*="--media-sm-position-e-sm"] { left: 0.75rem; } *[class*="--media-sm-position-e-sm-opposite"] { left: -0.75rem; } *[class*="--media-sm-position-e-md"] { left: 1rem; } *[class*="--media-sm-position-e-md-opposite"] { left: -1rem; } *[class*="--media-sm-position-e-lg"] { left: 1.5rem; } *[class*="--media-sm-position-e-lg-opposite"] { left: -1.5rem; } *[class*="--media-sm-position-e-xl"] { left: 2.5rem; } *[class*="--media-sm-position-e-xl-opposite"] { left: -2.5rem; } *[class*="--media-sm-position-e-xxl"] { left: 5rem; } *[class*="--media-sm-position-e-xxl-opposite"] { left: -5rem; } *[class*="--media-sm-position-e-xxxl"] { left: 8rem; } *[class*="--media-sm-position-e-xxxl-opposite"] { left: -8rem; } *[class*="--media-sm-position-e-xxxxl"] { left: 12rem; } *[class*="--media-sm-position-e-xxxxl-opposite"] { left: -12rem; } *[class*="--media-sm-position-e-xxxxxl"] { left: 15rem; } *[class*="--media-sm-position-e-xxxxxl-opposite"] { left: -15rem; } *[class*="--media-sm-position-e-xxxxxxl"] { left: 18rem; } *[class*="--media-sm-position-e-xxxxxxl-opposite"] { left: -18rem; } *[class*="--media-sm-transform-translateX-full"] { --transform-translateX: 100%; } *[class*="--media-sm-transform-translateX-full-opposite"] { --transform-translateX: -100%; } *[class*="--media-sm-transform-translateX-half"] { --transform-translateX: 50%; } *[class*="--media-sm-transform-translateX-half-opposite"] { --transform-translateX: -50%; } *[class*="--media-sm-transform-translateX-reset"] { --transform-translateX: 0; } *[class*="--media-sm-transform-translateY-full"] { --transform-translateY: 100%; } *[class*="--media-sm-transform-translateY-full-opposite"] { --transform-translateY: -100%; } *[class*="--media-sm-transform-translateY-half"] { --transform-translateY: 50%; } *[class*="--media-sm-transform-translateY-half-opposite"] { --transform-translateY: -50%; } *[class*="--media-sm-transform-translateY-reset"] { --transform-translateY: 0; } *[class*="--media-sm-transform-scaleX-25"] { --transform-scaleX: 2; } *[class*="--media-sm-transform-scaleY-25"] { --transform-scaleY: 2; } *[class*="--media-sm-aspect-ratio-reset"] { --aspect-ratio: 0; } *[class*="--media-sm-aspect-ratio-1-1"] { --aspect-ratio: 1; } *[class*="--media-sm-aspect-ratio-1-1.15"] { --aspect-ratio: 1.15; } *[class*="--media-sm-aspect-ratio-1-1.33"] { --aspect-ratio: 1.33; } *[class*="--media-sm-aspect-ratio-1-1.5"] { --aspect-ratio: 1.5; } *[class*="--media-sm-aspect-ratio-1-3"] { --aspect-ratio: 3; } *[class*="--media-sm-aspect-ratio-4-3"] { --aspect-ratio: 0.75; } *[class*="--media-sm-aspect-ratio-3-2"] { --aspect-ratio: 0.67; } *[class*="--media-sm-aspect-ratio-16-9"] { --aspect-ratio: 0.5625; } *[class*="--media-sm-aspect-ratio-24-10"] { --aspect-ratio: 0.4167; } } @media (min-width: 768px) { *[class*="--media-md-m-reset"] { margin: var(--spaces-reset, 0); } *[class*="--media-md-m-auto"] { margin: var(--spaces-auto, auto); } *[class*="--media-md-m-inherit"] { margin: var(--spaces-inherit, inherit); } *[class*="--media-md-m-xxxs"] { margin: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-m-xxs"] { margin: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-m-xs"] { margin: var(--spaces-xs, 0.5rem); } *[class*="--media-md-m-sm"] { margin: var(--spaces-sm, 0.75rem); } *[class*="--media-md-m-md"] { margin: var(--spaces-md, 1rem); } *[class*="--media-md-m-lg"] { margin: var(--spaces-lg, 1.5rem); } *[class*="--media-md-m-xl"] { margin: var(--spaces-xl, 2.5rem); } *[class*="--media-md-m-xxl"] { margin: var(--spaces-xxl, 5rem); } *[class*="--media-md-m-xxxl"] { margin: var(--spaces-xxxl, 8rem); } *[class*="--media-md-m-xxxxl"] { margin: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-mx-reset"] { margin-right: var(--spaces-reset, 0); margin-left: var(--spaces-reset, 0); } *[class*="--media-md-mx-auto"] { margin-right: var(--spaces-auto, auto); margin-left: var(--spaces-auto, auto); } *[class*="--media-md-mx-inherit"] { margin-right: var(--spaces-inherit, inherit); margin-left: var(--spaces-inherit, inherit); } *[class*="--media-md-mx-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-mx-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-mx-xs"] { margin-right: var(--spaces-xs, 0.5rem); margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-md-mx-sm"] { margin-right: var(--spaces-sm, 0.75rem); margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-md-mx-md"] { margin-right: var(--spaces-md, 1rem); margin-left: var(--spaces-md, 1rem); } *[class*="--media-md-mx-lg"] { margin-right: var(--spaces-lg, 1.5rem); margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-md-mx-xl"] { margin-right: var(--spaces-xl, 2.5rem); margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-md-mx-xxl"] { margin-right: var(--spaces-xxl, 5rem); margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-md-mx-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-md-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-my-reset"] { margin-top: var(--spaces-reset, 0); margin-bottom: var(--spaces-reset, 0); } *[class*="--media-md-my-auto"] { margin-top: var(--spaces-auto, auto); margin-bottom: var(--spaces-auto, auto); } *[class*="--media-md-my-inherit"] { margin-top: var(--spaces-inherit, inherit); margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-md-my-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-my-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-my-xs"] { margin-top: var(--spaces-xs, 0.5rem); margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-md-my-sm"] { margin-top: var(--spaces-sm, 0.75rem); margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-md-my-md"] { margin-top: var(--spaces-md, 1rem); margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-md-my-lg"] { margin-top: var(--spaces-lg, 1.5rem); margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-md-my-xl"] { margin-top: var(--spaces-xl, 2.5rem); margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-md-my-xxl"] { margin-top: var(--spaces-xxl, 5rem); margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-md-my-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-md-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-mt-reset"] { margin-top: var(--spaces-reset, 0); } *[class*="--media-md-mt-auto"] { margin-top: var(--spaces-auto, auto); } *[class*="--media-md-mt-inherit"] { margin-top: var(--spaces-inherit, inherit); } *[class*="--media-md-mt-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-mt-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-mt-xs"] { margin-top: var(--spaces-xs, 0.5rem); } *[class*="--media-md-mt-sm"] { margin-top: var(--spaces-sm, 0.75rem); } *[class*="--media-md-mt-md"] { margin-top: var(--spaces-md, 1rem); } *[class*="--media-md-mt-lg"] { margin-top: var(--spaces-lg, 1.5rem); } *[class*="--media-md-mt-xl"] { margin-top: var(--spaces-xl, 2.5rem); } *[class*="--media-md-mt-xxl"] { margin-top: var(--spaces-xxl, 5rem); } *[class*="--media-md-mt-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); } *[class*="--media-md-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-mb-reset"] { margin-bottom: var(--spaces-reset, 0); } *[class*="--media-md-mb-auto"] { margin-bottom: var(--spaces-auto, auto); } *[class*="--media-md-mb-inherit"] { margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-md-mb-xxxs"] { margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-mb-xxs"] { margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-mb-xs"] { margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-md-mb-sm"] { margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-md-mb-md"] { margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-md-mb-lg"] { margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-md-mb-xl"] { margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-md-mb-xxl"] { margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-md-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-md-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-ms-reset"] { margin-right: var(--spaces-reset, 0); } *[class*="--media-md-ms-auto"] { margin-right: var(--spaces-auto, auto); } *[class*="--media-md-ms-inherit"] { margin-right: var(--spaces-inherit, inherit); } *[class*="--media-md-ms-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-ms-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-ms-xs"] { margin-right: var(--spaces-xs, 0.5rem); } *[class*="--media-md-ms-sm"] { margin-right: var(--spaces-sm, 0.75rem); } *[class*="--media-md-ms-md"] { margin-right: var(--spaces-md, 1rem); } *[class*="--media-md-ms-lg"] { margin-right: var(--spaces-lg, 1.5rem); } *[class*="--media-md-ms-xl"] { margin-right: var(--spaces-xl, 2.5rem); } *[class*="--media-md-ms-xxl"] { margin-right: var(--spaces-xxl, 5rem); } *[class*="--media-md-ms-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); } *[class*="--media-md-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-me-reset"] { margin-left: var(--spaces-reset, 0); } *[class*="--media-md-me-auto"] { margin-left: var(--spaces-auto, auto); } *[class*="--media-md-me-inherit"] { margin-left: var(--spaces-inherit, inherit); } *[class*="--media-md-me-xxxs"] { margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-me-xxs"] { margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-me-xs"] { margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-md-me-sm"] { margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-md-me-md"] { margin-left: var(--spaces-md, 1rem); } *[class*="--media-md-me-lg"] { margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-md-me-xl"] { margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-md-me-xxl"] { margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-md-me-xxxl"] { margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-md-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-p-reset"] { padding: var(--spaces-reset, 0); } *[class*="--media-md-p-auto"] { padding: var(--spaces-auto, auto); } *[class*="--media-md-p-inherit"] { padding: var(--spaces-inherit, inherit); } *[class*="--media-md-p-xxxs"] { padding: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-p-xxs"] { padding: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-p-xs"] { padding: var(--spaces-xs, 0.5rem); } *[class*="--media-md-p-sm"] { padding: var(--spaces-sm, 0.75rem); } *[class*="--media-md-p-md"] { padding: var(--spaces-md, 1rem); } *[class*="--media-md-p-lg"] { padding: var(--spaces-lg, 1.5rem); } *[class*="--media-md-p-xl"] { padding: var(--spaces-xl, 2.5rem); } *[class*="--media-md-p-xxl"] { padding: var(--spaces-xxl, 5rem); } *[class*="--media-md-p-xxxl"] { padding: var(--spaces-xxxl, 8rem); } *[class*="--media-md-p-xxxxl"] { padding: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-px-reset"] { padding-right: var(--spaces-reset, 0); padding-left: var(--spaces-reset, 0); } *[class*="--media-md-px-auto"] { padding-right: var(--spaces-auto, auto); padding-left: var(--spaces-auto, auto); } *[class*="--media-md-px-inherit"] { padding-right: var(--spaces-inherit, inherit); padding-left: var(--spaces-inherit, inherit); } *[class*="--media-md-px-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-px-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-px-xs"] { padding-right: var(--spaces-xs, 0.5rem); padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-md-px-sm"] { padding-right: var(--spaces-sm, 0.75rem); padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-md-px-md"] { padding-right: var(--spaces-md, 1rem); padding-left: var(--spaces-md, 1rem); } *[class*="--media-md-px-lg"] { padding-right: var(--spaces-lg, 1.5rem); padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-md-px-xl"] { padding-right: var(--spaces-xl, 2.5rem); padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-md-px-xxl"] { padding-right: var(--spaces-xxl, 5rem); padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-md-px-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-md-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-py-reset"] { padding-top: var(--spaces-reset, 0); padding-bottom: var(--spaces-reset, 0); } *[class*="--media-md-py-auto"] { padding-top: var(--spaces-auto, auto); padding-bottom: var(--spaces-auto, auto); } *[class*="--media-md-py-inherit"] { padding-top: var(--spaces-inherit, inherit); padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-md-py-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-py-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-py-xs"] { padding-top: var(--spaces-xs, 0.5rem); padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-md-py-sm"] { padding-top: var(--spaces-sm, 0.75rem); padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-md-py-md"] { padding-top: var(--spaces-md, 1rem); padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-md-py-lg"] { padding-top: var(--spaces-lg, 1.5rem); padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-md-py-xl"] { padding-top: var(--spaces-xl, 2.5rem); padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-md-py-xxl"] { padding-top: var(--spaces-xxl, 5rem); padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-md-py-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-md-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-pt-reset"] { padding-top: var(--spaces-reset, 0); } *[class*="--media-md-pt-auto"] { padding-top: var(--spaces-auto, auto); } *[class*="--media-md-pt-inherit"] { padding-top: var(--spaces-inherit, inherit); } *[class*="--media-md-pt-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-pt-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-pt-xs"] { padding-top: var(--spaces-xs, 0.5rem); } *[class*="--media-md-pt-sm"] { padding-top: var(--spaces-sm, 0.75rem); } *[class*="--media-md-pt-md"] { padding-top: var(--spaces-md, 1rem); } *[class*="--media-md-pt-lg"] { padding-top: var(--spaces-lg, 1.5rem); } *[class*="--media-md-pt-xl"] { padding-top: var(--spaces-xl, 2.5rem); } *[class*="--media-md-pt-xxl"] { padding-top: var(--spaces-xxl, 5rem); } *[class*="--media-md-pt-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); } *[class*="--media-md-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-pb-reset"] { padding-bottom: var(--spaces-reset, 0); } *[class*="--media-md-pb-auto"] { padding-bottom: var(--spaces-auto, auto); } *[class*="--media-md-pb-inherit"] { padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-md-pb-xxxs"] { padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-pb-xxs"] { padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-pb-xs"] { padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-md-pb-sm"] { padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-md-pb-md"] { padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-md-pb-lg"] { padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-md-pb-xl"] { padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-md-pb-xxl"] { padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-md-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-md-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-ps-reset"] { padding-right: var(--spaces-reset, 0); } *[class*="--media-md-ps-auto"] { padding-right: var(--spaces-auto, auto); } *[class*="--media-md-ps-inherit"] { padding-right: var(--spaces-inherit, inherit); } *[class*="--media-md-ps-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-ps-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-ps-xs"] { padding-right: var(--spaces-xs, 0.5rem); } *[class*="--media-md-ps-sm"] { padding-right: var(--spaces-sm, 0.75rem); } *[class*="--media-md-ps-md"] { padding-right: var(--spaces-md, 1rem); } *[class*="--media-md-ps-lg"] { padding-right: var(--spaces-lg, 1.5rem); } *[class*="--media-md-ps-xl"] { padding-right: var(--spaces-xl, 2.5rem); } *[class*="--media-md-ps-xxl"] { padding-right: var(--spaces-xxl, 5rem); } *[class*="--media-md-ps-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); } *[class*="--media-md-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-pe-reset"] { padding-left: var(--spaces-reset, 0); } *[class*="--media-md-pe-auto"] { padding-left: var(--spaces-auto, auto); } *[class*="--media-md-pe-inherit"] { padding-left: var(--spaces-inherit, inherit); } *[class*="--media-md-pe-xxxs"] { padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-md-pe-xxs"] { padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-md-pe-xs"] { padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-md-pe-sm"] { padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-md-pe-md"] { padding-left: var(--spaces-md, 1rem); } *[class*="--media-md-pe-lg"] { padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-md-pe-xl"] { padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-md-pe-xxl"] { padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-md-pe-xxxl"] { padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-md-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-md-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-md-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-md-flex-1"] { flex: 1 1 0%; } *[class*="--media-md-flex-auto"] { flex: 1 1 auto; } *[class*="--media-md-flex-initial"] { flex: 0 1 auto; } *[class*="--media-md-flex-none"] { flex: none; } *[class*="--media-md-flex-direction-row"] { flex-direction: row; } *[class*="--media-md-flex-direction-row-reverse"] { flex-direction: row-reverse; } *[class*="--media-md-flex-direction-column"] { flex-direction: column; } *[class*="--media-md-flex-direction-column-reverse"] { flex-direction: column-reverse; } *[class*="--media-md-flex-wrap-wrap"] { flex-wrap: wrap; } *[class*="--media-md-flex-wrap-nowrap"] { flex-wrap: nowrap; } *[class*="--media-md-order-first"] { order: -1; } *[class*="--media-md-order-0"] { order: 0; } *[class*="--media-md-order-1"] { order: 1; } *[class*="--media-md-order-2"] { order: 2; } *[class*="--media-md-order-3"] { order: 3; } *[class*="--media-md-order-4"] { order: 4; } *[class*="--media-md-order-5"] { order: 5; } *[class*="--media-md-order-6"] { order: 6; } *[class*="--media-md-order-7"] { order: 7; } *[class*="--media-md-order-8"] { order: 8; } *[class*="--media-md-order-9"] { order: 9; } *[class*="--media-md-order-last"] { order: 10; } *[class*="--media-md-flex-basis-auto"] { flex-basis: auto; } *[class*="--media-md-flex-basis-0"] { flex-basis: 0; } *[class*="--media-md-flex-basis-1"] { flex-basis: 1; } *[class*="--media-md-flex-grow-auto"] { flex-grow: auto; } *[class*="--media-md-flex-grow-0"] { flex-grow: 0; } *[class*="--media-md-flex-grow-1"] { flex-grow: 1; } *[class*="--media-md-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)); } *[class*="--media-md-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } *[class*="--media-md-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } *[class*="--media-md-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } *[class*="--media-md-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); } *[class*="--media-md-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); } *[class*="--media-md-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)); } *[class*="--media-md-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)); } *[class*="--media-md-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)); } *[class*="--media-md-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)); } *[class*="--media-md-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)); } *[class*="--media-md-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)); } *[class*="--media-md-col-span-full"] { grid-column: -1; } *[class*="--media-md-col-span-1"] { grid-column: span 1/span 1; } *[class*="--media-md-col-span-2"] { grid-column: span 2/span 2; } *[class*="--media-md-col-span-3"] { grid-column: span 3/span 3; } *[class*="--media-md-col-span-4"] { grid-column: span 4/span 4; } *[class*="--media-md-col-span-5"] { grid-column: span 5/span 5; } *[class*="--media-md-col-span-6"] { grid-column: span 6/span 6; } *[class*="--media-md-col-span-7"] { grid-column: span 7/span 7; } *[class*="--media-md-col-span-8"] { grid-column: span 8/span 8; } *[class*="--media-md-col-span-9"] { grid-column: span 9/span 9; } *[class*="--media-md-col-span-10"] { grid-column: span 10/span 10; } *[class*="--media-md-col-span-11"] { grid-column: span 11/span 11; } *[class*="--media-md-col-span-12"] { grid-column: span 12/span 12; } *[class*="--media-md-col-start-auto"] { grid-column-start: auto; } *[class*="--media-md-col-start-1"] { grid-column-start: 1; } *[class*="--media-md-col-start-2"] { grid-column-start: 2; } *[class*="--media-md-col-start-3"] { grid-column-start: 3; } *[class*="--media-md-col-start-4"] { grid-column-start: 4; } *[class*="--media-md-col-start-5"] { grid-column-start: 5; } *[class*="--media-md-col-start-6"] { grid-column-start: 6; } *[class*="--media-md-col-start-7"] { grid-column-start: 7; } *[class*="--media-md-col-start-8"] { grid-column-start: 8; } *[class*="--media-md-col-start-9"] { grid-column-start: 9; } *[class*="--media-md-col-start-10"] { grid-column-start: 10; } *[class*="--media-md-col-start-11"] { grid-column-start: 11; } *[class*="--media-md-col-start-12"] { grid-column-start: 12; } *[class*="--media-md-col-end-auto"] { grid-column-end: auto; } *[class*="--media-md-col-end-1"] { grid-column-end: 1; } *[class*="--media-md-col-end-2"] { grid-column-end: 2; } *[class*="--media-md-col-end-3"] { grid-column-end: 3; } *[class*="--media-md-col-end-4"] { grid-column-end: 4; } *[class*="--media-md-col-end-5"] { grid-column-end: 5; } *[class*="--media-md-col-end-6"] { grid-column-end: 6; } *[class*="--media-md-col-end-7"] { grid-column-end: 7; } *[class*="--media-md-col-end-8"] { grid-column-end: 8; } *[class*="--media-md-col-end-9"] { grid-column-end: 9; } *[class*="--media-md-col-end-10"] { grid-column-end: 10; } *[class*="--media-md-col-end-11"] { grid-column-end: 11; } *[class*="--media-md-col-end-12"] { grid-column-end: 12; } *[class*="--media-md-gap-reset"] { gap: 0; } *[class*="--media-md-gap-auto"] { gap: auto; } *[class*="--media-md-gap-inherit"] { gap: inherit; } *[class*="--media-md-gap-xxxs"] { gap: 0.125rem; } *[class*="--media-md-gap-xxs"] { gap: 0.25rem; } *[class*="--media-md-gap-xs"] { gap: 0.5rem; } *[class*="--media-md-gap-sm"] { gap: 0.75rem; } *[class*="--media-md-gap-md"] { gap: 1rem; } *[class*="--media-md-gap-lg"] { gap: 1.5rem; } *[class*="--media-md-gap-xl"] { gap: 2.5rem; } *[class*="--media-md-gap-xxl"] { gap: 5rem; } *[class*="--media-md-gap-xxxl"] { gap: 8rem; } *[class*="--media-md-gap-xxxxl"] { gap: 12rem; } *[class*="--media-md-gap-xxxxxl"] { gap: 15rem; } *[class*="--media-md-gap-xxxxxxl"] { gap: 18rem; } *[class*="--media-md-gap-x-reset"] { column-gap: 0; } *[class*="--media-md-gap-x-auto"] { column-gap: auto; } *[class*="--media-md-gap-x-inherit"] { column-gap: inherit; } *[class*="--media-md-gap-x-xxxs"] { column-gap: 0.125rem; } *[class*="--media-md-gap-x-xxs"] { column-gap: 0.25rem; } *[class*="--media-md-gap-x-xs"] { column-gap: 0.5rem; } *[class*="--media-md-gap-x-sm"] { column-gap: 0.75rem; } *[class*="--media-md-gap-x-md"] { column-gap: 1rem; } *[class*="--media-md-gap-x-lg"] { column-gap: 1.5rem; } *[class*="--media-md-gap-x-xl"] { column-gap: 2.5rem; } *[class*="--media-md-gap-x-xxl"] { column-gap: 5rem; } *[class*="--media-md-gap-x-xxxl"] { column-gap: 8rem; } *[class*="--media-md-gap-x-xxxxl"] { column-gap: 12rem; } *[class*="--media-md-gap-x-xxxxxl"] { column-gap: 15rem; } *[class*="--media-md-gap-x-xxxxxxl"] { column-gap: 18rem; } *[class*="--media-md-gap-y-reset"] { row-gap: 0; } *[class*="--media-md-gap-y-auto"] { row-gap: auto; } *[class*="--media-md-gap-y-inherit"] { row-gap: inherit; } *[class*="--media-md-gap-y-xxxs"] { row-gap: 0.125rem; } *[class*="--media-md-gap-y-xxs"] { row-gap: 0.25rem; } *[class*="--media-md-gap-y-xs"] { row-gap: 0.5rem; } *[class*="--media-md-gap-y-sm"] { row-gap: 0.75rem; } *[class*="--media-md-gap-y-md"] { row-gap: 1rem; } *[class*="--media-md-gap-y-lg"] { row-gap: 1.5rem; } *[class*="--media-md-gap-y-xl"] { row-gap: 2.5rem; } *[class*="--media-md-gap-y-xxl"] { row-gap: 5rem; } *[class*="--media-md-gap-y-xxxl"] { row-gap: 8rem; } *[class*="--media-md-gap-y-xxxxl"] { row-gap: 12rem; } *[class*="--media-md-gap-y-xxxxxl"] { row-gap: 15rem; } *[class*="--media-md-gap-y-xxxxxxl"] { row-gap: 18rem; } *[class*="--media-md-justify-content-start"] { justify-content: flex-start; } *[class*="--media-md-justify-content-end"] { justify-content: flex-end; } *[class*="--media-md-justify-content-center"] { justify-content: center; } *[class*="--media-md-justify-content-between"] { justify-content: space-between; } *[class*="--media-md-justify-content-around"] { justify-content: space-around; } *[class*="--media-md-justify-content-evenly"] { justify-content: space-evenly; } *[class*="--media-md-align-items-start"] { align-items: flex-start; } *[class*="--media-md-align-items-end"] { align-items: flex-end; } *[class*="--media-md-align-items-center"] { align-items: center; } *[class*="--media-md-align-items-baseline"] { align-items: baseline; } *[class*="--media-md-align-items-stretch"] { align-items: stretch; } *[class*="--media-md-align-content-start"] { align-content: flex-start; } *[class*="--media-md-align-content-end"] { align-content: flex-end; } *[class*="--media-md-align-content-center"] { align-content: center; } *[class*="--media-md-align-content-between"] { align-content: space-between; } *[class*="--media-md-align-content-around"] { align-content: space-around; } *[class*="--media-md-align-content-stretch"] { align-content: stretch; } *[class*="--media-md-justify-self-auto"] { justify-self: auto; } *[class*="--media-md-justify-self-start"] { justify-self: flex-start; } *[class*="--media-md-justify-self-end"] { justify-self: flex-end; } *[class*="--media-md-justify-self-center"] { justify-self: center; } *[class*="--media-md-justify-self-baseline"] { justify-self: baseline; } *[class*="--media-md-justify-self-stretch"] { justify-self: stretch; } *[class*="--media-md-align-self-auto"] { align-self: auto; } *[class*="--media-md-align-self-start"] { align-self: flex-start; } *[class*="--media-md-align-self-end"] { align-self: flex-end; } *[class*="--media-md-align-self-center"] { align-self: center; } *[class*="--media-md-align-self-baseline"] { align-self: baseline; } *[class*="--media-md-align-self-stretch"] { align-self: stretch; } *[class*="--media-md-b-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-b-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-md-b-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-md-b-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-md-b-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-md-b-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-md-b-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-md-b-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-b-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-b-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-b-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-md-b-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-b-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-b-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-md-b-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-md-b-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-md-b-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-md-b-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-md-b-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-b-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-b-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-b-0"] { border: 0; } *[class*="--media-md-b-bg-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-b-bg-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-md-b-bg-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-md-b-bg-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-md-b-bg-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-md-b-bg-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-md-b-bg-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-md-b-bg-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-b-bg-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-b-bg-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-b-bg-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-md-b-bg-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-b-bg-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-b-bg-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-md-b-bg-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-md-b-bg-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-md-b-bg-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-md-b-bg-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-md-b-bg-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-b-bg-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-b-bg-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-b-bg-0"] { border: 0; } *[class*="--media-md-bt-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bt-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-md-bt-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-md-bt-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-md-bt-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-md-bt-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-md-bt-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-md-bt-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bt-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bt-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bt-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-md-bt-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bt-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bt-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-md-bt-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-md-bt-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-md-bt-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-md-bt-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-md-bt-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bt-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bt-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bt-0"] { border-top: 0; } *[class*="--media-md-bt-bg-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bt-bg-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-md-bt-bg-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-md-bt-bg-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-md-bt-bg-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-md-bt-bg-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-md-bt-bg-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-md-bt-bg-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bt-bg-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bt-bg-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bt-bg-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-md-bt-bg-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bt-bg-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bt-bg-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-md-bt-bg-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-md-bt-bg-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-md-bt-bg-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-md-bt-bg-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-md-bt-bg-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bt-bg-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bt-bg-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bt-bg-0"] { border-top: 0; } *[class*="--media-md-bb-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bb-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-md-bb-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-md-bb-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-md-bb-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-md-bb-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-md-bb-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-md-bb-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bb-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bb-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bb-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-md-bb-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bb-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bb-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-md-bb-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-md-bb-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-md-bb-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-md-bb-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-md-bb-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bb-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bb-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bb-0"] { border-bottom: 0; } *[class*="--media-md-bb-bg-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bb-bg-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-md-bb-bg-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-md-bb-bg-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-md-bb-bg-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-md-bb-bg-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-md-bb-bg-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-md-bb-bg-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bb-bg-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bb-bg-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bb-bg-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-md-bb-bg-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bb-bg-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bb-bg-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-md-bb-bg-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-md-bb-bg-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-md-bb-bg-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-md-bb-bg-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-md-bb-bg-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bb-bg-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bb-bg-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bb-bg-0"] { border-bottom: 0; } *[class*="--media-md-bs-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bs-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-md-bs-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-md-bs-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-md-bs-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-md-bs-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-md-bs-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-md-bs-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bs-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bs-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bs-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-md-bs-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bs-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bs-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-md-bs-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-md-bs-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-md-bs-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-md-bs-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-md-bs-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bs-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bs-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bs-0"] { border-right: 0; } *[class*="--media-md-bs-bg-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bs-bg-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-md-bs-bg-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-md-bs-bg-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-md-bs-bg-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-md-bs-bg-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-md-bs-bg-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-md-bs-bg-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bs-bg-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-bs-bg-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bs-bg-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-md-bs-bg-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-bs-bg-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bs-bg-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-md-bs-bg-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-md-bs-bg-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-md-bs-bg-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-md-bs-bg-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-md-bs-bg-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bs-bg-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bs-bg-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bs-bg-0"] { border-right: 0; } *[class*="--media-md-be-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-be-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-md-be-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-md-be-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-md-be-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-md-be-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-md-be-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-md-be-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-be-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-be-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-be-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-md-be-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-be-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-be-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-md-be-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-md-be-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-md-be-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-md-be-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-md-be-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-be-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-be-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-be-0"] { border-left: 0; } *[class*="--media-md-be-bg-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-be-bg-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-md-be-bg-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-md-be-bg-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-md-be-bg-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-md-be-bg-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-md-be-bg-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-md-be-bg-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-be-bg-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-md-be-bg-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-be-bg-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-md-be-bg-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-md-be-bg-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-be-bg-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-md-be-bg-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-md-be-bg-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-md-be-bg-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-md-be-bg-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-md-be-bg-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-be-bg-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-be-bg-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-be-bg-0"] { border-left: 0; } *[class*="--media-md-tsize-xxs"] { font-size: var(--font-sizes-xxs, 0.55rem); } *[class*="--media-md-tsize-xs"] { font-size: var(--font-sizes-xs, 0.825rem); } *[class*="--media-md-tsize-sm"] { font-size: var(--font-sizes-sm, 0.99rem); } *[class*="--media-md-tsize-md"] { font-size: var(--font-sizes-md, 1.1rem); } *[class*="--media-md-tsize-lg"] { font-size: var(--font-sizes-lg, 1.375rem); } *[class*="--media-md-tsize-xl"] { font-size: var(--font-sizes-xl, 1.925rem); } *[class*="--media-md-tsize-xxl"] { font-size: var(--font-sizes-xxl, 2.75rem); } *[class*="--media-md-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.4rem); } *[class*="--media-md-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 6.05rem); } *[class*="--media-md-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 7.15rem); } *[class*="--media-md-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 8.8rem); } *[class*="--media-md-tweight-thin"] { font-weight: var(--font-weights-thin, 100); } *[class*="--media-md-tweight-extra-light"] { font-weight: var(--font-weights-extra-light, 200); } *[class*="--media-md-tweight-light"] { font-weight: var(--font-weights-light, 300); } *[class*="--media-md-tweight-regular"] { font-weight: var(--font-weights-regular, 400); } *[class*="--media-md-tweight-medium"] { font-weight: var(--font-weights-medium, 500); } *[class*="--media-md-tweight-semi-bold"] { font-weight: var(--font-weights-semi-bold, 600); } *[class*="--media-md-tweight-bold"] { font-weight: var(--font-weights-bold, 700); } *[class*="--media-md-tweight-extra-bold"] { font-weight: var(--font-weights-extra-bold, 800); } *[class*="--media-md-tweight-black"] { font-weight: var(--font-weights-black, 900); } *[class*="--media-md-talign-c"] { text-align: center; } *[class*="--media-md-talign-s"] { text-align: right; } *[class*="--media-md-talign-e"] { text-align: left; } *[class*="--media-md-ttruncate-2"] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-md-ttruncate-3"] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-md-ttruncate-4"] { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-md-ttruncate-5"] { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-md-d-inline"] { display: inline; } *[class*="--media-md-d-inline-block"] { display: inline-block; } *[class*="--media-md-d-block"] { display: block; } *[class*="--media-md-d-grid"] { display: grid; } *[class*="--media-md-d-table"] { display: table; } *[class*="--media-md-d-table-row"] { display: table-row; } *[class*="--media-md-d-table-cell"] { display: table-cell; } *[class*="--media-md-d-flex"] { display: flex; } *[class*="--media-md-d-inline-flex"] { display: inline-flex; } *[class*="--media-md-d-none"] { display: none; } *[class*="--media-md-maxw-2.5"] { max-width: 2.5px; } *[class*="--media-md-maxw-5"] { max-width: 5px; } *[class*="--media-md-maxw-7.5"] { max-width: 7.5px; } *[class*="--media-md-maxw-10"] { max-width: 10px; } *[class*="--media-md-maxw-12.5"] { max-width: 12.5px; } *[class*="--media-md-maxw-15"] { max-width: 15px; } *[class*="--media-md-maxw-17.5"] { max-width: 17.5px; } *[class*="--media-md-maxw-20"] { max-width: 20px; } *[class*="--media-md-maxw-25"] { max-width: 25px; } *[class*="--media-md-maxw-30"] { max-width: 30px; } *[class*="--media-md-maxw-35"] { max-width: 35px; } *[class*="--media-md-maxw-40"] { max-width: 40px; } *[class*="--media-md-maxw-45"] { max-width: 45px; } *[class*="--media-md-maxw-50"] { max-width: 50px; } *[class*="--media-md-maxw-55"] { max-width: 55px; } *[class*="--media-md-maxw-60"] { max-width: 60px; } *[class*="--media-md-maxw-65"] { max-width: 65px; } *[class*="--media-md-maxw-70"] { max-width: 70px; } *[class*="--media-md-maxw-75"] { max-width: 75px; } *[class*="--media-md-maxw-80"] { max-width: 80px; } *[class*="--media-md-maxw-85"] { max-width: 85px; } *[class*="--media-md-maxw-90"] { max-width: 90px; } *[class*="--media-md-maxw-95"] { max-width: 95px; } *[class*="--media-md-maxw-100"] { max-width: 100px; } *[class*="--media-md-maxw-105"] { max-width: 105px; } *[class*="--media-md-maxw-110"] { max-width: 110px; } *[class*="--media-md-maxw-115"] { max-width: 115px; } *[class*="--media-md-maxw-120"] { max-width: 120px; } *[class*="--media-md-maxw-125"] { max-width: 125px; } *[class*="--media-md-maxw-150"] { max-width: 150px; } *[class*="--media-md-maxw-200"] { max-width: 200px; } *[class*="--media-md-maxw-250"] { max-width: 250px; } *[class*="--media-md-maxw-300"] { max-width: 300px; } *[class*="--media-md-maxw-350"] { max-width: 350px; } *[class*="--media-md-maxw-400"] { max-width: 400px; } *[class*="--media-md-maxw-450"] { max-width: 450px; } *[class*="--media-md-maxw-500"] { max-width: 500px; } *[class*="--media-md-maxw-550"] { max-width: 550px; } *[class*="--media-md-maxw-600"] { max-width: 600px; } *[class*="--media-md-maxw-650"] { max-width: 650px; } *[class*="--media-md-maxw-reset"] { max-width: 0; } *[class*="--media-md-maxw-auto"] { max-width: auto; } *[class*="--media-md-maxw-inherit"] { max-width: inherit; } *[class*="--media-md-maxw-xxxs"] { max-width: 0.125rem; } *[class*="--media-md-maxw-xxs"] { max-width: 0.25rem; } *[class*="--media-md-maxw-xs"] { max-width: 0.5rem; } *[class*="--media-md-maxw-sm"] { max-width: 0.75rem; } *[class*="--media-md-maxw-md"] { max-width: 1rem; } *[class*="--media-md-maxw-lg"] { max-width: 1.5rem; } *[class*="--media-md-maxw-xl"] { max-width: 2.5rem; } *[class*="--media-md-maxw-xxl"] { max-width: 5rem; } *[class*="--media-md-maxw-xxxl"] { max-width: 8rem; } *[class*="--media-md-maxw-xxxxl"] { max-width: 12rem; } *[class*="--media-md-maxw-xxxxxl"] { max-width: 15rem; } *[class*="--media-md-maxw-xxxxxxl"] { max-width: 18rem; } *[class*="--media-md-maxw-full"] { max-width: 100%; } *[class*="--media-md-maxw-three-quarters"] { max-width: 75%; } *[class*="--media-md-maxw-half"] { max-width: 50%; } *[class*="--media-md-maxw-quarter"] { max-width: 25%; } *[class*="--media-md-maxw-none"] { max-width: none; } *[class*="--media-md-maxh-full"] { max-height: 100%; } *[class*="--media-md-maxh-none"] { max-height: none; } *[class*="--media-md-w-2.5"] { width: 2.5px; } *[class*="--media-md-w-5"] { width: 5px; } *[class*="--media-md-w-7.5"] { width: 7.5px; } *[class*="--media-md-w-10"] { width: 10px; } *[class*="--media-md-w-12.5"] { width: 12.5px; } *[class*="--media-md-w-15"] { width: 15px; } *[class*="--media-md-w-17.5"] { width: 17.5px; } *[class*="--media-md-w-20"] { width: 20px; } *[class*="--media-md-w-25"] { width: 25px; } *[class*="--media-md-w-30"] { width: 30px; } *[class*="--media-md-w-35"] { width: 35px; } *[class*="--media-md-w-40"] { width: 40px; } *[class*="--media-md-w-45"] { width: 45px; } *[class*="--media-md-w-50"] { width: 50px; } *[class*="--media-md-w-55"] { width: 55px; } *[class*="--media-md-w-60"] { width: 60px; } *[class*="--media-md-w-65"] { width: 65px; } *[class*="--media-md-w-70"] { width: 70px; } *[class*="--media-md-w-75"] { width: 75px; } *[class*="--media-md-w-80"] { width: 80px; } *[class*="--media-md-w-85"] { width: 85px; } *[class*="--media-md-w-90"] { width: 90px; } *[class*="--media-md-w-95"] { width: 95px; } *[class*="--media-md-w-100"] { width: 100px; } *[class*="--media-md-w-105"] { width: 105px; } *[class*="--media-md-w-110"] { width: 110px; } *[class*="--media-md-w-115"] { width: 115px; } *[class*="--media-md-w-120"] { width: 120px; } *[class*="--media-md-w-125"] { width: 125px; } *[class*="--media-md-w-150"] { width: 150px; } *[class*="--media-md-w-200"] { width: 200px; } *[class*="--media-md-w-250"] { width: 250px; } *[class*="--media-md-w-300"] { width: 300px; } *[class*="--media-md-w-350"] { width: 350px; } *[class*="--media-md-w-400"] { width: 400px; } *[class*="--media-md-w-450"] { width: 450px; } *[class*="--media-md-w-500"] { width: 500px; } *[class*="--media-md-w-550"] { width: 550px; } *[class*="--media-md-w-600"] { width: 600px; } *[class*="--media-md-w-650"] { width: 650px; } *[class*="--media-md-w-reset"] { width: 0; } *[class*="--media-md-w-auto"] { width: auto; } *[class*="--media-md-w-inherit"] { width: inherit; } *[class*="--media-md-w-xxxs"] { width: 0.125rem; } *[class*="--media-md-w-xxs"] { width: 0.25rem; } *[class*="--media-md-w-xs"] { width: 0.5rem; } *[class*="--media-md-w-sm"] { width: 0.75rem; } *[class*="--media-md-w-md"] { width: 1rem; } *[class*="--media-md-w-lg"] { width: 1.5rem; } *[class*="--media-md-w-xl"] { width: 2.5rem; } *[class*="--media-md-w-xxl"] { width: 5rem; } *[class*="--media-md-w-xxxl"] { width: 8rem; } *[class*="--media-md-w-xxxxl"] { width: 12rem; } *[class*="--media-md-w-xxxxxl"] { width: 15rem; } *[class*="--media-md-w-xxxxxxl"] { width: 18rem; } *[class*="--media-md-w-full"] { width: 100%; } *[class*="--media-md-w-three-quarters"] { width: 75%; } *[class*="--media-md-w-half"] { width: 50%; } *[class*="--media-md-w-quarter"] { width: 25%; } *[class*="--media-md-w-max-content"] { width: max-content; } *[class*="--media-md-h-2.5"] { height: 2.5px; } *[class*="--media-md-h-5"] { height: 5px; } *[class*="--media-md-h-7.5"] { height: 7.5px; } *[class*="--media-md-h-10"] { height: 10px; } *[class*="--media-md-h-12.5"] { height: 12.5px; } *[class*="--media-md-h-15"] { height: 15px; } *[class*="--media-md-h-17.5"] { height: 17.5px; } *[class*="--media-md-h-20"] { height: 20px; } *[class*="--media-md-h-25"] { height: 25px; } *[class*="--media-md-h-30"] { height: 30px; } *[class*="--media-md-h-35"] { height: 35px; } *[class*="--media-md-h-40"] { height: 40px; } *[class*="--media-md-h-45"] { height: 45px; } *[class*="--media-md-h-50"] { height: 50px; } *[class*="--media-md-h-55"] { height: 55px; } *[class*="--media-md-h-60"] { height: 60px; } *[class*="--media-md-h-65"] { height: 65px; } *[class*="--media-md-h-70"] { height: 70px; } *[class*="--media-md-h-75"] { height: 75px; } *[class*="--media-md-h-80"] { height: 80px; } *[class*="--media-md-h-85"] { height: 85px; } *[class*="--media-md-h-90"] { height: 90px; } *[class*="--media-md-h-95"] { height: 95px; } *[class*="--media-md-h-100"] { height: 100px; } *[class*="--media-md-h-105"] { height: 105px; } *[class*="--media-md-h-110"] { height: 110px; } *[class*="--media-md-h-115"] { height: 115px; } *[class*="--media-md-h-120"] { height: 120px; } *[class*="--media-md-h-125"] { height: 125px; } *[class*="--media-md-h-150"] { height: 150px; } *[class*="--media-md-h-200"] { height: 200px; } *[class*="--media-md-h-250"] { height: 250px; } *[class*="--media-md-h-300"] { height: 300px; } *[class*="--media-md-h-350"] { height: 350px; } *[class*="--media-md-h-400"] { height: 400px; } *[class*="--media-md-h-450"] { height: 450px; } *[class*="--media-md-h-500"] { height: 500px; } *[class*="--media-md-h-550"] { height: 550px; } *[class*="--media-md-h-600"] { height: 600px; } *[class*="--media-md-h-650"] { height: 650px; } *[class*="--media-md-h-reset"] { height: 0; } *[class*="--media-md-h-auto"] { height: auto; } *[class*="--media-md-h-inherit"] { height: inherit; } *[class*="--media-md-h-xxxs"] { height: 0.125rem; } *[class*="--media-md-h-xxs"] { height: 0.25rem; } *[class*="--media-md-h-xs"] { height: 0.5rem; } *[class*="--media-md-h-sm"] { height: 0.75rem; } *[class*="--media-md-h-md"] { height: 1rem; } *[class*="--media-md-h-lg"] { height: 1.5rem; } *[class*="--media-md-h-xl"] { height: 2.5rem; } *[class*="--media-md-h-xxl"] { height: 5rem; } *[class*="--media-md-h-xxxl"] { height: 8rem; } *[class*="--media-md-h-xxxxl"] { height: 12rem; } *[class*="--media-md-h-xxxxxl"] { height: 15rem; } *[class*="--media-md-h-xxxxxxl"] { height: 18rem; } *[class*="--media-md-h-full"] { height: 100%; } *[class*="--media-md-h-three-quarters"] { height: 75%; } *[class*="--media-md-h-half"] { height: 50%; } *[class*="--media-md-h-quarter"] { height: 25%; } *[class*="--media-md-h-max-content"] { height: max-content; } *[class*="--media-md-position-static"] { position: static; } *[class*="--media-md-position-relative"] { position: relative; } *[class*="--media-md-position-absolute"] { position: absolute; } *[class*="--media-md-position-fixed"] { position: fixed; } *[class*="--media-md-position-sticky"] { position: sticky; } *[class*="--media-md-position-t-quarter"] { top: 25%; } *[class*="--media-md-position-t-half"] { top: 50%; } *[class*="--media-md-position-t-full"] { top: 100%; } *[class*="--media-md-position-t-header"] { top: 100px; } *[class*="--media-md-position-t-header-indent"] { top: calc(100px + 2rem); } *[class*="--media-md-position-t-reset"] { top: 0; } *[class*="--media-md-position-t-reset-opposite"] { top: -0; } *[class*="--media-md-position-t-auto"] { top: auto; } *[class*="--media-md-position-t-auto-opposite"] { top: -auto; } *[class*="--media-md-position-t-inherit"] { top: inherit; } *[class*="--media-md-position-t-inherit-opposite"] { top: -inherit; } *[class*="--media-md-position-t-xxxs"] { top: 0.125rem; } *[class*="--media-md-position-t-xxxs-opposite"] { top: -0.125rem; } *[class*="--media-md-position-t-xxs"] { top: 0.25rem; } *[class*="--media-md-position-t-xxs-opposite"] { top: -0.25rem; } *[class*="--media-md-position-t-xs"] { top: 0.5rem; } *[class*="--media-md-position-t-xs-opposite"] { top: -0.5rem; } *[class*="--media-md-position-t-sm"] { top: 0.75rem; } *[class*="--media-md-position-t-sm-opposite"] { top: -0.75rem; } *[class*="--media-md-position-t-md"] { top: 1rem; } *[class*="--media-md-position-t-md-opposite"] { top: -1rem; } *[class*="--media-md-position-t-lg"] { top: 1.5rem; } *[class*="--media-md-position-t-lg-opposite"] { top: -1.5rem; } *[class*="--media-md-position-t-xl"] { top: 2.5rem; } *[class*="--media-md-position-t-xl-opposite"] { top: -2.5rem; } *[class*="--media-md-position-t-xxl"] { top: 5rem; } *[class*="--media-md-position-t-xxl-opposite"] { top: -5rem; } *[class*="--media-md-position-t-xxxl"] { top: 8rem; } *[class*="--media-md-position-t-xxxl-opposite"] { top: -8rem; } *[class*="--media-md-position-t-xxxxl"] { top: 12rem; } *[class*="--media-md-position-t-xxxxl-opposite"] { top: -12rem; } *[class*="--media-md-position-t-xxxxxl"] { top: 15rem; } *[class*="--media-md-position-t-xxxxxl-opposite"] { top: -15rem; } *[class*="--media-md-position-t-xxxxxxl"] { top: 18rem; } *[class*="--media-md-position-t-xxxxxxl-opposite"] { top: -18rem; } *[class*="--media-md-position-b-quarter"] { bottom: 25%; } *[class*="--media-md-position-b-half"] { bottom: 50%; } *[class*="--media-md-position-b-full"] { bottom: 100%; } *[class*="--media-md-position-b-header"] { bottom: 100px; } *[class*="--media-md-position-b-header-indent"] { bottom: calc(100px + 2rem); } *[class*="--media-md-position-b-reset"] { bottom: 0; } *[class*="--media-md-position-b-reset-opposite"] { bottom: -0; } *[class*="--media-md-position-b-auto"] { bottom: auto; } *[class*="--media-md-position-b-auto-opposite"] { bottom: -auto; } *[class*="--media-md-position-b-inherit"] { bottom: inherit; } *[class*="--media-md-position-b-inherit-opposite"] { bottom: -inherit; } *[class*="--media-md-position-b-xxxs"] { bottom: 0.125rem; } *[class*="--media-md-position-b-xxxs-opposite"] { bottom: -0.125rem; } *[class*="--media-md-position-b-xxs"] { bottom: 0.25rem; } *[class*="--media-md-position-b-xxs-opposite"] { bottom: -0.25rem; } *[class*="--media-md-position-b-xs"] { bottom: 0.5rem; } *[class*="--media-md-position-b-xs-opposite"] { bottom: -0.5rem; } *[class*="--media-md-position-b-sm"] { bottom: 0.75rem; } *[class*="--media-md-position-b-sm-opposite"] { bottom: -0.75rem; } *[class*="--media-md-position-b-md"] { bottom: 1rem; } *[class*="--media-md-position-b-md-opposite"] { bottom: -1rem; } *[class*="--media-md-position-b-lg"] { bottom: 1.5rem; } *[class*="--media-md-position-b-lg-opposite"] { bottom: -1.5rem; } *[class*="--media-md-position-b-xl"] { bottom: 2.5rem; } *[class*="--media-md-position-b-xl-opposite"] { bottom: -2.5rem; } *[class*="--media-md-position-b-xxl"] { bottom: 5rem; } *[class*="--media-md-position-b-xxl-opposite"] { bottom: -5rem; } *[class*="--media-md-position-b-xxxl"] { bottom: 8rem; } *[class*="--media-md-position-b-xxxl-opposite"] { bottom: -8rem; } *[class*="--media-md-position-b-xxxxl"] { bottom: 12rem; } *[class*="--media-md-position-b-xxxxl-opposite"] { bottom: -12rem; } *[class*="--media-md-position-b-xxxxxl"] { bottom: 15rem; } *[class*="--media-md-position-b-xxxxxl-opposite"] { bottom: -15rem; } *[class*="--media-md-position-b-xxxxxxl"] { bottom: 18rem; } *[class*="--media-md-position-b-xxxxxxl-opposite"] { bottom: -18rem; } *[class*="--media-md-position-s-quarter"] { right: 25%; } *[class*="--media-md-position-s-half"] { right: 50%; } *[class*="--media-md-position-s-full"] { right: 100%; } *[class*="--media-md-position-s-header"] { right: 100px; } *[class*="--media-md-position-s-header-indent"] { right: calc(100px + 2rem); } *[class*="--media-md-position-s-reset"] { right: 0; } *[class*="--media-md-position-s-reset-opposite"] { right: -0; } *[class*="--media-md-position-s-auto"] { right: auto; } *[class*="--media-md-position-s-auto-opposite"] { right: -auto; } *[class*="--media-md-position-s-inherit"] { right: inherit; } *[class*="--media-md-position-s-inherit-opposite"] { right: -inherit; } *[class*="--media-md-position-s-xxxs"] { right: 0.125rem; } *[class*="--media-md-position-s-xxxs-opposite"] { right: -0.125rem; } *[class*="--media-md-position-s-xxs"] { right: 0.25rem; } *[class*="--media-md-position-s-xxs-opposite"] { right: -0.25rem; } *[class*="--media-md-position-s-xs"] { right: 0.5rem; } *[class*="--media-md-position-s-xs-opposite"] { right: -0.5rem; } *[class*="--media-md-position-s-sm"] { right: 0.75rem; } *[class*="--media-md-position-s-sm-opposite"] { right: -0.75rem; } *[class*="--media-md-position-s-md"] { right: 1rem; } *[class*="--media-md-position-s-md-opposite"] { right: -1rem; } *[class*="--media-md-position-s-lg"] { right: 1.5rem; } *[class*="--media-md-position-s-lg-opposite"] { right: -1.5rem; } *[class*="--media-md-position-s-xl"] { right: 2.5rem; } *[class*="--media-md-position-s-xl-opposite"] { right: -2.5rem; } *[class*="--media-md-position-s-xxl"] { right: 5rem; } *[class*="--media-md-position-s-xxl-opposite"] { right: -5rem; } *[class*="--media-md-position-s-xxxl"] { right: 8rem; } *[class*="--media-md-position-s-xxxl-opposite"] { right: -8rem; } *[class*="--media-md-position-s-xxxxl"] { right: 12rem; } *[class*="--media-md-position-s-xxxxl-opposite"] { right: -12rem; } *[class*="--media-md-position-s-xxxxxl"] { right: 15rem; } *[class*="--media-md-position-s-xxxxxl-opposite"] { right: -15rem; } *[class*="--media-md-position-s-xxxxxxl"] { right: 18rem; } *[class*="--media-md-position-s-xxxxxxl-opposite"] { right: -18rem; } *[class*="--media-md-position-e-quarter"] { left: 25%; } *[class*="--media-md-position-e-half"] { left: 50%; } *[class*="--media-md-position-e-full"] { left: 100%; } *[class*="--media-md-position-e-header"] { left: 100px; } *[class*="--media-md-position-e-header-indent"] { left: calc(100px + 2rem); } *[class*="--media-md-position-e-reset"] { left: 0; } *[class*="--media-md-position-e-reset-opposite"] { left: -0; } *[class*="--media-md-position-e-auto"] { left: auto; } *[class*="--media-md-position-e-auto-opposite"] { left: -auto; } *[class*="--media-md-position-e-inherit"] { left: inherit; } *[class*="--media-md-position-e-inherit-opposite"] { left: -inherit; } *[class*="--media-md-position-e-xxxs"] { left: 0.125rem; } *[class*="--media-md-position-e-xxxs-opposite"] { left: -0.125rem; } *[class*="--media-md-position-e-xxs"] { left: 0.25rem; } *[class*="--media-md-position-e-xxs-opposite"] { left: -0.25rem; } *[class*="--media-md-position-e-xs"] { left: 0.5rem; } *[class*="--media-md-position-e-xs-opposite"] { left: -0.5rem; } *[class*="--media-md-position-e-sm"] { left: 0.75rem; } *[class*="--media-md-position-e-sm-opposite"] { left: -0.75rem; } *[class*="--media-md-position-e-md"] { left: 1rem; } *[class*="--media-md-position-e-md-opposite"] { left: -1rem; } *[class*="--media-md-position-e-lg"] { left: 1.5rem; } *[class*="--media-md-position-e-lg-opposite"] { left: -1.5rem; } *[class*="--media-md-position-e-xl"] { left: 2.5rem; } *[class*="--media-md-position-e-xl-opposite"] { left: -2.5rem; } *[class*="--media-md-position-e-xxl"] { left: 5rem; } *[class*="--media-md-position-e-xxl-opposite"] { left: -5rem; } *[class*="--media-md-position-e-xxxl"] { left: 8rem; } *[class*="--media-md-position-e-xxxl-opposite"] { left: -8rem; } *[class*="--media-md-position-e-xxxxl"] { left: 12rem; } *[class*="--media-md-position-e-xxxxl-opposite"] { left: -12rem; } *[class*="--media-md-position-e-xxxxxl"] { left: 15rem; } *[class*="--media-md-position-e-xxxxxl-opposite"] { left: -15rem; } *[class*="--media-md-position-e-xxxxxxl"] { left: 18rem; } *[class*="--media-md-position-e-xxxxxxl-opposite"] { left: -18rem; } *[class*="--media-md-transform-translateX-full"] { --transform-translateX: 100%; } *[class*="--media-md-transform-translateX-full-opposite"] { --transform-translateX: -100%; } *[class*="--media-md-transform-translateX-half"] { --transform-translateX: 50%; } *[class*="--media-md-transform-translateX-half-opposite"] { --transform-translateX: -50%; } *[class*="--media-md-transform-translateX-reset"] { --transform-translateX: 0; } *[class*="--media-md-transform-translateY-full"] { --transform-translateY: 100%; } *[class*="--media-md-transform-translateY-full-opposite"] { --transform-translateY: -100%; } *[class*="--media-md-transform-translateY-half"] { --transform-translateY: 50%; } *[class*="--media-md-transform-translateY-half-opposite"] { --transform-translateY: -50%; } *[class*="--media-md-transform-translateY-reset"] { --transform-translateY: 0; } *[class*="--media-md-transform-scaleX-25"] { --transform-scaleX: 2; } *[class*="--media-md-transform-scaleY-25"] { --transform-scaleY: 2; } *[class*="--media-md-aspect-ratio-reset"] { --aspect-ratio: 0; } *[class*="--media-md-aspect-ratio-1-1"] { --aspect-ratio: 1; } *[class*="--media-md-aspect-ratio-1-1.15"] { --aspect-ratio: 1.15; } *[class*="--media-md-aspect-ratio-1-1.33"] { --aspect-ratio: 1.33; } *[class*="--media-md-aspect-ratio-1-1.5"] { --aspect-ratio: 1.5; } *[class*="--media-md-aspect-ratio-1-3"] { --aspect-ratio: 3; } *[class*="--media-md-aspect-ratio-4-3"] { --aspect-ratio: 0.75; } *[class*="--media-md-aspect-ratio-3-2"] { --aspect-ratio: 0.67; } *[class*="--media-md-aspect-ratio-16-9"] { --aspect-ratio: 0.5625; } *[class*="--media-md-aspect-ratio-24-10"] { --aspect-ratio: 0.4167; } } @media (min-width: 992px) { *[class*="--media-lg-m-reset"] { margin: var(--spaces-reset, 0); } *[class*="--media-lg-m-auto"] { margin: var(--spaces-auto, auto); } *[class*="--media-lg-m-inherit"] { margin: var(--spaces-inherit, inherit); } *[class*="--media-lg-m-xxxs"] { margin: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-m-xxs"] { margin: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-m-xs"] { margin: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-m-sm"] { margin: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-m-md"] { margin: var(--spaces-md, 1rem); } *[class*="--media-lg-m-lg"] { margin: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-m-xl"] { margin: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-m-xxl"] { margin: var(--spaces-xxl, 5rem); } *[class*="--media-lg-m-xxxl"] { margin: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-m-xxxxl"] { margin: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-mx-reset"] { margin-right: var(--spaces-reset, 0); margin-left: var(--spaces-reset, 0); } *[class*="--media-lg-mx-auto"] { margin-right: var(--spaces-auto, auto); margin-left: var(--spaces-auto, auto); } *[class*="--media-lg-mx-inherit"] { margin-right: var(--spaces-inherit, inherit); margin-left: var(--spaces-inherit, inherit); } *[class*="--media-lg-mx-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-mx-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-mx-xs"] { margin-right: var(--spaces-xs, 0.5rem); margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-mx-sm"] { margin-right: var(--spaces-sm, 0.75rem); margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-mx-md"] { margin-right: var(--spaces-md, 1rem); margin-left: var(--spaces-md, 1rem); } *[class*="--media-lg-mx-lg"] { margin-right: var(--spaces-lg, 1.5rem); margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-mx-xl"] { margin-right: var(--spaces-xl, 2.5rem); margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-mx-xxl"] { margin-right: var(--spaces-xxl, 5rem); margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-lg-mx-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-my-reset"] { margin-top: var(--spaces-reset, 0); margin-bottom: var(--spaces-reset, 0); } *[class*="--media-lg-my-auto"] { margin-top: var(--spaces-auto, auto); margin-bottom: var(--spaces-auto, auto); } *[class*="--media-lg-my-inherit"] { margin-top: var(--spaces-inherit, inherit); margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-lg-my-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-my-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-my-xs"] { margin-top: var(--spaces-xs, 0.5rem); margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-my-sm"] { margin-top: var(--spaces-sm, 0.75rem); margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-my-md"] { margin-top: var(--spaces-md, 1rem); margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-lg-my-lg"] { margin-top: var(--spaces-lg, 1.5rem); margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-my-xl"] { margin-top: var(--spaces-xl, 2.5rem); margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-my-xxl"] { margin-top: var(--spaces-xxl, 5rem); margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-lg-my-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-mt-reset"] { margin-top: var(--spaces-reset, 0); } *[class*="--media-lg-mt-auto"] { margin-top: var(--spaces-auto, auto); } *[class*="--media-lg-mt-inherit"] { margin-top: var(--spaces-inherit, inherit); } *[class*="--media-lg-mt-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-mt-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-mt-xs"] { margin-top: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-mt-sm"] { margin-top: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-mt-md"] { margin-top: var(--spaces-md, 1rem); } *[class*="--media-lg-mt-lg"] { margin-top: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-mt-xl"] { margin-top: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-mt-xxl"] { margin-top: var(--spaces-xxl, 5rem); } *[class*="--media-lg-mt-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-mb-reset"] { margin-bottom: var(--spaces-reset, 0); } *[class*="--media-lg-mb-auto"] { margin-bottom: var(--spaces-auto, auto); } *[class*="--media-lg-mb-inherit"] { margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-lg-mb-xxxs"] { margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-mb-xxs"] { margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-mb-xs"] { margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-mb-sm"] { margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-mb-md"] { margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-lg-mb-lg"] { margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-mb-xl"] { margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-mb-xxl"] { margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-lg-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-ms-reset"] { margin-right: var(--spaces-reset, 0); } *[class*="--media-lg-ms-auto"] { margin-right: var(--spaces-auto, auto); } *[class*="--media-lg-ms-inherit"] { margin-right: var(--spaces-inherit, inherit); } *[class*="--media-lg-ms-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-ms-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-ms-xs"] { margin-right: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-ms-sm"] { margin-right: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-ms-md"] { margin-right: var(--spaces-md, 1rem); } *[class*="--media-lg-ms-lg"] { margin-right: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-ms-xl"] { margin-right: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-ms-xxl"] { margin-right: var(--spaces-xxl, 5rem); } *[class*="--media-lg-ms-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-me-reset"] { margin-left: var(--spaces-reset, 0); } *[class*="--media-lg-me-auto"] { margin-left: var(--spaces-auto, auto); } *[class*="--media-lg-me-inherit"] { margin-left: var(--spaces-inherit, inherit); } *[class*="--media-lg-me-xxxs"] { margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-me-xxs"] { margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-me-xs"] { margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-me-sm"] { margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-me-md"] { margin-left: var(--spaces-md, 1rem); } *[class*="--media-lg-me-lg"] { margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-me-xl"] { margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-me-xxl"] { margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-lg-me-xxxl"] { margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-p-reset"] { padding: var(--spaces-reset, 0); } *[class*="--media-lg-p-auto"] { padding: var(--spaces-auto, auto); } *[class*="--media-lg-p-inherit"] { padding: var(--spaces-inherit, inherit); } *[class*="--media-lg-p-xxxs"] { padding: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-p-xxs"] { padding: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-p-xs"] { padding: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-p-sm"] { padding: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-p-md"] { padding: var(--spaces-md, 1rem); } *[class*="--media-lg-p-lg"] { padding: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-p-xl"] { padding: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-p-xxl"] { padding: var(--spaces-xxl, 5rem); } *[class*="--media-lg-p-xxxl"] { padding: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-p-xxxxl"] { padding: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-px-reset"] { padding-right: var(--spaces-reset, 0); padding-left: var(--spaces-reset, 0); } *[class*="--media-lg-px-auto"] { padding-right: var(--spaces-auto, auto); padding-left: var(--spaces-auto, auto); } *[class*="--media-lg-px-inherit"] { padding-right: var(--spaces-inherit, inherit); padding-left: var(--spaces-inherit, inherit); } *[class*="--media-lg-px-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-px-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-px-xs"] { padding-right: var(--spaces-xs, 0.5rem); padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-px-sm"] { padding-right: var(--spaces-sm, 0.75rem); padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-px-md"] { padding-right: var(--spaces-md, 1rem); padding-left: var(--spaces-md, 1rem); } *[class*="--media-lg-px-lg"] { padding-right: var(--spaces-lg, 1.5rem); padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-px-xl"] { padding-right: var(--spaces-xl, 2.5rem); padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-px-xxl"] { padding-right: var(--spaces-xxl, 5rem); padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-lg-px-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-py-reset"] { padding-top: var(--spaces-reset, 0); padding-bottom: var(--spaces-reset, 0); } *[class*="--media-lg-py-auto"] { padding-top: var(--spaces-auto, auto); padding-bottom: var(--spaces-auto, auto); } *[class*="--media-lg-py-inherit"] { padding-top: var(--spaces-inherit, inherit); padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-lg-py-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-py-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-py-xs"] { padding-top: var(--spaces-xs, 0.5rem); padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-py-sm"] { padding-top: var(--spaces-sm, 0.75rem); padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-py-md"] { padding-top: var(--spaces-md, 1rem); padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-lg-py-lg"] { padding-top: var(--spaces-lg, 1.5rem); padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-py-xl"] { padding-top: var(--spaces-xl, 2.5rem); padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-py-xxl"] { padding-top: var(--spaces-xxl, 5rem); padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-lg-py-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-pt-reset"] { padding-top: var(--spaces-reset, 0); } *[class*="--media-lg-pt-auto"] { padding-top: var(--spaces-auto, auto); } *[class*="--media-lg-pt-inherit"] { padding-top: var(--spaces-inherit, inherit); } *[class*="--media-lg-pt-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-pt-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-pt-xs"] { padding-top: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-pt-sm"] { padding-top: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-pt-md"] { padding-top: var(--spaces-md, 1rem); } *[class*="--media-lg-pt-lg"] { padding-top: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-pt-xl"] { padding-top: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-pt-xxl"] { padding-top: var(--spaces-xxl, 5rem); } *[class*="--media-lg-pt-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-pb-reset"] { padding-bottom: var(--spaces-reset, 0); } *[class*="--media-lg-pb-auto"] { padding-bottom: var(--spaces-auto, auto); } *[class*="--media-lg-pb-inherit"] { padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-lg-pb-xxxs"] { padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-pb-xxs"] { padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-pb-xs"] { padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-pb-sm"] { padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-pb-md"] { padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-lg-pb-lg"] { padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-pb-xl"] { padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-pb-xxl"] { padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-lg-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-ps-reset"] { padding-right: var(--spaces-reset, 0); } *[class*="--media-lg-ps-auto"] { padding-right: var(--spaces-auto, auto); } *[class*="--media-lg-ps-inherit"] { padding-right: var(--spaces-inherit, inherit); } *[class*="--media-lg-ps-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-ps-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-ps-xs"] { padding-right: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-ps-sm"] { padding-right: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-ps-md"] { padding-right: var(--spaces-md, 1rem); } *[class*="--media-lg-ps-lg"] { padding-right: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-ps-xl"] { padding-right: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-ps-xxl"] { padding-right: var(--spaces-xxl, 5rem); } *[class*="--media-lg-ps-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-pe-reset"] { padding-left: var(--spaces-reset, 0); } *[class*="--media-lg-pe-auto"] { padding-left: var(--spaces-auto, auto); } *[class*="--media-lg-pe-inherit"] { padding-left: var(--spaces-inherit, inherit); } *[class*="--media-lg-pe-xxxs"] { padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-lg-pe-xxs"] { padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-lg-pe-xs"] { padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-lg-pe-sm"] { padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-lg-pe-md"] { padding-left: var(--spaces-md, 1rem); } *[class*="--media-lg-pe-lg"] { padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-lg-pe-xl"] { padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-lg-pe-xxl"] { padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-lg-pe-xxxl"] { padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-lg-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-lg-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-lg-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-lg-flex-1"] { flex: 1 1 0%; } *[class*="--media-lg-flex-auto"] { flex: 1 1 auto; } *[class*="--media-lg-flex-initial"] { flex: 0 1 auto; } *[class*="--media-lg-flex-none"] { flex: none; } *[class*="--media-lg-flex-direction-row"] { flex-direction: row; } *[class*="--media-lg-flex-direction-row-reverse"] { flex-direction: row-reverse; } *[class*="--media-lg-flex-direction-column"] { flex-direction: column; } *[class*="--media-lg-flex-direction-column-reverse"] { flex-direction: column-reverse; } *[class*="--media-lg-flex-wrap-wrap"] { flex-wrap: wrap; } *[class*="--media-lg-flex-wrap-nowrap"] { flex-wrap: nowrap; } *[class*="--media-lg-order-first"] { order: -1; } *[class*="--media-lg-order-0"] { order: 0; } *[class*="--media-lg-order-1"] { order: 1; } *[class*="--media-lg-order-2"] { order: 2; } *[class*="--media-lg-order-3"] { order: 3; } *[class*="--media-lg-order-4"] { order: 4; } *[class*="--media-lg-order-5"] { order: 5; } *[class*="--media-lg-order-6"] { order: 6; } *[class*="--media-lg-order-7"] { order: 7; } *[class*="--media-lg-order-8"] { order: 8; } *[class*="--media-lg-order-9"] { order: 9; } *[class*="--media-lg-order-last"] { order: 10; } *[class*="--media-lg-flex-basis-auto"] { flex-basis: auto; } *[class*="--media-lg-flex-basis-0"] { flex-basis: 0; } *[class*="--media-lg-flex-basis-1"] { flex-basis: 1; } *[class*="--media-lg-flex-grow-auto"] { flex-grow: auto; } *[class*="--media-lg-flex-grow-0"] { flex-grow: 0; } *[class*="--media-lg-flex-grow-1"] { flex-grow: 1; } *[class*="--media-lg-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)); } *[class*="--media-lg-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } *[class*="--media-lg-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } *[class*="--media-lg-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } *[class*="--media-lg-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); } *[class*="--media-lg-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); } *[class*="--media-lg-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)); } *[class*="--media-lg-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)); } *[class*="--media-lg-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)); } *[class*="--media-lg-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)); } *[class*="--media-lg-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)); } *[class*="--media-lg-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)); } *[class*="--media-lg-col-span-full"] { grid-column: -1; } *[class*="--media-lg-col-span-1"] { grid-column: span 1/span 1; } *[class*="--media-lg-col-span-2"] { grid-column: span 2/span 2; } *[class*="--media-lg-col-span-3"] { grid-column: span 3/span 3; } *[class*="--media-lg-col-span-4"] { grid-column: span 4/span 4; } *[class*="--media-lg-col-span-5"] { grid-column: span 5/span 5; } *[class*="--media-lg-col-span-6"] { grid-column: span 6/span 6; } *[class*="--media-lg-col-span-7"] { grid-column: span 7/span 7; } *[class*="--media-lg-col-span-8"] { grid-column: span 8/span 8; } *[class*="--media-lg-col-span-9"] { grid-column: span 9/span 9; } *[class*="--media-lg-col-span-10"] { grid-column: span 10/span 10; } *[class*="--media-lg-col-span-11"] { grid-column: span 11/span 11; } *[class*="--media-lg-col-span-12"] { grid-column: span 12/span 12; } *[class*="--media-lg-col-start-auto"] { grid-column-start: auto; } *[class*="--media-lg-col-start-1"] { grid-column-start: 1; } *[class*="--media-lg-col-start-2"] { grid-column-start: 2; } *[class*="--media-lg-col-start-3"] { grid-column-start: 3; } *[class*="--media-lg-col-start-4"] { grid-column-start: 4; } *[class*="--media-lg-col-start-5"] { grid-column-start: 5; } *[class*="--media-lg-col-start-6"] { grid-column-start: 6; } *[class*="--media-lg-col-start-7"] { grid-column-start: 7; } *[class*="--media-lg-col-start-8"] { grid-column-start: 8; } *[class*="--media-lg-col-start-9"] { grid-column-start: 9; } *[class*="--media-lg-col-start-10"] { grid-column-start: 10; } *[class*="--media-lg-col-start-11"] { grid-column-start: 11; } *[class*="--media-lg-col-start-12"] { grid-column-start: 12; } *[class*="--media-lg-col-end-auto"] { grid-column-end: auto; } *[class*="--media-lg-col-end-1"] { grid-column-end: 1; } *[class*="--media-lg-col-end-2"] { grid-column-end: 2; } *[class*="--media-lg-col-end-3"] { grid-column-end: 3; } *[class*="--media-lg-col-end-4"] { grid-column-end: 4; } *[class*="--media-lg-col-end-5"] { grid-column-end: 5; } *[class*="--media-lg-col-end-6"] { grid-column-end: 6; } *[class*="--media-lg-col-end-7"] { grid-column-end: 7; } *[class*="--media-lg-col-end-8"] { grid-column-end: 8; } *[class*="--media-lg-col-end-9"] { grid-column-end: 9; } *[class*="--media-lg-col-end-10"] { grid-column-end: 10; } *[class*="--media-lg-col-end-11"] { grid-column-end: 11; } *[class*="--media-lg-col-end-12"] { grid-column-end: 12; } *[class*="--media-lg-gap-reset"] { gap: 0; } *[class*="--media-lg-gap-auto"] { gap: auto; } *[class*="--media-lg-gap-inherit"] { gap: inherit; } *[class*="--media-lg-gap-xxxs"] { gap: 0.125rem; } *[class*="--media-lg-gap-xxs"] { gap: 0.25rem; } *[class*="--media-lg-gap-xs"] { gap: 0.5rem; } *[class*="--media-lg-gap-sm"] { gap: 0.75rem; } *[class*="--media-lg-gap-md"] { gap: 1rem; } *[class*="--media-lg-gap-lg"] { gap: 1.5rem; } *[class*="--media-lg-gap-xl"] { gap: 2.5rem; } *[class*="--media-lg-gap-xxl"] { gap: 5rem; } *[class*="--media-lg-gap-xxxl"] { gap: 8rem; } *[class*="--media-lg-gap-xxxxl"] { gap: 12rem; } *[class*="--media-lg-gap-xxxxxl"] { gap: 15rem; } *[class*="--media-lg-gap-xxxxxxl"] { gap: 18rem; } *[class*="--media-lg-gap-x-reset"] { column-gap: 0; } *[class*="--media-lg-gap-x-auto"] { column-gap: auto; } *[class*="--media-lg-gap-x-inherit"] { column-gap: inherit; } *[class*="--media-lg-gap-x-xxxs"] { column-gap: 0.125rem; } *[class*="--media-lg-gap-x-xxs"] { column-gap: 0.25rem; } *[class*="--media-lg-gap-x-xs"] { column-gap: 0.5rem; } *[class*="--media-lg-gap-x-sm"] { column-gap: 0.75rem; } *[class*="--media-lg-gap-x-md"] { column-gap: 1rem; } *[class*="--media-lg-gap-x-lg"] { column-gap: 1.5rem; } *[class*="--media-lg-gap-x-xl"] { column-gap: 2.5rem; } *[class*="--media-lg-gap-x-xxl"] { column-gap: 5rem; } *[class*="--media-lg-gap-x-xxxl"] { column-gap: 8rem; } *[class*="--media-lg-gap-x-xxxxl"] { column-gap: 12rem; } *[class*="--media-lg-gap-x-xxxxxl"] { column-gap: 15rem; } *[class*="--media-lg-gap-x-xxxxxxl"] { column-gap: 18rem; } *[class*="--media-lg-gap-y-reset"] { row-gap: 0; } *[class*="--media-lg-gap-y-auto"] { row-gap: auto; } *[class*="--media-lg-gap-y-inherit"] { row-gap: inherit; } *[class*="--media-lg-gap-y-xxxs"] { row-gap: 0.125rem; } *[class*="--media-lg-gap-y-xxs"] { row-gap: 0.25rem; } *[class*="--media-lg-gap-y-xs"] { row-gap: 0.5rem; } *[class*="--media-lg-gap-y-sm"] { row-gap: 0.75rem; } *[class*="--media-lg-gap-y-md"] { row-gap: 1rem; } *[class*="--media-lg-gap-y-lg"] { row-gap: 1.5rem; } *[class*="--media-lg-gap-y-xl"] { row-gap: 2.5rem; } *[class*="--media-lg-gap-y-xxl"] { row-gap: 5rem; } *[class*="--media-lg-gap-y-xxxl"] { row-gap: 8rem; } *[class*="--media-lg-gap-y-xxxxl"] { row-gap: 12rem; } *[class*="--media-lg-gap-y-xxxxxl"] { row-gap: 15rem; } *[class*="--media-lg-gap-y-xxxxxxl"] { row-gap: 18rem; } *[class*="--media-lg-justify-content-start"] { justify-content: flex-start; } *[class*="--media-lg-justify-content-end"] { justify-content: flex-end; } *[class*="--media-lg-justify-content-center"] { justify-content: center; } *[class*="--media-lg-justify-content-between"] { justify-content: space-between; } *[class*="--media-lg-justify-content-around"] { justify-content: space-around; } *[class*="--media-lg-justify-content-evenly"] { justify-content: space-evenly; } *[class*="--media-lg-align-items-start"] { align-items: flex-start; } *[class*="--media-lg-align-items-end"] { align-items: flex-end; } *[class*="--media-lg-align-items-center"] { align-items: center; } *[class*="--media-lg-align-items-baseline"] { align-items: baseline; } *[class*="--media-lg-align-items-stretch"] { align-items: stretch; } *[class*="--media-lg-align-content-start"] { align-content: flex-start; } *[class*="--media-lg-align-content-end"] { align-content: flex-end; } *[class*="--media-lg-align-content-center"] { align-content: center; } *[class*="--media-lg-align-content-between"] { align-content: space-between; } *[class*="--media-lg-align-content-around"] { align-content: space-around; } *[class*="--media-lg-align-content-stretch"] { align-content: stretch; } *[class*="--media-lg-justify-self-auto"] { justify-self: auto; } *[class*="--media-lg-justify-self-start"] { justify-self: flex-start; } *[class*="--media-lg-justify-self-end"] { justify-self: flex-end; } *[class*="--media-lg-justify-self-center"] { justify-self: center; } *[class*="--media-lg-justify-self-baseline"] { justify-self: baseline; } *[class*="--media-lg-justify-self-stretch"] { justify-self: stretch; } *[class*="--media-lg-align-self-auto"] { align-self: auto; } *[class*="--media-lg-align-self-start"] { align-self: flex-start; } *[class*="--media-lg-align-self-end"] { align-self: flex-end; } *[class*="--media-lg-align-self-center"] { align-self: center; } *[class*="--media-lg-align-self-baseline"] { align-self: baseline; } *[class*="--media-lg-align-self-stretch"] { align-self: stretch; } *[class*="--media-lg-b-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-b-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-lg-b-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-lg-b-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-lg-b-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-lg-b-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-lg-b-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-lg-b-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-b-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-b-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-b-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-lg-b-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-b-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-b-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-lg-b-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-lg-b-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-lg-b-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-lg-b-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-lg-b-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-b-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-b-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-b-0"] { border: 0; } *[class*="--media-lg-b-bg-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-b-bg-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-lg-b-bg-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-lg-b-bg-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-lg-b-bg-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-lg-b-bg-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-lg-b-bg-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-lg-b-bg-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-b-bg-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-b-bg-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-b-bg-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-lg-b-bg-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-b-bg-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-b-bg-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-lg-b-bg-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-lg-b-bg-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-lg-b-bg-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-lg-b-bg-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-lg-b-bg-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-b-bg-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-b-bg-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-b-bg-0"] { border: 0; } *[class*="--media-lg-bt-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bt-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-lg-bt-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-lg-bt-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-lg-bt-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-lg-bt-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-lg-bt-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-lg-bt-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bt-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bt-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bt-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-lg-bt-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bt-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bt-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bt-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-lg-bt-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-lg-bt-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-lg-bt-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-lg-bt-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bt-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bt-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bt-0"] { border-top: 0; } *[class*="--media-lg-bt-bg-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bt-bg-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-lg-bt-bg-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-lg-bt-bg-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-lg-bt-bg-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-lg-bt-bg-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-lg-bt-bg-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-lg-bt-bg-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bt-bg-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bt-bg-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bt-bg-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-lg-bt-bg-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bt-bg-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bt-bg-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bt-bg-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-lg-bt-bg-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-lg-bt-bg-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-lg-bt-bg-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-lg-bt-bg-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bt-bg-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bt-bg-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bt-bg-0"] { border-top: 0; } *[class*="--media-lg-bb-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bb-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-lg-bb-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-lg-bb-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-lg-bb-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-lg-bb-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-lg-bb-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-lg-bb-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bb-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bb-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bb-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-lg-bb-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bb-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bb-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bb-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-lg-bb-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-lg-bb-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-lg-bb-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-lg-bb-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bb-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bb-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bb-0"] { border-bottom: 0; } *[class*="--media-lg-bb-bg-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bb-bg-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-lg-bb-bg-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-lg-bb-bg-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-lg-bb-bg-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-lg-bb-bg-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-lg-bb-bg-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-lg-bb-bg-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bb-bg-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bb-bg-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bb-bg-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-lg-bb-bg-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bb-bg-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bb-bg-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bb-bg-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-lg-bb-bg-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-lg-bb-bg-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-lg-bb-bg-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-lg-bb-bg-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bb-bg-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bb-bg-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bb-bg-0"] { border-bottom: 0; } *[class*="--media-lg-bs-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bs-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-lg-bs-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-lg-bs-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-lg-bs-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-lg-bs-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-lg-bs-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-lg-bs-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bs-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bs-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bs-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-lg-bs-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bs-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bs-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bs-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-lg-bs-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-lg-bs-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-lg-bs-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-lg-bs-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bs-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bs-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bs-0"] { border-right: 0; } *[class*="--media-lg-bs-bg-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bs-bg-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-lg-bs-bg-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-lg-bs-bg-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-lg-bs-bg-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-lg-bs-bg-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-lg-bs-bg-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-lg-bs-bg-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bs-bg-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-bs-bg-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bs-bg-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-lg-bs-bg-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-bs-bg-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bs-bg-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bs-bg-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-lg-bs-bg-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-lg-bs-bg-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-lg-bs-bg-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-lg-bs-bg-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bs-bg-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bs-bg-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bs-bg-0"] { border-right: 0; } *[class*="--media-lg-be-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-be-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-lg-be-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-lg-be-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-lg-be-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-lg-be-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-lg-be-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-lg-be-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-be-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-be-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-be-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-lg-be-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-be-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-be-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-lg-be-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-lg-be-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-lg-be-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-lg-be-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-lg-be-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-be-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-be-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-be-0"] { border-left: 0; } *[class*="--media-lg-be-bg-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-be-bg-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-lg-be-bg-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-lg-be-bg-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-lg-be-bg-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-lg-be-bg-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-lg-be-bg-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-lg-be-bg-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-be-bg-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-lg-be-bg-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-be-bg-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-lg-be-bg-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-lg-be-bg-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-be-bg-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-lg-be-bg-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-lg-be-bg-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-lg-be-bg-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-lg-be-bg-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-lg-be-bg-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-be-bg-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-be-bg-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-be-bg-0"] { border-left: 0; } *[class*="--media-lg-tsize-xxs"] { font-size: var(--font-sizes-xxs, 0.55rem); } *[class*="--media-lg-tsize-xs"] { font-size: var(--font-sizes-xs, 0.825rem); } *[class*="--media-lg-tsize-sm"] { font-size: var(--font-sizes-sm, 0.99rem); } *[class*="--media-lg-tsize-md"] { font-size: var(--font-sizes-md, 1.1rem); } *[class*="--media-lg-tsize-lg"] { font-size: var(--font-sizes-lg, 1.375rem); } *[class*="--media-lg-tsize-xl"] { font-size: var(--font-sizes-xl, 1.925rem); } *[class*="--media-lg-tsize-xxl"] { font-size: var(--font-sizes-xxl, 2.75rem); } *[class*="--media-lg-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.4rem); } *[class*="--media-lg-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 6.05rem); } *[class*="--media-lg-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 7.15rem); } *[class*="--media-lg-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 8.8rem); } *[class*="--media-lg-tweight-thin"] { font-weight: var(--font-weights-thin, 100); } *[class*="--media-lg-tweight-extra-light"] { font-weight: var(--font-weights-extra-light, 200); } *[class*="--media-lg-tweight-light"] { font-weight: var(--font-weights-light, 300); } *[class*="--media-lg-tweight-regular"] { font-weight: var(--font-weights-regular, 400); } *[class*="--media-lg-tweight-medium"] { font-weight: var(--font-weights-medium, 500); } *[class*="--media-lg-tweight-semi-bold"] { font-weight: var(--font-weights-semi-bold, 600); } *[class*="--media-lg-tweight-bold"] { font-weight: var(--font-weights-bold, 700); } *[class*="--media-lg-tweight-extra-bold"] { font-weight: var(--font-weights-extra-bold, 800); } *[class*="--media-lg-tweight-black"] { font-weight: var(--font-weights-black, 900); } *[class*="--media-lg-talign-c"] { text-align: center; } *[class*="--media-lg-talign-s"] { text-align: right; } *[class*="--media-lg-talign-e"] { text-align: left; } *[class*="--media-lg-ttruncate-2"] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-lg-ttruncate-3"] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-lg-ttruncate-4"] { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-lg-ttruncate-5"] { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-lg-d-inline"] { display: inline; } *[class*="--media-lg-d-inline-block"] { display: inline-block; } *[class*="--media-lg-d-block"] { display: block; } *[class*="--media-lg-d-grid"] { display: grid; } *[class*="--media-lg-d-table"] { display: table; } *[class*="--media-lg-d-table-row"] { display: table-row; } *[class*="--media-lg-d-table-cell"] { display: table-cell; } *[class*="--media-lg-d-flex"] { display: flex; } *[class*="--media-lg-d-inline-flex"] { display: inline-flex; } *[class*="--media-lg-d-none"] { display: none; } *[class*="--media-lg-maxw-2.5"] { max-width: 2.5px; } *[class*="--media-lg-maxw-5"] { max-width: 5px; } *[class*="--media-lg-maxw-7.5"] { max-width: 7.5px; } *[class*="--media-lg-maxw-10"] { max-width: 10px; } *[class*="--media-lg-maxw-12.5"] { max-width: 12.5px; } *[class*="--media-lg-maxw-15"] { max-width: 15px; } *[class*="--media-lg-maxw-17.5"] { max-width: 17.5px; } *[class*="--media-lg-maxw-20"] { max-width: 20px; } *[class*="--media-lg-maxw-25"] { max-width: 25px; } *[class*="--media-lg-maxw-30"] { max-width: 30px; } *[class*="--media-lg-maxw-35"] { max-width: 35px; } *[class*="--media-lg-maxw-40"] { max-width: 40px; } *[class*="--media-lg-maxw-45"] { max-width: 45px; } *[class*="--media-lg-maxw-50"] { max-width: 50px; } *[class*="--media-lg-maxw-55"] { max-width: 55px; } *[class*="--media-lg-maxw-60"] { max-width: 60px; } *[class*="--media-lg-maxw-65"] { max-width: 65px; } *[class*="--media-lg-maxw-70"] { max-width: 70px; } *[class*="--media-lg-maxw-75"] { max-width: 75px; } *[class*="--media-lg-maxw-80"] { max-width: 80px; } *[class*="--media-lg-maxw-85"] { max-width: 85px; } *[class*="--media-lg-maxw-90"] { max-width: 90px; } *[class*="--media-lg-maxw-95"] { max-width: 95px; } *[class*="--media-lg-maxw-100"] { max-width: 100px; } *[class*="--media-lg-maxw-105"] { max-width: 105px; } *[class*="--media-lg-maxw-110"] { max-width: 110px; } *[class*="--media-lg-maxw-115"] { max-width: 115px; } *[class*="--media-lg-maxw-120"] { max-width: 120px; } *[class*="--media-lg-maxw-125"] { max-width: 125px; } *[class*="--media-lg-maxw-150"] { max-width: 150px; } *[class*="--media-lg-maxw-200"] { max-width: 200px; } *[class*="--media-lg-maxw-250"] { max-width: 250px; } *[class*="--media-lg-maxw-300"] { max-width: 300px; } *[class*="--media-lg-maxw-350"] { max-width: 350px; } *[class*="--media-lg-maxw-400"] { max-width: 400px; } *[class*="--media-lg-maxw-450"] { max-width: 450px; } *[class*="--media-lg-maxw-500"] { max-width: 500px; } *[class*="--media-lg-maxw-550"] { max-width: 550px; } *[class*="--media-lg-maxw-600"] { max-width: 600px; } *[class*="--media-lg-maxw-650"] { max-width: 650px; } *[class*="--media-lg-maxw-reset"] { max-width: 0; } *[class*="--media-lg-maxw-auto"] { max-width: auto; } *[class*="--media-lg-maxw-inherit"] { max-width: inherit; } *[class*="--media-lg-maxw-xxxs"] { max-width: 0.125rem; } *[class*="--media-lg-maxw-xxs"] { max-width: 0.25rem; } *[class*="--media-lg-maxw-xs"] { max-width: 0.5rem; } *[class*="--media-lg-maxw-sm"] { max-width: 0.75rem; } *[class*="--media-lg-maxw-md"] { max-width: 1rem; } *[class*="--media-lg-maxw-lg"] { max-width: 1.5rem; } *[class*="--media-lg-maxw-xl"] { max-width: 2.5rem; } *[class*="--media-lg-maxw-xxl"] { max-width: 5rem; } *[class*="--media-lg-maxw-xxxl"] { max-width: 8rem; } *[class*="--media-lg-maxw-xxxxl"] { max-width: 12rem; } *[class*="--media-lg-maxw-xxxxxl"] { max-width: 15rem; } *[class*="--media-lg-maxw-xxxxxxl"] { max-width: 18rem; } *[class*="--media-lg-maxw-full"] { max-width: 100%; } *[class*="--media-lg-maxw-three-quarters"] { max-width: 75%; } *[class*="--media-lg-maxw-half"] { max-width: 50%; } *[class*="--media-lg-maxw-quarter"] { max-width: 25%; } *[class*="--media-lg-maxw-none"] { max-width: none; } *[class*="--media-lg-maxh-full"] { max-height: 100%; } *[class*="--media-lg-maxh-none"] { max-height: none; } *[class*="--media-lg-w-2.5"] { width: 2.5px; } *[class*="--media-lg-w-5"] { width: 5px; } *[class*="--media-lg-w-7.5"] { width: 7.5px; } *[class*="--media-lg-w-10"] { width: 10px; } *[class*="--media-lg-w-12.5"] { width: 12.5px; } *[class*="--media-lg-w-15"] { width: 15px; } *[class*="--media-lg-w-17.5"] { width: 17.5px; } *[class*="--media-lg-w-20"] { width: 20px; } *[class*="--media-lg-w-25"] { width: 25px; } *[class*="--media-lg-w-30"] { width: 30px; } *[class*="--media-lg-w-35"] { width: 35px; } *[class*="--media-lg-w-40"] { width: 40px; } *[class*="--media-lg-w-45"] { width: 45px; } *[class*="--media-lg-w-50"] { width: 50px; } *[class*="--media-lg-w-55"] { width: 55px; } *[class*="--media-lg-w-60"] { width: 60px; } *[class*="--media-lg-w-65"] { width: 65px; } *[class*="--media-lg-w-70"] { width: 70px; } *[class*="--media-lg-w-75"] { width: 75px; } *[class*="--media-lg-w-80"] { width: 80px; } *[class*="--media-lg-w-85"] { width: 85px; } *[class*="--media-lg-w-90"] { width: 90px; } *[class*="--media-lg-w-95"] { width: 95px; } *[class*="--media-lg-w-100"] { width: 100px; } *[class*="--media-lg-w-105"] { width: 105px; } *[class*="--media-lg-w-110"] { width: 110px; } *[class*="--media-lg-w-115"] { width: 115px; } *[class*="--media-lg-w-120"] { width: 120px; } *[class*="--media-lg-w-125"] { width: 125px; } *[class*="--media-lg-w-150"] { width: 150px; } *[class*="--media-lg-w-200"] { width: 200px; } *[class*="--media-lg-w-250"] { width: 250px; } *[class*="--media-lg-w-300"] { width: 300px; } *[class*="--media-lg-w-350"] { width: 350px; } *[class*="--media-lg-w-400"] { width: 400px; } *[class*="--media-lg-w-450"] { width: 450px; } *[class*="--media-lg-w-500"] { width: 500px; } *[class*="--media-lg-w-550"] { width: 550px; } *[class*="--media-lg-w-600"] { width: 600px; } *[class*="--media-lg-w-650"] { width: 650px; } *[class*="--media-lg-w-reset"] { width: 0; } *[class*="--media-lg-w-auto"] { width: auto; } *[class*="--media-lg-w-inherit"] { width: inherit; } *[class*="--media-lg-w-xxxs"] { width: 0.125rem; } *[class*="--media-lg-w-xxs"] { width: 0.25rem; } *[class*="--media-lg-w-xs"] { width: 0.5rem; } *[class*="--media-lg-w-sm"] { width: 0.75rem; } *[class*="--media-lg-w-md"] { width: 1rem; } *[class*="--media-lg-w-lg"] { width: 1.5rem; } *[class*="--media-lg-w-xl"] { width: 2.5rem; } *[class*="--media-lg-w-xxl"] { width: 5rem; } *[class*="--media-lg-w-xxxl"] { width: 8rem; } *[class*="--media-lg-w-xxxxl"] { width: 12rem; } *[class*="--media-lg-w-xxxxxl"] { width: 15rem; } *[class*="--media-lg-w-xxxxxxl"] { width: 18rem; } *[class*="--media-lg-w-full"] { width: 100%; } *[class*="--media-lg-w-three-quarters"] { width: 75%; } *[class*="--media-lg-w-half"] { width: 50%; } *[class*="--media-lg-w-quarter"] { width: 25%; } *[class*="--media-lg-w-max-content"] { width: max-content; } *[class*="--media-lg-h-2.5"] { height: 2.5px; } *[class*="--media-lg-h-5"] { height: 5px; } *[class*="--media-lg-h-7.5"] { height: 7.5px; } *[class*="--media-lg-h-10"] { height: 10px; } *[class*="--media-lg-h-12.5"] { height: 12.5px; } *[class*="--media-lg-h-15"] { height: 15px; } *[class*="--media-lg-h-17.5"] { height: 17.5px; } *[class*="--media-lg-h-20"] { height: 20px; } *[class*="--media-lg-h-25"] { height: 25px; } *[class*="--media-lg-h-30"] { height: 30px; } *[class*="--media-lg-h-35"] { height: 35px; } *[class*="--media-lg-h-40"] { height: 40px; } *[class*="--media-lg-h-45"] { height: 45px; } *[class*="--media-lg-h-50"] { height: 50px; } *[class*="--media-lg-h-55"] { height: 55px; } *[class*="--media-lg-h-60"] { height: 60px; } *[class*="--media-lg-h-65"] { height: 65px; } *[class*="--media-lg-h-70"] { height: 70px; } *[class*="--media-lg-h-75"] { height: 75px; } *[class*="--media-lg-h-80"] { height: 80px; } *[class*="--media-lg-h-85"] { height: 85px; } *[class*="--media-lg-h-90"] { height: 90px; } *[class*="--media-lg-h-95"] { height: 95px; } *[class*="--media-lg-h-100"] { height: 100px; } *[class*="--media-lg-h-105"] { height: 105px; } *[class*="--media-lg-h-110"] { height: 110px; } *[class*="--media-lg-h-115"] { height: 115px; } *[class*="--media-lg-h-120"] { height: 120px; } *[class*="--media-lg-h-125"] { height: 125px; } *[class*="--media-lg-h-150"] { height: 150px; } *[class*="--media-lg-h-200"] { height: 200px; } *[class*="--media-lg-h-250"] { height: 250px; } *[class*="--media-lg-h-300"] { height: 300px; } *[class*="--media-lg-h-350"] { height: 350px; } *[class*="--media-lg-h-400"] { height: 400px; } *[class*="--media-lg-h-450"] { height: 450px; } *[class*="--media-lg-h-500"] { height: 500px; } *[class*="--media-lg-h-550"] { height: 550px; } *[class*="--media-lg-h-600"] { height: 600px; } *[class*="--media-lg-h-650"] { height: 650px; } *[class*="--media-lg-h-reset"] { height: 0; } *[class*="--media-lg-h-auto"] { height: auto; } *[class*="--media-lg-h-inherit"] { height: inherit; } *[class*="--media-lg-h-xxxs"] { height: 0.125rem; } *[class*="--media-lg-h-xxs"] { height: 0.25rem; } *[class*="--media-lg-h-xs"] { height: 0.5rem; } *[class*="--media-lg-h-sm"] { height: 0.75rem; } *[class*="--media-lg-h-md"] { height: 1rem; } *[class*="--media-lg-h-lg"] { height: 1.5rem; } *[class*="--media-lg-h-xl"] { height: 2.5rem; } *[class*="--media-lg-h-xxl"] { height: 5rem; } *[class*="--media-lg-h-xxxl"] { height: 8rem; } *[class*="--media-lg-h-xxxxl"] { height: 12rem; } *[class*="--media-lg-h-xxxxxl"] { height: 15rem; } *[class*="--media-lg-h-xxxxxxl"] { height: 18rem; } *[class*="--media-lg-h-full"] { height: 100%; } *[class*="--media-lg-h-three-quarters"] { height: 75%; } *[class*="--media-lg-h-half"] { height: 50%; } *[class*="--media-lg-h-quarter"] { height: 25%; } *[class*="--media-lg-h-max-content"] { height: max-content; } *[class*="--media-lg-position-static"] { position: static; } *[class*="--media-lg-position-relative"] { position: relative; } *[class*="--media-lg-position-absolute"] { position: absolute; } *[class*="--media-lg-position-fixed"] { position: fixed; } *[class*="--media-lg-position-sticky"] { position: sticky; } *[class*="--media-lg-position-t-quarter"] { top: 25%; } *[class*="--media-lg-position-t-half"] { top: 50%; } *[class*="--media-lg-position-t-full"] { top: 100%; } *[class*="--media-lg-position-t-header"] { top: 100px; } *[class*="--media-lg-position-t-header-indent"] { top: calc(100px + 2rem); } *[class*="--media-lg-position-t-reset"] { top: 0; } *[class*="--media-lg-position-t-reset-opposite"] { top: -0; } *[class*="--media-lg-position-t-auto"] { top: auto; } *[class*="--media-lg-position-t-auto-opposite"] { top: -auto; } *[class*="--media-lg-position-t-inherit"] { top: inherit; } *[class*="--media-lg-position-t-inherit-opposite"] { top: -inherit; } *[class*="--media-lg-position-t-xxxs"] { top: 0.125rem; } *[class*="--media-lg-position-t-xxxs-opposite"] { top: -0.125rem; } *[class*="--media-lg-position-t-xxs"] { top: 0.25rem; } *[class*="--media-lg-position-t-xxs-opposite"] { top: -0.25rem; } *[class*="--media-lg-position-t-xs"] { top: 0.5rem; } *[class*="--media-lg-position-t-xs-opposite"] { top: -0.5rem; } *[class*="--media-lg-position-t-sm"] { top: 0.75rem; } *[class*="--media-lg-position-t-sm-opposite"] { top: -0.75rem; } *[class*="--media-lg-position-t-md"] { top: 1rem; } *[class*="--media-lg-position-t-md-opposite"] { top: -1rem; } *[class*="--media-lg-position-t-lg"] { top: 1.5rem; } *[class*="--media-lg-position-t-lg-opposite"] { top: -1.5rem; } *[class*="--media-lg-position-t-xl"] { top: 2.5rem; } *[class*="--media-lg-position-t-xl-opposite"] { top: -2.5rem; } *[class*="--media-lg-position-t-xxl"] { top: 5rem; } *[class*="--media-lg-position-t-xxl-opposite"] { top: -5rem; } *[class*="--media-lg-position-t-xxxl"] { top: 8rem; } *[class*="--media-lg-position-t-xxxl-opposite"] { top: -8rem; } *[class*="--media-lg-position-t-xxxxl"] { top: 12rem; } *[class*="--media-lg-position-t-xxxxl-opposite"] { top: -12rem; } *[class*="--media-lg-position-t-xxxxxl"] { top: 15rem; } *[class*="--media-lg-position-t-xxxxxl-opposite"] { top: -15rem; } *[class*="--media-lg-position-t-xxxxxxl"] { top: 18rem; } *[class*="--media-lg-position-t-xxxxxxl-opposite"] { top: -18rem; } *[class*="--media-lg-position-b-quarter"] { bottom: 25%; } *[class*="--media-lg-position-b-half"] { bottom: 50%; } *[class*="--media-lg-position-b-full"] { bottom: 100%; } *[class*="--media-lg-position-b-header"] { bottom: 100px; } *[class*="--media-lg-position-b-header-indent"] { bottom: calc(100px + 2rem); } *[class*="--media-lg-position-b-reset"] { bottom: 0; } *[class*="--media-lg-position-b-reset-opposite"] { bottom: -0; } *[class*="--media-lg-position-b-auto"] { bottom: auto; } *[class*="--media-lg-position-b-auto-opposite"] { bottom: -auto; } *[class*="--media-lg-position-b-inherit"] { bottom: inherit; } *[class*="--media-lg-position-b-inherit-opposite"] { bottom: -inherit; } *[class*="--media-lg-position-b-xxxs"] { bottom: 0.125rem; } *[class*="--media-lg-position-b-xxxs-opposite"] { bottom: -0.125rem; } *[class*="--media-lg-position-b-xxs"] { bottom: 0.25rem; } *[class*="--media-lg-position-b-xxs-opposite"] { bottom: -0.25rem; } *[class*="--media-lg-position-b-xs"] { bottom: 0.5rem; } *[class*="--media-lg-position-b-xs-opposite"] { bottom: -0.5rem; } *[class*="--media-lg-position-b-sm"] { bottom: 0.75rem; } *[class*="--media-lg-position-b-sm-opposite"] { bottom: -0.75rem; } *[class*="--media-lg-position-b-md"] { bottom: 1rem; } *[class*="--media-lg-position-b-md-opposite"] { bottom: -1rem; } *[class*="--media-lg-position-b-lg"] { bottom: 1.5rem; } *[class*="--media-lg-position-b-lg-opposite"] { bottom: -1.5rem; } *[class*="--media-lg-position-b-xl"] { bottom: 2.5rem; } *[class*="--media-lg-position-b-xl-opposite"] { bottom: -2.5rem; } *[class*="--media-lg-position-b-xxl"] { bottom: 5rem; } *[class*="--media-lg-position-b-xxl-opposite"] { bottom: -5rem; } *[class*="--media-lg-position-b-xxxl"] { bottom: 8rem; } *[class*="--media-lg-position-b-xxxl-opposite"] { bottom: -8rem; } *[class*="--media-lg-position-b-xxxxl"] { bottom: 12rem; } *[class*="--media-lg-position-b-xxxxl-opposite"] { bottom: -12rem; } *[class*="--media-lg-position-b-xxxxxl"] { bottom: 15rem; } *[class*="--media-lg-position-b-xxxxxl-opposite"] { bottom: -15rem; } *[class*="--media-lg-position-b-xxxxxxl"] { bottom: 18rem; } *[class*="--media-lg-position-b-xxxxxxl-opposite"] { bottom: -18rem; } *[class*="--media-lg-position-s-quarter"] { right: 25%; } *[class*="--media-lg-position-s-half"] { right: 50%; } *[class*="--media-lg-position-s-full"] { right: 100%; } *[class*="--media-lg-position-s-header"] { right: 100px; } *[class*="--media-lg-position-s-header-indent"] { right: calc(100px + 2rem); } *[class*="--media-lg-position-s-reset"] { right: 0; } *[class*="--media-lg-position-s-reset-opposite"] { right: -0; } *[class*="--media-lg-position-s-auto"] { right: auto; } *[class*="--media-lg-position-s-auto-opposite"] { right: -auto; } *[class*="--media-lg-position-s-inherit"] { right: inherit; } *[class*="--media-lg-position-s-inherit-opposite"] { right: -inherit; } *[class*="--media-lg-position-s-xxxs"] { right: 0.125rem; } *[class*="--media-lg-position-s-xxxs-opposite"] { right: -0.125rem; } *[class*="--media-lg-position-s-xxs"] { right: 0.25rem; } *[class*="--media-lg-position-s-xxs-opposite"] { right: -0.25rem; } *[class*="--media-lg-position-s-xs"] { right: 0.5rem; } *[class*="--media-lg-position-s-xs-opposite"] { right: -0.5rem; } *[class*="--media-lg-position-s-sm"] { right: 0.75rem; } *[class*="--media-lg-position-s-sm-opposite"] { right: -0.75rem; } *[class*="--media-lg-position-s-md"] { right: 1rem; } *[class*="--media-lg-position-s-md-opposite"] { right: -1rem; } *[class*="--media-lg-position-s-lg"] { right: 1.5rem; } *[class*="--media-lg-position-s-lg-opposite"] { right: -1.5rem; } *[class*="--media-lg-position-s-xl"] { right: 2.5rem; } *[class*="--media-lg-position-s-xl-opposite"] { right: -2.5rem; } *[class*="--media-lg-position-s-xxl"] { right: 5rem; } *[class*="--media-lg-position-s-xxl-opposite"] { right: -5rem; } *[class*="--media-lg-position-s-xxxl"] { right: 8rem; } *[class*="--media-lg-position-s-xxxl-opposite"] { right: -8rem; } *[class*="--media-lg-position-s-xxxxl"] { right: 12rem; } *[class*="--media-lg-position-s-xxxxl-opposite"] { right: -12rem; } *[class*="--media-lg-position-s-xxxxxl"] { right: 15rem; } *[class*="--media-lg-position-s-xxxxxl-opposite"] { right: -15rem; } *[class*="--media-lg-position-s-xxxxxxl"] { right: 18rem; } *[class*="--media-lg-position-s-xxxxxxl-opposite"] { right: -18rem; } *[class*="--media-lg-position-e-quarter"] { left: 25%; } *[class*="--media-lg-position-e-half"] { left: 50%; } *[class*="--media-lg-position-e-full"] { left: 100%; } *[class*="--media-lg-position-e-header"] { left: 100px; } *[class*="--media-lg-position-e-header-indent"] { left: calc(100px + 2rem); } *[class*="--media-lg-position-e-reset"] { left: 0; } *[class*="--media-lg-position-e-reset-opposite"] { left: -0; } *[class*="--media-lg-position-e-auto"] { left: auto; } *[class*="--media-lg-position-e-auto-opposite"] { left: -auto; } *[class*="--media-lg-position-e-inherit"] { left: inherit; } *[class*="--media-lg-position-e-inherit-opposite"] { left: -inherit; } *[class*="--media-lg-position-e-xxxs"] { left: 0.125rem; } *[class*="--media-lg-position-e-xxxs-opposite"] { left: -0.125rem; } *[class*="--media-lg-position-e-xxs"] { left: 0.25rem; } *[class*="--media-lg-position-e-xxs-opposite"] { left: -0.25rem; } *[class*="--media-lg-position-e-xs"] { left: 0.5rem; } *[class*="--media-lg-position-e-xs-opposite"] { left: -0.5rem; } *[class*="--media-lg-position-e-sm"] { left: 0.75rem; } *[class*="--media-lg-position-e-sm-opposite"] { left: -0.75rem; } *[class*="--media-lg-position-e-md"] { left: 1rem; } *[class*="--media-lg-position-e-md-opposite"] { left: -1rem; } *[class*="--media-lg-position-e-lg"] { left: 1.5rem; } *[class*="--media-lg-position-e-lg-opposite"] { left: -1.5rem; } *[class*="--media-lg-position-e-xl"] { left: 2.5rem; } *[class*="--media-lg-position-e-xl-opposite"] { left: -2.5rem; } *[class*="--media-lg-position-e-xxl"] { left: 5rem; } *[class*="--media-lg-position-e-xxl-opposite"] { left: -5rem; } *[class*="--media-lg-position-e-xxxl"] { left: 8rem; } *[class*="--media-lg-position-e-xxxl-opposite"] { left: -8rem; } *[class*="--media-lg-position-e-xxxxl"] { left: 12rem; } *[class*="--media-lg-position-e-xxxxl-opposite"] { left: -12rem; } *[class*="--media-lg-position-e-xxxxxl"] { left: 15rem; } *[class*="--media-lg-position-e-xxxxxl-opposite"] { left: -15rem; } *[class*="--media-lg-position-e-xxxxxxl"] { left: 18rem; } *[class*="--media-lg-position-e-xxxxxxl-opposite"] { left: -18rem; } *[class*="--media-lg-transform-translateX-full"] { --transform-translateX: 100%; } *[class*="--media-lg-transform-translateX-full-opposite"] { --transform-translateX: -100%; } *[class*="--media-lg-transform-translateX-half"] { --transform-translateX: 50%; } *[class*="--media-lg-transform-translateX-half-opposite"] { --transform-translateX: -50%; } *[class*="--media-lg-transform-translateX-reset"] { --transform-translateX: 0; } *[class*="--media-lg-transform-translateY-full"] { --transform-translateY: 100%; } *[class*="--media-lg-transform-translateY-full-opposite"] { --transform-translateY: -100%; } *[class*="--media-lg-transform-translateY-half"] { --transform-translateY: 50%; } *[class*="--media-lg-transform-translateY-half-opposite"] { --transform-translateY: -50%; } *[class*="--media-lg-transform-translateY-reset"] { --transform-translateY: 0; } *[class*="--media-lg-transform-scaleX-25"] { --transform-scaleX: 2; } *[class*="--media-lg-transform-scaleY-25"] { --transform-scaleY: 2; } *[class*="--media-lg-aspect-ratio-reset"] { --aspect-ratio: 0; } *[class*="--media-lg-aspect-ratio-1-1"] { --aspect-ratio: 1; } *[class*="--media-lg-aspect-ratio-1-1.15"] { --aspect-ratio: 1.15; } *[class*="--media-lg-aspect-ratio-1-1.33"] { --aspect-ratio: 1.33; } *[class*="--media-lg-aspect-ratio-1-1.5"] { --aspect-ratio: 1.5; } *[class*="--media-lg-aspect-ratio-1-3"] { --aspect-ratio: 3; } *[class*="--media-lg-aspect-ratio-4-3"] { --aspect-ratio: 0.75; } *[class*="--media-lg-aspect-ratio-3-2"] { --aspect-ratio: 0.67; } *[class*="--media-lg-aspect-ratio-16-9"] { --aspect-ratio: 0.5625; } *[class*="--media-lg-aspect-ratio-24-10"] { --aspect-ratio: 0.4167; } } @media (min-width: 1200px) { *[class*="--media-xl-m-reset"] { margin: var(--spaces-reset, 0); } *[class*="--media-xl-m-auto"] { margin: var(--spaces-auto, auto); } *[class*="--media-xl-m-inherit"] { margin: var(--spaces-inherit, inherit); } *[class*="--media-xl-m-xxxs"] { margin: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-m-xxs"] { margin: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-m-xs"] { margin: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-m-sm"] { margin: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-m-md"] { margin: var(--spaces-md, 1rem); } *[class*="--media-xl-m-lg"] { margin: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-m-xl"] { margin: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-m-xxl"] { margin: var(--spaces-xxl, 5rem); } *[class*="--media-xl-m-xxxl"] { margin: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-m-xxxxl"] { margin: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-mx-reset"] { margin-right: var(--spaces-reset, 0); margin-left: var(--spaces-reset, 0); } *[class*="--media-xl-mx-auto"] { margin-right: var(--spaces-auto, auto); margin-left: var(--spaces-auto, auto); } *[class*="--media-xl-mx-inherit"] { margin-right: var(--spaces-inherit, inherit); margin-left: var(--spaces-inherit, inherit); } *[class*="--media-xl-mx-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-mx-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-mx-xs"] { margin-right: var(--spaces-xs, 0.5rem); margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-mx-sm"] { margin-right: var(--spaces-sm, 0.75rem); margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-mx-md"] { margin-right: var(--spaces-md, 1rem); margin-left: var(--spaces-md, 1rem); } *[class*="--media-xl-mx-lg"] { margin-right: var(--spaces-lg, 1.5rem); margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-mx-xl"] { margin-right: var(--spaces-xl, 2.5rem); margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-mx-xxl"] { margin-right: var(--spaces-xxl, 5rem); margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-xl-mx-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-my-reset"] { margin-top: var(--spaces-reset, 0); margin-bottom: var(--spaces-reset, 0); } *[class*="--media-xl-my-auto"] { margin-top: var(--spaces-auto, auto); margin-bottom: var(--spaces-auto, auto); } *[class*="--media-xl-my-inherit"] { margin-top: var(--spaces-inherit, inherit); margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xl-my-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-my-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-my-xs"] { margin-top: var(--spaces-xs, 0.5rem); margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-my-sm"] { margin-top: var(--spaces-sm, 0.75rem); margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-my-md"] { margin-top: var(--spaces-md, 1rem); margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-xl-my-lg"] { margin-top: var(--spaces-lg, 1.5rem); margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-my-xl"] { margin-top: var(--spaces-xl, 2.5rem); margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-my-xxl"] { margin-top: var(--spaces-xxl, 5rem); margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xl-my-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-mt-reset"] { margin-top: var(--spaces-reset, 0); } *[class*="--media-xl-mt-auto"] { margin-top: var(--spaces-auto, auto); } *[class*="--media-xl-mt-inherit"] { margin-top: var(--spaces-inherit, inherit); } *[class*="--media-xl-mt-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-mt-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-mt-xs"] { margin-top: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-mt-sm"] { margin-top: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-mt-md"] { margin-top: var(--spaces-md, 1rem); } *[class*="--media-xl-mt-lg"] { margin-top: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-mt-xl"] { margin-top: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-mt-xxl"] { margin-top: var(--spaces-xxl, 5rem); } *[class*="--media-xl-mt-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-mb-reset"] { margin-bottom: var(--spaces-reset, 0); } *[class*="--media-xl-mb-auto"] { margin-bottom: var(--spaces-auto, auto); } *[class*="--media-xl-mb-inherit"] { margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xl-mb-xxxs"] { margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-mb-xxs"] { margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-mb-xs"] { margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-mb-sm"] { margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-mb-md"] { margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-xl-mb-lg"] { margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-mb-xl"] { margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-mb-xxl"] { margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xl-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-ms-reset"] { margin-right: var(--spaces-reset, 0); } *[class*="--media-xl-ms-auto"] { margin-right: var(--spaces-auto, auto); } *[class*="--media-xl-ms-inherit"] { margin-right: var(--spaces-inherit, inherit); } *[class*="--media-xl-ms-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-ms-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-ms-xs"] { margin-right: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-ms-sm"] { margin-right: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-ms-md"] { margin-right: var(--spaces-md, 1rem); } *[class*="--media-xl-ms-lg"] { margin-right: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-ms-xl"] { margin-right: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-ms-xxl"] { margin-right: var(--spaces-xxl, 5rem); } *[class*="--media-xl-ms-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-me-reset"] { margin-left: var(--spaces-reset, 0); } *[class*="--media-xl-me-auto"] { margin-left: var(--spaces-auto, auto); } *[class*="--media-xl-me-inherit"] { margin-left: var(--spaces-inherit, inherit); } *[class*="--media-xl-me-xxxs"] { margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-me-xxs"] { margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-me-xs"] { margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-me-sm"] { margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-me-md"] { margin-left: var(--spaces-md, 1rem); } *[class*="--media-xl-me-lg"] { margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-me-xl"] { margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-me-xxl"] { margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-xl-me-xxxl"] { margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-p-reset"] { padding: var(--spaces-reset, 0); } *[class*="--media-xl-p-auto"] { padding: var(--spaces-auto, auto); } *[class*="--media-xl-p-inherit"] { padding: var(--spaces-inherit, inherit); } *[class*="--media-xl-p-xxxs"] { padding: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-p-xxs"] { padding: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-p-xs"] { padding: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-p-sm"] { padding: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-p-md"] { padding: var(--spaces-md, 1rem); } *[class*="--media-xl-p-lg"] { padding: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-p-xl"] { padding: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-p-xxl"] { padding: var(--spaces-xxl, 5rem); } *[class*="--media-xl-p-xxxl"] { padding: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-p-xxxxl"] { padding: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-px-reset"] { padding-right: var(--spaces-reset, 0); padding-left: var(--spaces-reset, 0); } *[class*="--media-xl-px-auto"] { padding-right: var(--spaces-auto, auto); padding-left: var(--spaces-auto, auto); } *[class*="--media-xl-px-inherit"] { padding-right: var(--spaces-inherit, inherit); padding-left: var(--spaces-inherit, inherit); } *[class*="--media-xl-px-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-px-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-px-xs"] { padding-right: var(--spaces-xs, 0.5rem); padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-px-sm"] { padding-right: var(--spaces-sm, 0.75rem); padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-px-md"] { padding-right: var(--spaces-md, 1rem); padding-left: var(--spaces-md, 1rem); } *[class*="--media-xl-px-lg"] { padding-right: var(--spaces-lg, 1.5rem); padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-px-xl"] { padding-right: var(--spaces-xl, 2.5rem); padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-px-xxl"] { padding-right: var(--spaces-xxl, 5rem); padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-xl-px-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-py-reset"] { padding-top: var(--spaces-reset, 0); padding-bottom: var(--spaces-reset, 0); } *[class*="--media-xl-py-auto"] { padding-top: var(--spaces-auto, auto); padding-bottom: var(--spaces-auto, auto); } *[class*="--media-xl-py-inherit"] { padding-top: var(--spaces-inherit, inherit); padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xl-py-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-py-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-py-xs"] { padding-top: var(--spaces-xs, 0.5rem); padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-py-sm"] { padding-top: var(--spaces-sm, 0.75rem); padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-py-md"] { padding-top: var(--spaces-md, 1rem); padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-xl-py-lg"] { padding-top: var(--spaces-lg, 1.5rem); padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-py-xl"] { padding-top: var(--spaces-xl, 2.5rem); padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-py-xxl"] { padding-top: var(--spaces-xxl, 5rem); padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xl-py-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-pt-reset"] { padding-top: var(--spaces-reset, 0); } *[class*="--media-xl-pt-auto"] { padding-top: var(--spaces-auto, auto); } *[class*="--media-xl-pt-inherit"] { padding-top: var(--spaces-inherit, inherit); } *[class*="--media-xl-pt-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-pt-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-pt-xs"] { padding-top: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-pt-sm"] { padding-top: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-pt-md"] { padding-top: var(--spaces-md, 1rem); } *[class*="--media-xl-pt-lg"] { padding-top: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-pt-xl"] { padding-top: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-pt-xxl"] { padding-top: var(--spaces-xxl, 5rem); } *[class*="--media-xl-pt-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-pb-reset"] { padding-bottom: var(--spaces-reset, 0); } *[class*="--media-xl-pb-auto"] { padding-bottom: var(--spaces-auto, auto); } *[class*="--media-xl-pb-inherit"] { padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xl-pb-xxxs"] { padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-pb-xxs"] { padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-pb-xs"] { padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-pb-sm"] { padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-pb-md"] { padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-xl-pb-lg"] { padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-pb-xl"] { padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-pb-xxl"] { padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xl-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-ps-reset"] { padding-right: var(--spaces-reset, 0); } *[class*="--media-xl-ps-auto"] { padding-right: var(--spaces-auto, auto); } *[class*="--media-xl-ps-inherit"] { padding-right: var(--spaces-inherit, inherit); } *[class*="--media-xl-ps-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-ps-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-ps-xs"] { padding-right: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-ps-sm"] { padding-right: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-ps-md"] { padding-right: var(--spaces-md, 1rem); } *[class*="--media-xl-ps-lg"] { padding-right: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-ps-xl"] { padding-right: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-ps-xxl"] { padding-right: var(--spaces-xxl, 5rem); } *[class*="--media-xl-ps-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-pe-reset"] { padding-left: var(--spaces-reset, 0); } *[class*="--media-xl-pe-auto"] { padding-left: var(--spaces-auto, auto); } *[class*="--media-xl-pe-inherit"] { padding-left: var(--spaces-inherit, inherit); } *[class*="--media-xl-pe-xxxs"] { padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xl-pe-xxs"] { padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xl-pe-xs"] { padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xl-pe-sm"] { padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xl-pe-md"] { padding-left: var(--spaces-md, 1rem); } *[class*="--media-xl-pe-lg"] { padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xl-pe-xl"] { padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xl-pe-xxl"] { padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-xl-pe-xxxl"] { padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xl-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xl-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xl-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xl-flex-1"] { flex: 1 1 0%; } *[class*="--media-xl-flex-auto"] { flex: 1 1 auto; } *[class*="--media-xl-flex-initial"] { flex: 0 1 auto; } *[class*="--media-xl-flex-none"] { flex: none; } *[class*="--media-xl-flex-direction-row"] { flex-direction: row; } *[class*="--media-xl-flex-direction-row-reverse"] { flex-direction: row-reverse; } *[class*="--media-xl-flex-direction-column"] { flex-direction: column; } *[class*="--media-xl-flex-direction-column-reverse"] { flex-direction: column-reverse; } *[class*="--media-xl-flex-wrap-wrap"] { flex-wrap: wrap; } *[class*="--media-xl-flex-wrap-nowrap"] { flex-wrap: nowrap; } *[class*="--media-xl-order-first"] { order: -1; } *[class*="--media-xl-order-0"] { order: 0; } *[class*="--media-xl-order-1"] { order: 1; } *[class*="--media-xl-order-2"] { order: 2; } *[class*="--media-xl-order-3"] { order: 3; } *[class*="--media-xl-order-4"] { order: 4; } *[class*="--media-xl-order-5"] { order: 5; } *[class*="--media-xl-order-6"] { order: 6; } *[class*="--media-xl-order-7"] { order: 7; } *[class*="--media-xl-order-8"] { order: 8; } *[class*="--media-xl-order-9"] { order: 9; } *[class*="--media-xl-order-last"] { order: 10; } *[class*="--media-xl-flex-basis-auto"] { flex-basis: auto; } *[class*="--media-xl-flex-basis-0"] { flex-basis: 0; } *[class*="--media-xl-flex-basis-1"] { flex-basis: 1; } *[class*="--media-xl-flex-grow-auto"] { flex-grow: auto; } *[class*="--media-xl-flex-grow-0"] { flex-grow: 0; } *[class*="--media-xl-flex-grow-1"] { flex-grow: 1; } *[class*="--media-xl-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)); } *[class*="--media-xl-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } *[class*="--media-xl-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } *[class*="--media-xl-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } *[class*="--media-xl-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); } *[class*="--media-xl-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); } *[class*="--media-xl-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)); } *[class*="--media-xl-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)); } *[class*="--media-xl-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)); } *[class*="--media-xl-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)); } *[class*="--media-xl-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)); } *[class*="--media-xl-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)); } *[class*="--media-xl-col-span-full"] { grid-column: -1; } *[class*="--media-xl-col-span-1"] { grid-column: span 1/span 1; } *[class*="--media-xl-col-span-2"] { grid-column: span 2/span 2; } *[class*="--media-xl-col-span-3"] { grid-column: span 3/span 3; } *[class*="--media-xl-col-span-4"] { grid-column: span 4/span 4; } *[class*="--media-xl-col-span-5"] { grid-column: span 5/span 5; } *[class*="--media-xl-col-span-6"] { grid-column: span 6/span 6; } *[class*="--media-xl-col-span-7"] { grid-column: span 7/span 7; } *[class*="--media-xl-col-span-8"] { grid-column: span 8/span 8; } *[class*="--media-xl-col-span-9"] { grid-column: span 9/span 9; } *[class*="--media-xl-col-span-10"] { grid-column: span 10/span 10; } *[class*="--media-xl-col-span-11"] { grid-column: span 11/span 11; } *[class*="--media-xl-col-span-12"] { grid-column: span 12/span 12; } *[class*="--media-xl-col-start-auto"] { grid-column-start: auto; } *[class*="--media-xl-col-start-1"] { grid-column-start: 1; } *[class*="--media-xl-col-start-2"] { grid-column-start: 2; } *[class*="--media-xl-col-start-3"] { grid-column-start: 3; } *[class*="--media-xl-col-start-4"] { grid-column-start: 4; } *[class*="--media-xl-col-start-5"] { grid-column-start: 5; } *[class*="--media-xl-col-start-6"] { grid-column-start: 6; } *[class*="--media-xl-col-start-7"] { grid-column-start: 7; } *[class*="--media-xl-col-start-8"] { grid-column-start: 8; } *[class*="--media-xl-col-start-9"] { grid-column-start: 9; } *[class*="--media-xl-col-start-10"] { grid-column-start: 10; } *[class*="--media-xl-col-start-11"] { grid-column-start: 11; } *[class*="--media-xl-col-start-12"] { grid-column-start: 12; } *[class*="--media-xl-col-end-auto"] { grid-column-end: auto; } *[class*="--media-xl-col-end-1"] { grid-column-end: 1; } *[class*="--media-xl-col-end-2"] { grid-column-end: 2; } *[class*="--media-xl-col-end-3"] { grid-column-end: 3; } *[class*="--media-xl-col-end-4"] { grid-column-end: 4; } *[class*="--media-xl-col-end-5"] { grid-column-end: 5; } *[class*="--media-xl-col-end-6"] { grid-column-end: 6; } *[class*="--media-xl-col-end-7"] { grid-column-end: 7; } *[class*="--media-xl-col-end-8"] { grid-column-end: 8; } *[class*="--media-xl-col-end-9"] { grid-column-end: 9; } *[class*="--media-xl-col-end-10"] { grid-column-end: 10; } *[class*="--media-xl-col-end-11"] { grid-column-end: 11; } *[class*="--media-xl-col-end-12"] { grid-column-end: 12; } *[class*="--media-xl-gap-reset"] { gap: 0; } *[class*="--media-xl-gap-auto"] { gap: auto; } *[class*="--media-xl-gap-inherit"] { gap: inherit; } *[class*="--media-xl-gap-xxxs"] { gap: 0.125rem; } *[class*="--media-xl-gap-xxs"] { gap: 0.25rem; } *[class*="--media-xl-gap-xs"] { gap: 0.5rem; } *[class*="--media-xl-gap-sm"] { gap: 0.75rem; } *[class*="--media-xl-gap-md"] { gap: 1rem; } *[class*="--media-xl-gap-lg"] { gap: 1.5rem; } *[class*="--media-xl-gap-xl"] { gap: 2.5rem; } *[class*="--media-xl-gap-xxl"] { gap: 5rem; } *[class*="--media-xl-gap-xxxl"] { gap: 8rem; } *[class*="--media-xl-gap-xxxxl"] { gap: 12rem; } *[class*="--media-xl-gap-xxxxxl"] { gap: 15rem; } *[class*="--media-xl-gap-xxxxxxl"] { gap: 18rem; } *[class*="--media-xl-gap-x-reset"] { column-gap: 0; } *[class*="--media-xl-gap-x-auto"] { column-gap: auto; } *[class*="--media-xl-gap-x-inherit"] { column-gap: inherit; } *[class*="--media-xl-gap-x-xxxs"] { column-gap: 0.125rem; } *[class*="--media-xl-gap-x-xxs"] { column-gap: 0.25rem; } *[class*="--media-xl-gap-x-xs"] { column-gap: 0.5rem; } *[class*="--media-xl-gap-x-sm"] { column-gap: 0.75rem; } *[class*="--media-xl-gap-x-md"] { column-gap: 1rem; } *[class*="--media-xl-gap-x-lg"] { column-gap: 1.5rem; } *[class*="--media-xl-gap-x-xl"] { column-gap: 2.5rem; } *[class*="--media-xl-gap-x-xxl"] { column-gap: 5rem; } *[class*="--media-xl-gap-x-xxxl"] { column-gap: 8rem; } *[class*="--media-xl-gap-x-xxxxl"] { column-gap: 12rem; } *[class*="--media-xl-gap-x-xxxxxl"] { column-gap: 15rem; } *[class*="--media-xl-gap-x-xxxxxxl"] { column-gap: 18rem; } *[class*="--media-xl-gap-y-reset"] { row-gap: 0; } *[class*="--media-xl-gap-y-auto"] { row-gap: auto; } *[class*="--media-xl-gap-y-inherit"] { row-gap: inherit; } *[class*="--media-xl-gap-y-xxxs"] { row-gap: 0.125rem; } *[class*="--media-xl-gap-y-xxs"] { row-gap: 0.25rem; } *[class*="--media-xl-gap-y-xs"] { row-gap: 0.5rem; } *[class*="--media-xl-gap-y-sm"] { row-gap: 0.75rem; } *[class*="--media-xl-gap-y-md"] { row-gap: 1rem; } *[class*="--media-xl-gap-y-lg"] { row-gap: 1.5rem; } *[class*="--media-xl-gap-y-xl"] { row-gap: 2.5rem; } *[class*="--media-xl-gap-y-xxl"] { row-gap: 5rem; } *[class*="--media-xl-gap-y-xxxl"] { row-gap: 8rem; } *[class*="--media-xl-gap-y-xxxxl"] { row-gap: 12rem; } *[class*="--media-xl-gap-y-xxxxxl"] { row-gap: 15rem; } *[class*="--media-xl-gap-y-xxxxxxl"] { row-gap: 18rem; } *[class*="--media-xl-justify-content-start"] { justify-content: flex-start; } *[class*="--media-xl-justify-content-end"] { justify-content: flex-end; } *[class*="--media-xl-justify-content-center"] { justify-content: center; } *[class*="--media-xl-justify-content-between"] { justify-content: space-between; } *[class*="--media-xl-justify-content-around"] { justify-content: space-around; } *[class*="--media-xl-justify-content-evenly"] { justify-content: space-evenly; } *[class*="--media-xl-align-items-start"] { align-items: flex-start; } *[class*="--media-xl-align-items-end"] { align-items: flex-end; } *[class*="--media-xl-align-items-center"] { align-items: center; } *[class*="--media-xl-align-items-baseline"] { align-items: baseline; } *[class*="--media-xl-align-items-stretch"] { align-items: stretch; } *[class*="--media-xl-align-content-start"] { align-content: flex-start; } *[class*="--media-xl-align-content-end"] { align-content: flex-end; } *[class*="--media-xl-align-content-center"] { align-content: center; } *[class*="--media-xl-align-content-between"] { align-content: space-between; } *[class*="--media-xl-align-content-around"] { align-content: space-around; } *[class*="--media-xl-align-content-stretch"] { align-content: stretch; } *[class*="--media-xl-justify-self-auto"] { justify-self: auto; } *[class*="--media-xl-justify-self-start"] { justify-self: flex-start; } *[class*="--media-xl-justify-self-end"] { justify-self: flex-end; } *[class*="--media-xl-justify-self-center"] { justify-self: center; } *[class*="--media-xl-justify-self-baseline"] { justify-self: baseline; } *[class*="--media-xl-justify-self-stretch"] { justify-self: stretch; } *[class*="--media-xl-align-self-auto"] { align-self: auto; } *[class*="--media-xl-align-self-start"] { align-self: flex-start; } *[class*="--media-xl-align-self-end"] { align-self: flex-end; } *[class*="--media-xl-align-self-center"] { align-self: center; } *[class*="--media-xl-align-self-baseline"] { align-self: baseline; } *[class*="--media-xl-align-self-stretch"] { align-self: stretch; } *[class*="--media-xl-b-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-b-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xl-b-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xl-b-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xl-b-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xl-b-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xl-b-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xl-b-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-b-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-b-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-b-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xl-b-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-b-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-b-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xl-b-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xl-b-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xl-b-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xl-b-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xl-b-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-b-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-b-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-b-0"] { border: 0; } *[class*="--media-xl-b-bg-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-b-bg-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xl-b-bg-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xl-b-bg-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xl-b-bg-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xl-b-bg-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xl-b-bg-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xl-b-bg-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-b-bg-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-b-bg-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-b-bg-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xl-b-bg-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-b-bg-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-b-bg-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xl-b-bg-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xl-b-bg-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xl-b-bg-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xl-b-bg-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xl-b-bg-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-b-bg-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-b-bg-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-b-bg-0"] { border: 0; } *[class*="--media-xl-bt-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bt-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xl-bt-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xl-bt-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xl-bt-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xl-bt-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xl-bt-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xl-bt-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bt-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bt-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bt-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xl-bt-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bt-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bt-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bt-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xl-bt-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xl-bt-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xl-bt-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xl-bt-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bt-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bt-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bt-0"] { border-top: 0; } *[class*="--media-xl-bt-bg-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bt-bg-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xl-bt-bg-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xl-bt-bg-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xl-bt-bg-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xl-bt-bg-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xl-bt-bg-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xl-bt-bg-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bt-bg-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bt-bg-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bt-bg-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xl-bt-bg-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bt-bg-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bt-bg-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bt-bg-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xl-bt-bg-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xl-bt-bg-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xl-bt-bg-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xl-bt-bg-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bt-bg-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bt-bg-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bt-bg-0"] { border-top: 0; } *[class*="--media-xl-bb-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bb-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xl-bb-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xl-bb-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xl-bb-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xl-bb-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xl-bb-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xl-bb-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bb-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bb-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bb-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xl-bb-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bb-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bb-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bb-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xl-bb-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xl-bb-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xl-bb-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xl-bb-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bb-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bb-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bb-0"] { border-bottom: 0; } *[class*="--media-xl-bb-bg-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bb-bg-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xl-bb-bg-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xl-bb-bg-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xl-bb-bg-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xl-bb-bg-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xl-bb-bg-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xl-bb-bg-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bb-bg-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bb-bg-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bb-bg-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xl-bb-bg-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bb-bg-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bb-bg-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bb-bg-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xl-bb-bg-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xl-bb-bg-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xl-bb-bg-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xl-bb-bg-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bb-bg-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bb-bg-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bb-bg-0"] { border-bottom: 0; } *[class*="--media-xl-bs-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bs-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xl-bs-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xl-bs-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xl-bs-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xl-bs-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xl-bs-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xl-bs-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bs-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bs-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bs-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xl-bs-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bs-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bs-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bs-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xl-bs-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xl-bs-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xl-bs-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xl-bs-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bs-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bs-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bs-0"] { border-right: 0; } *[class*="--media-xl-bs-bg-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bs-bg-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xl-bs-bg-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xl-bs-bg-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xl-bs-bg-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xl-bs-bg-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xl-bs-bg-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xl-bs-bg-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bs-bg-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-bs-bg-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bs-bg-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xl-bs-bg-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-bs-bg-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bs-bg-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bs-bg-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xl-bs-bg-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xl-bs-bg-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xl-bs-bg-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xl-bs-bg-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bs-bg-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bs-bg-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bs-bg-0"] { border-right: 0; } *[class*="--media-xl-be-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-be-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xl-be-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xl-be-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xl-be-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xl-be-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xl-be-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xl-be-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-be-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-be-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-be-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xl-be-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-be-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-be-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xl-be-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xl-be-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xl-be-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xl-be-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xl-be-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-be-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-be-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-be-0"] { border-left: 0; } *[class*="--media-xl-be-bg-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-be-bg-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xl-be-bg-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xl-be-bg-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xl-be-bg-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xl-be-bg-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xl-be-bg-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xl-be-bg-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-be-bg-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xl-be-bg-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-be-bg-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xl-be-bg-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xl-be-bg-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-be-bg-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xl-be-bg-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xl-be-bg-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xl-be-bg-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xl-be-bg-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xl-be-bg-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-be-bg-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-be-bg-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-be-bg-0"] { border-left: 0; } *[class*="--media-xl-tsize-xxs"] { font-size: var(--font-sizes-xxs, 0.55rem); } *[class*="--media-xl-tsize-xs"] { font-size: var(--font-sizes-xs, 0.825rem); } *[class*="--media-xl-tsize-sm"] { font-size: var(--font-sizes-sm, 0.99rem); } *[class*="--media-xl-tsize-md"] { font-size: var(--font-sizes-md, 1.1rem); } *[class*="--media-xl-tsize-lg"] { font-size: var(--font-sizes-lg, 1.375rem); } *[class*="--media-xl-tsize-xl"] { font-size: var(--font-sizes-xl, 1.925rem); } *[class*="--media-xl-tsize-xxl"] { font-size: var(--font-sizes-xxl, 2.75rem); } *[class*="--media-xl-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.4rem); } *[class*="--media-xl-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 6.05rem); } *[class*="--media-xl-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 7.15rem); } *[class*="--media-xl-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 8.8rem); } *[class*="--media-xl-tweight-thin"] { font-weight: var(--font-weights-thin, 100); } *[class*="--media-xl-tweight-extra-light"] { font-weight: var(--font-weights-extra-light, 200); } *[class*="--media-xl-tweight-light"] { font-weight: var(--font-weights-light, 300); } *[class*="--media-xl-tweight-regular"] { font-weight: var(--font-weights-regular, 400); } *[class*="--media-xl-tweight-medium"] { font-weight: var(--font-weights-medium, 500); } *[class*="--media-xl-tweight-semi-bold"] { font-weight: var(--font-weights-semi-bold, 600); } *[class*="--media-xl-tweight-bold"] { font-weight: var(--font-weights-bold, 700); } *[class*="--media-xl-tweight-extra-bold"] { font-weight: var(--font-weights-extra-bold, 800); } *[class*="--media-xl-tweight-black"] { font-weight: var(--font-weights-black, 900); } *[class*="--media-xl-talign-c"] { text-align: center; } *[class*="--media-xl-talign-s"] { text-align: right; } *[class*="--media-xl-talign-e"] { text-align: left; } *[class*="--media-xl-ttruncate-2"] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xl-ttruncate-3"] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xl-ttruncate-4"] { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xl-ttruncate-5"] { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xl-d-inline"] { display: inline; } *[class*="--media-xl-d-inline-block"] { display: inline-block; } *[class*="--media-xl-d-block"] { display: block; } *[class*="--media-xl-d-grid"] { display: grid; } *[class*="--media-xl-d-table"] { display: table; } *[class*="--media-xl-d-table-row"] { display: table-row; } *[class*="--media-xl-d-table-cell"] { display: table-cell; } *[class*="--media-xl-d-flex"] { display: flex; } *[class*="--media-xl-d-inline-flex"] { display: inline-flex; } *[class*="--media-xl-d-none"] { display: none; } *[class*="--media-xl-maxw-2.5"] { max-width: 2.5px; } *[class*="--media-xl-maxw-5"] { max-width: 5px; } *[class*="--media-xl-maxw-7.5"] { max-width: 7.5px; } *[class*="--media-xl-maxw-10"] { max-width: 10px; } *[class*="--media-xl-maxw-12.5"] { max-width: 12.5px; } *[class*="--media-xl-maxw-15"] { max-width: 15px; } *[class*="--media-xl-maxw-17.5"] { max-width: 17.5px; } *[class*="--media-xl-maxw-20"] { max-width: 20px; } *[class*="--media-xl-maxw-25"] { max-width: 25px; } *[class*="--media-xl-maxw-30"] { max-width: 30px; } *[class*="--media-xl-maxw-35"] { max-width: 35px; } *[class*="--media-xl-maxw-40"] { max-width: 40px; } *[class*="--media-xl-maxw-45"] { max-width: 45px; } *[class*="--media-xl-maxw-50"] { max-width: 50px; } *[class*="--media-xl-maxw-55"] { max-width: 55px; } *[class*="--media-xl-maxw-60"] { max-width: 60px; } *[class*="--media-xl-maxw-65"] { max-width: 65px; } *[class*="--media-xl-maxw-70"] { max-width: 70px; } *[class*="--media-xl-maxw-75"] { max-width: 75px; } *[class*="--media-xl-maxw-80"] { max-width: 80px; } *[class*="--media-xl-maxw-85"] { max-width: 85px; } *[class*="--media-xl-maxw-90"] { max-width: 90px; } *[class*="--media-xl-maxw-95"] { max-width: 95px; } *[class*="--media-xl-maxw-100"] { max-width: 100px; } *[class*="--media-xl-maxw-105"] { max-width: 105px; } *[class*="--media-xl-maxw-110"] { max-width: 110px; } *[class*="--media-xl-maxw-115"] { max-width: 115px; } *[class*="--media-xl-maxw-120"] { max-width: 120px; } *[class*="--media-xl-maxw-125"] { max-width: 125px; } *[class*="--media-xl-maxw-150"] { max-width: 150px; } *[class*="--media-xl-maxw-200"] { max-width: 200px; } *[class*="--media-xl-maxw-250"] { max-width: 250px; } *[class*="--media-xl-maxw-300"] { max-width: 300px; } *[class*="--media-xl-maxw-350"] { max-width: 350px; } *[class*="--media-xl-maxw-400"] { max-width: 400px; } *[class*="--media-xl-maxw-450"] { max-width: 450px; } *[class*="--media-xl-maxw-500"] { max-width: 500px; } *[class*="--media-xl-maxw-550"] { max-width: 550px; } *[class*="--media-xl-maxw-600"] { max-width: 600px; } *[class*="--media-xl-maxw-650"] { max-width: 650px; } *[class*="--media-xl-maxw-reset"] { max-width: 0; } *[class*="--media-xl-maxw-auto"] { max-width: auto; } *[class*="--media-xl-maxw-inherit"] { max-width: inherit; } *[class*="--media-xl-maxw-xxxs"] { max-width: 0.125rem; } *[class*="--media-xl-maxw-xxs"] { max-width: 0.25rem; } *[class*="--media-xl-maxw-xs"] { max-width: 0.5rem; } *[class*="--media-xl-maxw-sm"] { max-width: 0.75rem; } *[class*="--media-xl-maxw-md"] { max-width: 1rem; } *[class*="--media-xl-maxw-lg"] { max-width: 1.5rem; } *[class*="--media-xl-maxw-xl"] { max-width: 2.5rem; } *[class*="--media-xl-maxw-xxl"] { max-width: 5rem; } *[class*="--media-xl-maxw-xxxl"] { max-width: 8rem; } *[class*="--media-xl-maxw-xxxxl"] { max-width: 12rem; } *[class*="--media-xl-maxw-xxxxxl"] { max-width: 15rem; } *[class*="--media-xl-maxw-xxxxxxl"] { max-width: 18rem; } *[class*="--media-xl-maxw-full"] { max-width: 100%; } *[class*="--media-xl-maxw-three-quarters"] { max-width: 75%; } *[class*="--media-xl-maxw-half"] { max-width: 50%; } *[class*="--media-xl-maxw-quarter"] { max-width: 25%; } *[class*="--media-xl-maxw-none"] { max-width: none; } *[class*="--media-xl-maxh-full"] { max-height: 100%; } *[class*="--media-xl-maxh-none"] { max-height: none; } *[class*="--media-xl-w-2.5"] { width: 2.5px; } *[class*="--media-xl-w-5"] { width: 5px; } *[class*="--media-xl-w-7.5"] { width: 7.5px; } *[class*="--media-xl-w-10"] { width: 10px; } *[class*="--media-xl-w-12.5"] { width: 12.5px; } *[class*="--media-xl-w-15"] { width: 15px; } *[class*="--media-xl-w-17.5"] { width: 17.5px; } *[class*="--media-xl-w-20"] { width: 20px; } *[class*="--media-xl-w-25"] { width: 25px; } *[class*="--media-xl-w-30"] { width: 30px; } *[class*="--media-xl-w-35"] { width: 35px; } *[class*="--media-xl-w-40"] { width: 40px; } *[class*="--media-xl-w-45"] { width: 45px; } *[class*="--media-xl-w-50"] { width: 50px; } *[class*="--media-xl-w-55"] { width: 55px; } *[class*="--media-xl-w-60"] { width: 60px; } *[class*="--media-xl-w-65"] { width: 65px; } *[class*="--media-xl-w-70"] { width: 70px; } *[class*="--media-xl-w-75"] { width: 75px; } *[class*="--media-xl-w-80"] { width: 80px; } *[class*="--media-xl-w-85"] { width: 85px; } *[class*="--media-xl-w-90"] { width: 90px; } *[class*="--media-xl-w-95"] { width: 95px; } *[class*="--media-xl-w-100"] { width: 100px; } *[class*="--media-xl-w-105"] { width: 105px; } *[class*="--media-xl-w-110"] { width: 110px; } *[class*="--media-xl-w-115"] { width: 115px; } *[class*="--media-xl-w-120"] { width: 120px; } *[class*="--media-xl-w-125"] { width: 125px; } *[class*="--media-xl-w-150"] { width: 150px; } *[class*="--media-xl-w-200"] { width: 200px; } *[class*="--media-xl-w-250"] { width: 250px; } *[class*="--media-xl-w-300"] { width: 300px; } *[class*="--media-xl-w-350"] { width: 350px; } *[class*="--media-xl-w-400"] { width: 400px; } *[class*="--media-xl-w-450"] { width: 450px; } *[class*="--media-xl-w-500"] { width: 500px; } *[class*="--media-xl-w-550"] { width: 550px; } *[class*="--media-xl-w-600"] { width: 600px; } *[class*="--media-xl-w-650"] { width: 650px; } *[class*="--media-xl-w-reset"] { width: 0; } *[class*="--media-xl-w-auto"] { width: auto; } *[class*="--media-xl-w-inherit"] { width: inherit; } *[class*="--media-xl-w-xxxs"] { width: 0.125rem; } *[class*="--media-xl-w-xxs"] { width: 0.25rem; } *[class*="--media-xl-w-xs"] { width: 0.5rem; } *[class*="--media-xl-w-sm"] { width: 0.75rem; } *[class*="--media-xl-w-md"] { width: 1rem; } *[class*="--media-xl-w-lg"] { width: 1.5rem; } *[class*="--media-xl-w-xl"] { width: 2.5rem; } *[class*="--media-xl-w-xxl"] { width: 5rem; } *[class*="--media-xl-w-xxxl"] { width: 8rem; } *[class*="--media-xl-w-xxxxl"] { width: 12rem; } *[class*="--media-xl-w-xxxxxl"] { width: 15rem; } *[class*="--media-xl-w-xxxxxxl"] { width: 18rem; } *[class*="--media-xl-w-full"] { width: 100%; } *[class*="--media-xl-w-three-quarters"] { width: 75%; } *[class*="--media-xl-w-half"] { width: 50%; } *[class*="--media-xl-w-quarter"] { width: 25%; } *[class*="--media-xl-w-max-content"] { width: max-content; } *[class*="--media-xl-h-2.5"] { height: 2.5px; } *[class*="--media-xl-h-5"] { height: 5px; } *[class*="--media-xl-h-7.5"] { height: 7.5px; } *[class*="--media-xl-h-10"] { height: 10px; } *[class*="--media-xl-h-12.5"] { height: 12.5px; } *[class*="--media-xl-h-15"] { height: 15px; } *[class*="--media-xl-h-17.5"] { height: 17.5px; } *[class*="--media-xl-h-20"] { height: 20px; } *[class*="--media-xl-h-25"] { height: 25px; } *[class*="--media-xl-h-30"] { height: 30px; } *[class*="--media-xl-h-35"] { height: 35px; } *[class*="--media-xl-h-40"] { height: 40px; } *[class*="--media-xl-h-45"] { height: 45px; } *[class*="--media-xl-h-50"] { height: 50px; } *[class*="--media-xl-h-55"] { height: 55px; } *[class*="--media-xl-h-60"] { height: 60px; } *[class*="--media-xl-h-65"] { height: 65px; } *[class*="--media-xl-h-70"] { height: 70px; } *[class*="--media-xl-h-75"] { height: 75px; } *[class*="--media-xl-h-80"] { height: 80px; } *[class*="--media-xl-h-85"] { height: 85px; } *[class*="--media-xl-h-90"] { height: 90px; } *[class*="--media-xl-h-95"] { height: 95px; } *[class*="--media-xl-h-100"] { height: 100px; } *[class*="--media-xl-h-105"] { height: 105px; } *[class*="--media-xl-h-110"] { height: 110px; } *[class*="--media-xl-h-115"] { height: 115px; } *[class*="--media-xl-h-120"] { height: 120px; } *[class*="--media-xl-h-125"] { height: 125px; } *[class*="--media-xl-h-150"] { height: 150px; } *[class*="--media-xl-h-200"] { height: 200px; } *[class*="--media-xl-h-250"] { height: 250px; } *[class*="--media-xl-h-300"] { height: 300px; } *[class*="--media-xl-h-350"] { height: 350px; } *[class*="--media-xl-h-400"] { height: 400px; } *[class*="--media-xl-h-450"] { height: 450px; } *[class*="--media-xl-h-500"] { height: 500px; } *[class*="--media-xl-h-550"] { height: 550px; } *[class*="--media-xl-h-600"] { height: 600px; } *[class*="--media-xl-h-650"] { height: 650px; } *[class*="--media-xl-h-reset"] { height: 0; } *[class*="--media-xl-h-auto"] { height: auto; } *[class*="--media-xl-h-inherit"] { height: inherit; } *[class*="--media-xl-h-xxxs"] { height: 0.125rem; } *[class*="--media-xl-h-xxs"] { height: 0.25rem; } *[class*="--media-xl-h-xs"] { height: 0.5rem; } *[class*="--media-xl-h-sm"] { height: 0.75rem; } *[class*="--media-xl-h-md"] { height: 1rem; } *[class*="--media-xl-h-lg"] { height: 1.5rem; } *[class*="--media-xl-h-xl"] { height: 2.5rem; } *[class*="--media-xl-h-xxl"] { height: 5rem; } *[class*="--media-xl-h-xxxl"] { height: 8rem; } *[class*="--media-xl-h-xxxxl"] { height: 12rem; } *[class*="--media-xl-h-xxxxxl"] { height: 15rem; } *[class*="--media-xl-h-xxxxxxl"] { height: 18rem; } *[class*="--media-xl-h-full"] { height: 100%; } *[class*="--media-xl-h-three-quarters"] { height: 75%; } *[class*="--media-xl-h-half"] { height: 50%; } *[class*="--media-xl-h-quarter"] { height: 25%; } *[class*="--media-xl-h-max-content"] { height: max-content; } *[class*="--media-xl-position-static"] { position: static; } *[class*="--media-xl-position-relative"] { position: relative; } *[class*="--media-xl-position-absolute"] { position: absolute; } *[class*="--media-xl-position-fixed"] { position: fixed; } *[class*="--media-xl-position-sticky"] { position: sticky; } *[class*="--media-xl-position-t-quarter"] { top: 25%; } *[class*="--media-xl-position-t-half"] { top: 50%; } *[class*="--media-xl-position-t-full"] { top: 100%; } *[class*="--media-xl-position-t-header"] { top: 100px; } *[class*="--media-xl-position-t-header-indent"] { top: calc(100px + 2rem); } *[class*="--media-xl-position-t-reset"] { top: 0; } *[class*="--media-xl-position-t-reset-opposite"] { top: -0; } *[class*="--media-xl-position-t-auto"] { top: auto; } *[class*="--media-xl-position-t-auto-opposite"] { top: -auto; } *[class*="--media-xl-position-t-inherit"] { top: inherit; } *[class*="--media-xl-position-t-inherit-opposite"] { top: -inherit; } *[class*="--media-xl-position-t-xxxs"] { top: 0.125rem; } *[class*="--media-xl-position-t-xxxs-opposite"] { top: -0.125rem; } *[class*="--media-xl-position-t-xxs"] { top: 0.25rem; } *[class*="--media-xl-position-t-xxs-opposite"] { top: -0.25rem; } *[class*="--media-xl-position-t-xs"] { top: 0.5rem; } *[class*="--media-xl-position-t-xs-opposite"] { top: -0.5rem; } *[class*="--media-xl-position-t-sm"] { top: 0.75rem; } *[class*="--media-xl-position-t-sm-opposite"] { top: -0.75rem; } *[class*="--media-xl-position-t-md"] { top: 1rem; } *[class*="--media-xl-position-t-md-opposite"] { top: -1rem; } *[class*="--media-xl-position-t-lg"] { top: 1.5rem; } *[class*="--media-xl-position-t-lg-opposite"] { top: -1.5rem; } *[class*="--media-xl-position-t-xl"] { top: 2.5rem; } *[class*="--media-xl-position-t-xl-opposite"] { top: -2.5rem; } *[class*="--media-xl-position-t-xxl"] { top: 5rem; } *[class*="--media-xl-position-t-xxl-opposite"] { top: -5rem; } *[class*="--media-xl-position-t-xxxl"] { top: 8rem; } *[class*="--media-xl-position-t-xxxl-opposite"] { top: -8rem; } *[class*="--media-xl-position-t-xxxxl"] { top: 12rem; } *[class*="--media-xl-position-t-xxxxl-opposite"] { top: -12rem; } *[class*="--media-xl-position-t-xxxxxl"] { top: 15rem; } *[class*="--media-xl-position-t-xxxxxl-opposite"] { top: -15rem; } *[class*="--media-xl-position-t-xxxxxxl"] { top: 18rem; } *[class*="--media-xl-position-t-xxxxxxl-opposite"] { top: -18rem; } *[class*="--media-xl-position-b-quarter"] { bottom: 25%; } *[class*="--media-xl-position-b-half"] { bottom: 50%; } *[class*="--media-xl-position-b-full"] { bottom: 100%; } *[class*="--media-xl-position-b-header"] { bottom: 100px; } *[class*="--media-xl-position-b-header-indent"] { bottom: calc(100px + 2rem); } *[class*="--media-xl-position-b-reset"] { bottom: 0; } *[class*="--media-xl-position-b-reset-opposite"] { bottom: -0; } *[class*="--media-xl-position-b-auto"] { bottom: auto; } *[class*="--media-xl-position-b-auto-opposite"] { bottom: -auto; } *[class*="--media-xl-position-b-inherit"] { bottom: inherit; } *[class*="--media-xl-position-b-inherit-opposite"] { bottom: -inherit; } *[class*="--media-xl-position-b-xxxs"] { bottom: 0.125rem; } *[class*="--media-xl-position-b-xxxs-opposite"] { bottom: -0.125rem; } *[class*="--media-xl-position-b-xxs"] { bottom: 0.25rem; } *[class*="--media-xl-position-b-xxs-opposite"] { bottom: -0.25rem; } *[class*="--media-xl-position-b-xs"] { bottom: 0.5rem; } *[class*="--media-xl-position-b-xs-opposite"] { bottom: -0.5rem; } *[class*="--media-xl-position-b-sm"] { bottom: 0.75rem; } *[class*="--media-xl-position-b-sm-opposite"] { bottom: -0.75rem; } *[class*="--media-xl-position-b-md"] { bottom: 1rem; } *[class*="--media-xl-position-b-md-opposite"] { bottom: -1rem; } *[class*="--media-xl-position-b-lg"] { bottom: 1.5rem; } *[class*="--media-xl-position-b-lg-opposite"] { bottom: -1.5rem; } *[class*="--media-xl-position-b-xl"] { bottom: 2.5rem; } *[class*="--media-xl-position-b-xl-opposite"] { bottom: -2.5rem; } *[class*="--media-xl-position-b-xxl"] { bottom: 5rem; } *[class*="--media-xl-position-b-xxl-opposite"] { bottom: -5rem; } *[class*="--media-xl-position-b-xxxl"] { bottom: 8rem; } *[class*="--media-xl-position-b-xxxl-opposite"] { bottom: -8rem; } *[class*="--media-xl-position-b-xxxxl"] { bottom: 12rem; } *[class*="--media-xl-position-b-xxxxl-opposite"] { bottom: -12rem; } *[class*="--media-xl-position-b-xxxxxl"] { bottom: 15rem; } *[class*="--media-xl-position-b-xxxxxl-opposite"] { bottom: -15rem; } *[class*="--media-xl-position-b-xxxxxxl"] { bottom: 18rem; } *[class*="--media-xl-position-b-xxxxxxl-opposite"] { bottom: -18rem; } *[class*="--media-xl-position-s-quarter"] { right: 25%; } *[class*="--media-xl-position-s-half"] { right: 50%; } *[class*="--media-xl-position-s-full"] { right: 100%; } *[class*="--media-xl-position-s-header"] { right: 100px; } *[class*="--media-xl-position-s-header-indent"] { right: calc(100px + 2rem); } *[class*="--media-xl-position-s-reset"] { right: 0; } *[class*="--media-xl-position-s-reset-opposite"] { right: -0; } *[class*="--media-xl-position-s-auto"] { right: auto; } *[class*="--media-xl-position-s-auto-opposite"] { right: -auto; } *[class*="--media-xl-position-s-inherit"] { right: inherit; } *[class*="--media-xl-position-s-inherit-opposite"] { right: -inherit; } *[class*="--media-xl-position-s-xxxs"] { right: 0.125rem; } *[class*="--media-xl-position-s-xxxs-opposite"] { right: -0.125rem; } *[class*="--media-xl-position-s-xxs"] { right: 0.25rem; } *[class*="--media-xl-position-s-xxs-opposite"] { right: -0.25rem; } *[class*="--media-xl-position-s-xs"] { right: 0.5rem; } *[class*="--media-xl-position-s-xs-opposite"] { right: -0.5rem; } *[class*="--media-xl-position-s-sm"] { right: 0.75rem; } *[class*="--media-xl-position-s-sm-opposite"] { right: -0.75rem; } *[class*="--media-xl-position-s-md"] { right: 1rem; } *[class*="--media-xl-position-s-md-opposite"] { right: -1rem; } *[class*="--media-xl-position-s-lg"] { right: 1.5rem; } *[class*="--media-xl-position-s-lg-opposite"] { right: -1.5rem; } *[class*="--media-xl-position-s-xl"] { right: 2.5rem; } *[class*="--media-xl-position-s-xl-opposite"] { right: -2.5rem; } *[class*="--media-xl-position-s-xxl"] { right: 5rem; } *[class*="--media-xl-position-s-xxl-opposite"] { right: -5rem; } *[class*="--media-xl-position-s-xxxl"] { right: 8rem; } *[class*="--media-xl-position-s-xxxl-opposite"] { right: -8rem; } *[class*="--media-xl-position-s-xxxxl"] { right: 12rem; } *[class*="--media-xl-position-s-xxxxl-opposite"] { right: -12rem; } *[class*="--media-xl-position-s-xxxxxl"] { right: 15rem; } *[class*="--media-xl-position-s-xxxxxl-opposite"] { right: -15rem; } *[class*="--media-xl-position-s-xxxxxxl"] { right: 18rem; } *[class*="--media-xl-position-s-xxxxxxl-opposite"] { right: -18rem; } *[class*="--media-xl-position-e-quarter"] { left: 25%; } *[class*="--media-xl-position-e-half"] { left: 50%; } *[class*="--media-xl-position-e-full"] { left: 100%; } *[class*="--media-xl-position-e-header"] { left: 100px; } *[class*="--media-xl-position-e-header-indent"] { left: calc(100px + 2rem); } *[class*="--media-xl-position-e-reset"] { left: 0; } *[class*="--media-xl-position-e-reset-opposite"] { left: -0; } *[class*="--media-xl-position-e-auto"] { left: auto; } *[class*="--media-xl-position-e-auto-opposite"] { left: -auto; } *[class*="--media-xl-position-e-inherit"] { left: inherit; } *[class*="--media-xl-position-e-inherit-opposite"] { left: -inherit; } *[class*="--media-xl-position-e-xxxs"] { left: 0.125rem; } *[class*="--media-xl-position-e-xxxs-opposite"] { left: -0.125rem; } *[class*="--media-xl-position-e-xxs"] { left: 0.25rem; } *[class*="--media-xl-position-e-xxs-opposite"] { left: -0.25rem; } *[class*="--media-xl-position-e-xs"] { left: 0.5rem; } *[class*="--media-xl-position-e-xs-opposite"] { left: -0.5rem; } *[class*="--media-xl-position-e-sm"] { left: 0.75rem; } *[class*="--media-xl-position-e-sm-opposite"] { left: -0.75rem; } *[class*="--media-xl-position-e-md"] { left: 1rem; } *[class*="--media-xl-position-e-md-opposite"] { left: -1rem; } *[class*="--media-xl-position-e-lg"] { left: 1.5rem; } *[class*="--media-xl-position-e-lg-opposite"] { left: -1.5rem; } *[class*="--media-xl-position-e-xl"] { left: 2.5rem; } *[class*="--media-xl-position-e-xl-opposite"] { left: -2.5rem; } *[class*="--media-xl-position-e-xxl"] { left: 5rem; } *[class*="--media-xl-position-e-xxl-opposite"] { left: -5rem; } *[class*="--media-xl-position-e-xxxl"] { left: 8rem; } *[class*="--media-xl-position-e-xxxl-opposite"] { left: -8rem; } *[class*="--media-xl-position-e-xxxxl"] { left: 12rem; } *[class*="--media-xl-position-e-xxxxl-opposite"] { left: -12rem; } *[class*="--media-xl-position-e-xxxxxl"] { left: 15rem; } *[class*="--media-xl-position-e-xxxxxl-opposite"] { left: -15rem; } *[class*="--media-xl-position-e-xxxxxxl"] { left: 18rem; } *[class*="--media-xl-position-e-xxxxxxl-opposite"] { left: -18rem; } *[class*="--media-xl-transform-translateX-full"] { --transform-translateX: 100%; } *[class*="--media-xl-transform-translateX-full-opposite"] { --transform-translateX: -100%; } *[class*="--media-xl-transform-translateX-half"] { --transform-translateX: 50%; } *[class*="--media-xl-transform-translateX-half-opposite"] { --transform-translateX: -50%; } *[class*="--media-xl-transform-translateX-reset"] { --transform-translateX: 0; } *[class*="--media-xl-transform-translateY-full"] { --transform-translateY: 100%; } *[class*="--media-xl-transform-translateY-full-opposite"] { --transform-translateY: -100%; } *[class*="--media-xl-transform-translateY-half"] { --transform-translateY: 50%; } *[class*="--media-xl-transform-translateY-half-opposite"] { --transform-translateY: -50%; } *[class*="--media-xl-transform-translateY-reset"] { --transform-translateY: 0; } *[class*="--media-xl-transform-scaleX-25"] { --transform-scaleX: 2; } *[class*="--media-xl-transform-scaleY-25"] { --transform-scaleY: 2; } *[class*="--media-xl-aspect-ratio-reset"] { --aspect-ratio: 0; } *[class*="--media-xl-aspect-ratio-1-1"] { --aspect-ratio: 1; } *[class*="--media-xl-aspect-ratio-1-1.15"] { --aspect-ratio: 1.15; } *[class*="--media-xl-aspect-ratio-1-1.33"] { --aspect-ratio: 1.33; } *[class*="--media-xl-aspect-ratio-1-1.5"] { --aspect-ratio: 1.5; } *[class*="--media-xl-aspect-ratio-1-3"] { --aspect-ratio: 3; } *[class*="--media-xl-aspect-ratio-4-3"] { --aspect-ratio: 0.75; } *[class*="--media-xl-aspect-ratio-3-2"] { --aspect-ratio: 0.67; } *[class*="--media-xl-aspect-ratio-16-9"] { --aspect-ratio: 0.5625; } *[class*="--media-xl-aspect-ratio-24-10"] { --aspect-ratio: 0.4167; } } @media (min-width: 1440px) { *[class*="--media-xxl-m-reset"] { margin: var(--spaces-reset, 0); } *[class*="--media-xxl-m-auto"] { margin: var(--spaces-auto, auto); } *[class*="--media-xxl-m-inherit"] { margin: var(--spaces-inherit, inherit); } *[class*="--media-xxl-m-xxxs"] { margin: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-m-xxs"] { margin: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-m-xs"] { margin: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-m-sm"] { margin: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-m-md"] { margin: var(--spaces-md, 1rem); } *[class*="--media-xxl-m-lg"] { margin: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-m-xl"] { margin: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-m-xxl"] { margin: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-m-xxxl"] { margin: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-m-xxxxl"] { margin: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-mx-reset"] { margin-right: var(--spaces-reset, 0); margin-left: var(--spaces-reset, 0); } *[class*="--media-xxl-mx-auto"] { margin-right: var(--spaces-auto, auto); margin-left: var(--spaces-auto, auto); } *[class*="--media-xxl-mx-inherit"] { margin-right: var(--spaces-inherit, inherit); margin-left: var(--spaces-inherit, inherit); } *[class*="--media-xxl-mx-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-mx-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-mx-xs"] { margin-right: var(--spaces-xs, 0.5rem); margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-mx-sm"] { margin-right: var(--spaces-sm, 0.75rem); margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-mx-md"] { margin-right: var(--spaces-md, 1rem); margin-left: var(--spaces-md, 1rem); } *[class*="--media-xxl-mx-lg"] { margin-right: var(--spaces-lg, 1.5rem); margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-mx-xl"] { margin-right: var(--spaces-xl, 2.5rem); margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-mx-xxl"] { margin-right: var(--spaces-xxl, 5rem); margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-mx-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-my-reset"] { margin-top: var(--spaces-reset, 0); margin-bottom: var(--spaces-reset, 0); } *[class*="--media-xxl-my-auto"] { margin-top: var(--spaces-auto, auto); margin-bottom: var(--spaces-auto, auto); } *[class*="--media-xxl-my-inherit"] { margin-top: var(--spaces-inherit, inherit); margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxl-my-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-my-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-my-xs"] { margin-top: var(--spaces-xs, 0.5rem); margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-my-sm"] { margin-top: var(--spaces-sm, 0.75rem); margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-my-md"] { margin-top: var(--spaces-md, 1rem); margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxl-my-lg"] { margin-top: var(--spaces-lg, 1.5rem); margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-my-xl"] { margin-top: var(--spaces-xl, 2.5rem); margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-my-xxl"] { margin-top: var(--spaces-xxl, 5rem); margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-my-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-mt-reset"] { margin-top: var(--spaces-reset, 0); } *[class*="--media-xxl-mt-auto"] { margin-top: var(--spaces-auto, auto); } *[class*="--media-xxl-mt-inherit"] { margin-top: var(--spaces-inherit, inherit); } *[class*="--media-xxl-mt-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-mt-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-mt-xs"] { margin-top: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-mt-sm"] { margin-top: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-mt-md"] { margin-top: var(--spaces-md, 1rem); } *[class*="--media-xxl-mt-lg"] { margin-top: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-mt-xl"] { margin-top: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-mt-xxl"] { margin-top: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-mt-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-mb-reset"] { margin-bottom: var(--spaces-reset, 0); } *[class*="--media-xxl-mb-auto"] { margin-bottom: var(--spaces-auto, auto); } *[class*="--media-xxl-mb-inherit"] { margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxl-mb-xxxs"] { margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-mb-xxs"] { margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-mb-xs"] { margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-mb-sm"] { margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-mb-md"] { margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxl-mb-lg"] { margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-mb-xl"] { margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-mb-xxl"] { margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-ms-reset"] { margin-right: var(--spaces-reset, 0); } *[class*="--media-xxl-ms-auto"] { margin-right: var(--spaces-auto, auto); } *[class*="--media-xxl-ms-inherit"] { margin-right: var(--spaces-inherit, inherit); } *[class*="--media-xxl-ms-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-ms-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-ms-xs"] { margin-right: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-ms-sm"] { margin-right: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-ms-md"] { margin-right: var(--spaces-md, 1rem); } *[class*="--media-xxl-ms-lg"] { margin-right: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-ms-xl"] { margin-right: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-ms-xxl"] { margin-right: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-ms-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-me-reset"] { margin-left: var(--spaces-reset, 0); } *[class*="--media-xxl-me-auto"] { margin-left: var(--spaces-auto, auto); } *[class*="--media-xxl-me-inherit"] { margin-left: var(--spaces-inherit, inherit); } *[class*="--media-xxl-me-xxxs"] { margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-me-xxs"] { margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-me-xs"] { margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-me-sm"] { margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-me-md"] { margin-left: var(--spaces-md, 1rem); } *[class*="--media-xxl-me-lg"] { margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-me-xl"] { margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-me-xxl"] { margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-me-xxxl"] { margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-p-reset"] { padding: var(--spaces-reset, 0); } *[class*="--media-xxl-p-auto"] { padding: var(--spaces-auto, auto); } *[class*="--media-xxl-p-inherit"] { padding: var(--spaces-inherit, inherit); } *[class*="--media-xxl-p-xxxs"] { padding: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-p-xxs"] { padding: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-p-xs"] { padding: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-p-sm"] { padding: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-p-md"] { padding: var(--spaces-md, 1rem); } *[class*="--media-xxl-p-lg"] { padding: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-p-xl"] { padding: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-p-xxl"] { padding: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-p-xxxl"] { padding: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-p-xxxxl"] { padding: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-px-reset"] { padding-right: var(--spaces-reset, 0); padding-left: var(--spaces-reset, 0); } *[class*="--media-xxl-px-auto"] { padding-right: var(--spaces-auto, auto); padding-left: var(--spaces-auto, auto); } *[class*="--media-xxl-px-inherit"] { padding-right: var(--spaces-inherit, inherit); padding-left: var(--spaces-inherit, inherit); } *[class*="--media-xxl-px-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-px-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-px-xs"] { padding-right: var(--spaces-xs, 0.5rem); padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-px-sm"] { padding-right: var(--spaces-sm, 0.75rem); padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-px-md"] { padding-right: var(--spaces-md, 1rem); padding-left: var(--spaces-md, 1rem); } *[class*="--media-xxl-px-lg"] { padding-right: var(--spaces-lg, 1.5rem); padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-px-xl"] { padding-right: var(--spaces-xl, 2.5rem); padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-px-xxl"] { padding-right: var(--spaces-xxl, 5rem); padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-px-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-py-reset"] { padding-top: var(--spaces-reset, 0); padding-bottom: var(--spaces-reset, 0); } *[class*="--media-xxl-py-auto"] { padding-top: var(--spaces-auto, auto); padding-bottom: var(--spaces-auto, auto); } *[class*="--media-xxl-py-inherit"] { padding-top: var(--spaces-inherit, inherit); padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxl-py-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-py-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-py-xs"] { padding-top: var(--spaces-xs, 0.5rem); padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-py-sm"] { padding-top: var(--spaces-sm, 0.75rem); padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-py-md"] { padding-top: var(--spaces-md, 1rem); padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxl-py-lg"] { padding-top: var(--spaces-lg, 1.5rem); padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-py-xl"] { padding-top: var(--spaces-xl, 2.5rem); padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-py-xxl"] { padding-top: var(--spaces-xxl, 5rem); padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-py-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-pt-reset"] { padding-top: var(--spaces-reset, 0); } *[class*="--media-xxl-pt-auto"] { padding-top: var(--spaces-auto, auto); } *[class*="--media-xxl-pt-inherit"] { padding-top: var(--spaces-inherit, inherit); } *[class*="--media-xxl-pt-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-pt-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-pt-xs"] { padding-top: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-pt-sm"] { padding-top: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-pt-md"] { padding-top: var(--spaces-md, 1rem); } *[class*="--media-xxl-pt-lg"] { padding-top: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-pt-xl"] { padding-top: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-pt-xxl"] { padding-top: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-pt-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-pb-reset"] { padding-bottom: var(--spaces-reset, 0); } *[class*="--media-xxl-pb-auto"] { padding-bottom: var(--spaces-auto, auto); } *[class*="--media-xxl-pb-inherit"] { padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxl-pb-xxxs"] { padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-pb-xxs"] { padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-pb-xs"] { padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-pb-sm"] { padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-pb-md"] { padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxl-pb-lg"] { padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-pb-xl"] { padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-pb-xxl"] { padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-ps-reset"] { padding-right: var(--spaces-reset, 0); } *[class*="--media-xxl-ps-auto"] { padding-right: var(--spaces-auto, auto); } *[class*="--media-xxl-ps-inherit"] { padding-right: var(--spaces-inherit, inherit); } *[class*="--media-xxl-ps-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-ps-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-ps-xs"] { padding-right: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-ps-sm"] { padding-right: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-ps-md"] { padding-right: var(--spaces-md, 1rem); } *[class*="--media-xxl-ps-lg"] { padding-right: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-ps-xl"] { padding-right: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-ps-xxl"] { padding-right: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-ps-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-pe-reset"] { padding-left: var(--spaces-reset, 0); } *[class*="--media-xxl-pe-auto"] { padding-left: var(--spaces-auto, auto); } *[class*="--media-xxl-pe-inherit"] { padding-left: var(--spaces-inherit, inherit); } *[class*="--media-xxl-pe-xxxs"] { padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxl-pe-xxs"] { padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxl-pe-xs"] { padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxl-pe-sm"] { padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxl-pe-md"] { padding-left: var(--spaces-md, 1rem); } *[class*="--media-xxl-pe-lg"] { padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxl-pe-xl"] { padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxl-pe-xxl"] { padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxl-pe-xxxl"] { padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxl-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxl-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxl-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxl-flex-1"] { flex: 1 1 0%; } *[class*="--media-xxl-flex-auto"] { flex: 1 1 auto; } *[class*="--media-xxl-flex-initial"] { flex: 0 1 auto; } *[class*="--media-xxl-flex-none"] { flex: none; } *[class*="--media-xxl-flex-direction-row"] { flex-direction: row; } *[class*="--media-xxl-flex-direction-row-reverse"] { flex-direction: row-reverse; } *[class*="--media-xxl-flex-direction-column"] { flex-direction: column; } *[class*="--media-xxl-flex-direction-column-reverse"] { flex-direction: column-reverse; } *[class*="--media-xxl-flex-wrap-wrap"] { flex-wrap: wrap; } *[class*="--media-xxl-flex-wrap-nowrap"] { flex-wrap: nowrap; } *[class*="--media-xxl-order-first"] { order: -1; } *[class*="--media-xxl-order-0"] { order: 0; } *[class*="--media-xxl-order-1"] { order: 1; } *[class*="--media-xxl-order-2"] { order: 2; } *[class*="--media-xxl-order-3"] { order: 3; } *[class*="--media-xxl-order-4"] { order: 4; } *[class*="--media-xxl-order-5"] { order: 5; } *[class*="--media-xxl-order-6"] { order: 6; } *[class*="--media-xxl-order-7"] { order: 7; } *[class*="--media-xxl-order-8"] { order: 8; } *[class*="--media-xxl-order-9"] { order: 9; } *[class*="--media-xxl-order-last"] { order: 10; } *[class*="--media-xxl-flex-basis-auto"] { flex-basis: auto; } *[class*="--media-xxl-flex-basis-0"] { flex-basis: 0; } *[class*="--media-xxl-flex-basis-1"] { flex-basis: 1; } *[class*="--media-xxl-flex-grow-auto"] { flex-grow: auto; } *[class*="--media-xxl-flex-grow-0"] { flex-grow: 0; } *[class*="--media-xxl-flex-grow-1"] { flex-grow: 1; } *[class*="--media-xxl-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)); } *[class*="--media-xxl-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } *[class*="--media-xxl-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } *[class*="--media-xxl-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } *[class*="--media-xxl-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); } *[class*="--media-xxl-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); } *[class*="--media-xxl-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)); } *[class*="--media-xxl-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)); } *[class*="--media-xxl-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)); } *[class*="--media-xxl-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)); } *[class*="--media-xxl-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)); } *[class*="--media-xxl-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)); } *[class*="--media-xxl-col-span-full"] { grid-column: -1; } *[class*="--media-xxl-col-span-1"] { grid-column: span 1/span 1; } *[class*="--media-xxl-col-span-2"] { grid-column: span 2/span 2; } *[class*="--media-xxl-col-span-3"] { grid-column: span 3/span 3; } *[class*="--media-xxl-col-span-4"] { grid-column: span 4/span 4; } *[class*="--media-xxl-col-span-5"] { grid-column: span 5/span 5; } *[class*="--media-xxl-col-span-6"] { grid-column: span 6/span 6; } *[class*="--media-xxl-col-span-7"] { grid-column: span 7/span 7; } *[class*="--media-xxl-col-span-8"] { grid-column: span 8/span 8; } *[class*="--media-xxl-col-span-9"] { grid-column: span 9/span 9; } *[class*="--media-xxl-col-span-10"] { grid-column: span 10/span 10; } *[class*="--media-xxl-col-span-11"] { grid-column: span 11/span 11; } *[class*="--media-xxl-col-span-12"] { grid-column: span 12/span 12; } *[class*="--media-xxl-col-start-auto"] { grid-column-start: auto; } *[class*="--media-xxl-col-start-1"] { grid-column-start: 1; } *[class*="--media-xxl-col-start-2"] { grid-column-start: 2; } *[class*="--media-xxl-col-start-3"] { grid-column-start: 3; } *[class*="--media-xxl-col-start-4"] { grid-column-start: 4; } *[class*="--media-xxl-col-start-5"] { grid-column-start: 5; } *[class*="--media-xxl-col-start-6"] { grid-column-start: 6; } *[class*="--media-xxl-col-start-7"] { grid-column-start: 7; } *[class*="--media-xxl-col-start-8"] { grid-column-start: 8; } *[class*="--media-xxl-col-start-9"] { grid-column-start: 9; } *[class*="--media-xxl-col-start-10"] { grid-column-start: 10; } *[class*="--media-xxl-col-start-11"] { grid-column-start: 11; } *[class*="--media-xxl-col-start-12"] { grid-column-start: 12; } *[class*="--media-xxl-col-end-auto"] { grid-column-end: auto; } *[class*="--media-xxl-col-end-1"] { grid-column-end: 1; } *[class*="--media-xxl-col-end-2"] { grid-column-end: 2; } *[class*="--media-xxl-col-end-3"] { grid-column-end: 3; } *[class*="--media-xxl-col-end-4"] { grid-column-end: 4; } *[class*="--media-xxl-col-end-5"] { grid-column-end: 5; } *[class*="--media-xxl-col-end-6"] { grid-column-end: 6; } *[class*="--media-xxl-col-end-7"] { grid-column-end: 7; } *[class*="--media-xxl-col-end-8"] { grid-column-end: 8; } *[class*="--media-xxl-col-end-9"] { grid-column-end: 9; } *[class*="--media-xxl-col-end-10"] { grid-column-end: 10; } *[class*="--media-xxl-col-end-11"] { grid-column-end: 11; } *[class*="--media-xxl-col-end-12"] { grid-column-end: 12; } *[class*="--media-xxl-gap-reset"] { gap: 0; } *[class*="--media-xxl-gap-auto"] { gap: auto; } *[class*="--media-xxl-gap-inherit"] { gap: inherit; } *[class*="--media-xxl-gap-xxxs"] { gap: 0.125rem; } *[class*="--media-xxl-gap-xxs"] { gap: 0.25rem; } *[class*="--media-xxl-gap-xs"] { gap: 0.5rem; } *[class*="--media-xxl-gap-sm"] { gap: 0.75rem; } *[class*="--media-xxl-gap-md"] { gap: 1rem; } *[class*="--media-xxl-gap-lg"] { gap: 1.5rem; } *[class*="--media-xxl-gap-xl"] { gap: 2.5rem; } *[class*="--media-xxl-gap-xxl"] { gap: 5rem; } *[class*="--media-xxl-gap-xxxl"] { gap: 8rem; } *[class*="--media-xxl-gap-xxxxl"] { gap: 12rem; } *[class*="--media-xxl-gap-xxxxxl"] { gap: 15rem; } *[class*="--media-xxl-gap-xxxxxxl"] { gap: 18rem; } *[class*="--media-xxl-gap-x-reset"] { column-gap: 0; } *[class*="--media-xxl-gap-x-auto"] { column-gap: auto; } *[class*="--media-xxl-gap-x-inherit"] { column-gap: inherit; } *[class*="--media-xxl-gap-x-xxxs"] { column-gap: 0.125rem; } *[class*="--media-xxl-gap-x-xxs"] { column-gap: 0.25rem; } *[class*="--media-xxl-gap-x-xs"] { column-gap: 0.5rem; } *[class*="--media-xxl-gap-x-sm"] { column-gap: 0.75rem; } *[class*="--media-xxl-gap-x-md"] { column-gap: 1rem; } *[class*="--media-xxl-gap-x-lg"] { column-gap: 1.5rem; } *[class*="--media-xxl-gap-x-xl"] { column-gap: 2.5rem; } *[class*="--media-xxl-gap-x-xxl"] { column-gap: 5rem; } *[class*="--media-xxl-gap-x-xxxl"] { column-gap: 8rem; } *[class*="--media-xxl-gap-x-xxxxl"] { column-gap: 12rem; } *[class*="--media-xxl-gap-x-xxxxxl"] { column-gap: 15rem; } *[class*="--media-xxl-gap-x-xxxxxxl"] { column-gap: 18rem; } *[class*="--media-xxl-gap-y-reset"] { row-gap: 0; } *[class*="--media-xxl-gap-y-auto"] { row-gap: auto; } *[class*="--media-xxl-gap-y-inherit"] { row-gap: inherit; } *[class*="--media-xxl-gap-y-xxxs"] { row-gap: 0.125rem; } *[class*="--media-xxl-gap-y-xxs"] { row-gap: 0.25rem; } *[class*="--media-xxl-gap-y-xs"] { row-gap: 0.5rem; } *[class*="--media-xxl-gap-y-sm"] { row-gap: 0.75rem; } *[class*="--media-xxl-gap-y-md"] { row-gap: 1rem; } *[class*="--media-xxl-gap-y-lg"] { row-gap: 1.5rem; } *[class*="--media-xxl-gap-y-xl"] { row-gap: 2.5rem; } *[class*="--media-xxl-gap-y-xxl"] { row-gap: 5rem; } *[class*="--media-xxl-gap-y-xxxl"] { row-gap: 8rem; } *[class*="--media-xxl-gap-y-xxxxl"] { row-gap: 12rem; } *[class*="--media-xxl-gap-y-xxxxxl"] { row-gap: 15rem; } *[class*="--media-xxl-gap-y-xxxxxxl"] { row-gap: 18rem; } *[class*="--media-xxl-justify-content-start"] { justify-content: flex-start; } *[class*="--media-xxl-justify-content-end"] { justify-content: flex-end; } *[class*="--media-xxl-justify-content-center"] { justify-content: center; } *[class*="--media-xxl-justify-content-between"] { justify-content: space-between; } *[class*="--media-xxl-justify-content-around"] { justify-content: space-around; } *[class*="--media-xxl-justify-content-evenly"] { justify-content: space-evenly; } *[class*="--media-xxl-align-items-start"] { align-items: flex-start; } *[class*="--media-xxl-align-items-end"] { align-items: flex-end; } *[class*="--media-xxl-align-items-center"] { align-items: center; } *[class*="--media-xxl-align-items-baseline"] { align-items: baseline; } *[class*="--media-xxl-align-items-stretch"] { align-items: stretch; } *[class*="--media-xxl-align-content-start"] { align-content: flex-start; } *[class*="--media-xxl-align-content-end"] { align-content: flex-end; } *[class*="--media-xxl-align-content-center"] { align-content: center; } *[class*="--media-xxl-align-content-between"] { align-content: space-between; } *[class*="--media-xxl-align-content-around"] { align-content: space-around; } *[class*="--media-xxl-align-content-stretch"] { align-content: stretch; } *[class*="--media-xxl-justify-self-auto"] { justify-self: auto; } *[class*="--media-xxl-justify-self-start"] { justify-self: flex-start; } *[class*="--media-xxl-justify-self-end"] { justify-self: flex-end; } *[class*="--media-xxl-justify-self-center"] { justify-self: center; } *[class*="--media-xxl-justify-self-baseline"] { justify-self: baseline; } *[class*="--media-xxl-justify-self-stretch"] { justify-self: stretch; } *[class*="--media-xxl-align-self-auto"] { align-self: auto; } *[class*="--media-xxl-align-self-start"] { align-self: flex-start; } *[class*="--media-xxl-align-self-end"] { align-self: flex-end; } *[class*="--media-xxl-align-self-center"] { align-self: center; } *[class*="--media-xxl-align-self-baseline"] { align-self: baseline; } *[class*="--media-xxl-align-self-stretch"] { align-self: stretch; } *[class*="--media-xxl-b-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-b-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxl-b-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxl-b-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxl-b-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxl-b-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxl-b-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxl-b-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-b-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-b-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-b-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxl-b-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-b-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-b-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-b-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxl-b-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxl-b-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxl-b-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxl-b-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-b-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-b-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-b-0"] { border: 0; } *[class*="--media-xxl-b-bg-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-b-bg-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxl-b-bg-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxl-b-bg-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxl-b-bg-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxl-b-bg-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxl-b-bg-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxl-b-bg-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-b-bg-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-b-bg-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-b-bg-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxl-b-bg-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-b-bg-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-b-bg-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-b-bg-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxl-b-bg-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxl-b-bg-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxl-b-bg-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxl-b-bg-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-b-bg-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-b-bg-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-b-bg-0"] { border: 0; } *[class*="--media-xxl-bt-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bt-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxl-bt-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxl-bt-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxl-bt-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxl-bt-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxl-bt-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxl-bt-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bt-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bt-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bt-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxl-bt-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bt-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bt-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bt-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxl-bt-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxl-bt-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxl-bt-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxl-bt-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bt-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bt-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bt-0"] { border-top: 0; } *[class*="--media-xxl-bt-bg-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bt-bg-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxl-bt-bg-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxl-bt-bg-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxl-bt-bg-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxl-bt-bg-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxl-bt-bg-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxl-bt-bg-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bt-bg-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bt-bg-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bt-bg-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxl-bt-bg-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bt-bg-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bt-bg-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bt-bg-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxl-bt-bg-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxl-bt-bg-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxl-bt-bg-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxl-bt-bg-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bt-bg-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bt-bg-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bt-bg-0"] { border-top: 0; } *[class*="--media-xxl-bb-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bb-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxl-bb-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxl-bb-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxl-bb-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxl-bb-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxl-bb-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxl-bb-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bb-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bb-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bb-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxl-bb-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bb-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bb-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bb-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxl-bb-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxl-bb-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxl-bb-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxl-bb-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bb-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bb-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bb-0"] { border-bottom: 0; } *[class*="--media-xxl-bb-bg-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bb-bg-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxl-bb-bg-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxl-bb-bg-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxl-bb-bg-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxl-bb-bg-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxl-bb-bg-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxl-bb-bg-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bb-bg-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bb-bg-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bb-bg-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxl-bb-bg-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bb-bg-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bb-bg-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bb-bg-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxl-bb-bg-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxl-bb-bg-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxl-bb-bg-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxl-bb-bg-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bb-bg-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bb-bg-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bb-bg-0"] { border-bottom: 0; } *[class*="--media-xxl-bs-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bs-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxl-bs-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxl-bs-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxl-bs-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxl-bs-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxl-bs-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxl-bs-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bs-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bs-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bs-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxl-bs-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bs-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bs-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bs-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxl-bs-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxl-bs-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxl-bs-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxl-bs-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bs-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bs-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bs-0"] { border-right: 0; } *[class*="--media-xxl-bs-bg-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bs-bg-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxl-bs-bg-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxl-bs-bg-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxl-bs-bg-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxl-bs-bg-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxl-bs-bg-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxl-bs-bg-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bs-bg-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-bs-bg-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bs-bg-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxl-bs-bg-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-bs-bg-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bs-bg-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bs-bg-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxl-bs-bg-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxl-bs-bg-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxl-bs-bg-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxl-bs-bg-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bs-bg-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bs-bg-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bs-bg-0"] { border-right: 0; } *[class*="--media-xxl-be-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-be-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxl-be-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxl-be-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxl-be-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxl-be-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxl-be-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxl-be-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-be-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-be-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-be-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxl-be-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-be-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-be-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-be-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxl-be-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxl-be-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxl-be-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxl-be-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-be-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-be-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-be-0"] { border-left: 0; } *[class*="--media-xxl-be-bg-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-be-bg-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxl-be-bg-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxl-be-bg-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxl-be-bg-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxl-be-bg-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxl-be-bg-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxl-be-bg-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-be-bg-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxl-be-bg-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-be-bg-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxl-be-bg-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxl-be-bg-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-be-bg-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-be-bg-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxl-be-bg-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxl-be-bg-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxl-be-bg-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxl-be-bg-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-be-bg-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-be-bg-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-be-bg-0"] { border-left: 0; } *[class*="--media-xxl-tsize-xxs"] { font-size: var(--font-sizes-xxs, 0.55rem); } *[class*="--media-xxl-tsize-xs"] { font-size: var(--font-sizes-xs, 0.825rem); } *[class*="--media-xxl-tsize-sm"] { font-size: var(--font-sizes-sm, 0.99rem); } *[class*="--media-xxl-tsize-md"] { font-size: var(--font-sizes-md, 1.1rem); } *[class*="--media-xxl-tsize-lg"] { font-size: var(--font-sizes-lg, 1.375rem); } *[class*="--media-xxl-tsize-xl"] { font-size: var(--font-sizes-xl, 1.925rem); } *[class*="--media-xxl-tsize-xxl"] { font-size: var(--font-sizes-xxl, 2.75rem); } *[class*="--media-xxl-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.4rem); } *[class*="--media-xxl-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 6.05rem); } *[class*="--media-xxl-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 7.15rem); } *[class*="--media-xxl-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 8.8rem); } *[class*="--media-xxl-tweight-thin"] { font-weight: var(--font-weights-thin, 100); } *[class*="--media-xxl-tweight-extra-light"] { font-weight: var(--font-weights-extra-light, 200); } *[class*="--media-xxl-tweight-light"] { font-weight: var(--font-weights-light, 300); } *[class*="--media-xxl-tweight-regular"] { font-weight: var(--font-weights-regular, 400); } *[class*="--media-xxl-tweight-medium"] { font-weight: var(--font-weights-medium, 500); } *[class*="--media-xxl-tweight-semi-bold"] { font-weight: var(--font-weights-semi-bold, 600); } *[class*="--media-xxl-tweight-bold"] { font-weight: var(--font-weights-bold, 700); } *[class*="--media-xxl-tweight-extra-bold"] { font-weight: var(--font-weights-extra-bold, 800); } *[class*="--media-xxl-tweight-black"] { font-weight: var(--font-weights-black, 900); } *[class*="--media-xxl-talign-c"] { text-align: center; } *[class*="--media-xxl-talign-s"] { text-align: right; } *[class*="--media-xxl-talign-e"] { text-align: left; } *[class*="--media-xxl-ttruncate-2"] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxl-ttruncate-3"] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxl-ttruncate-4"] { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxl-ttruncate-5"] { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxl-d-inline"] { display: inline; } *[class*="--media-xxl-d-inline-block"] { display: inline-block; } *[class*="--media-xxl-d-block"] { display: block; } *[class*="--media-xxl-d-grid"] { display: grid; } *[class*="--media-xxl-d-table"] { display: table; } *[class*="--media-xxl-d-table-row"] { display: table-row; } *[class*="--media-xxl-d-table-cell"] { display: table-cell; } *[class*="--media-xxl-d-flex"] { display: flex; } *[class*="--media-xxl-d-inline-flex"] { display: inline-flex; } *[class*="--media-xxl-d-none"] { display: none; } *[class*="--media-xxl-maxw-2.5"] { max-width: 2.5px; } *[class*="--media-xxl-maxw-5"] { max-width: 5px; } *[class*="--media-xxl-maxw-7.5"] { max-width: 7.5px; } *[class*="--media-xxl-maxw-10"] { max-width: 10px; } *[class*="--media-xxl-maxw-12.5"] { max-width: 12.5px; } *[class*="--media-xxl-maxw-15"] { max-width: 15px; } *[class*="--media-xxl-maxw-17.5"] { max-width: 17.5px; } *[class*="--media-xxl-maxw-20"] { max-width: 20px; } *[class*="--media-xxl-maxw-25"] { max-width: 25px; } *[class*="--media-xxl-maxw-30"] { max-width: 30px; } *[class*="--media-xxl-maxw-35"] { max-width: 35px; } *[class*="--media-xxl-maxw-40"] { max-width: 40px; } *[class*="--media-xxl-maxw-45"] { max-width: 45px; } *[class*="--media-xxl-maxw-50"] { max-width: 50px; } *[class*="--media-xxl-maxw-55"] { max-width: 55px; } *[class*="--media-xxl-maxw-60"] { max-width: 60px; } *[class*="--media-xxl-maxw-65"] { max-width: 65px; } *[class*="--media-xxl-maxw-70"] { max-width: 70px; } *[class*="--media-xxl-maxw-75"] { max-width: 75px; } *[class*="--media-xxl-maxw-80"] { max-width: 80px; } *[class*="--media-xxl-maxw-85"] { max-width: 85px; } *[class*="--media-xxl-maxw-90"] { max-width: 90px; } *[class*="--media-xxl-maxw-95"] { max-width: 95px; } *[class*="--media-xxl-maxw-100"] { max-width: 100px; } *[class*="--media-xxl-maxw-105"] { max-width: 105px; } *[class*="--media-xxl-maxw-110"] { max-width: 110px; } *[class*="--media-xxl-maxw-115"] { max-width: 115px; } *[class*="--media-xxl-maxw-120"] { max-width: 120px; } *[class*="--media-xxl-maxw-125"] { max-width: 125px; } *[class*="--media-xxl-maxw-150"] { max-width: 150px; } *[class*="--media-xxl-maxw-200"] { max-width: 200px; } *[class*="--media-xxl-maxw-250"] { max-width: 250px; } *[class*="--media-xxl-maxw-300"] { max-width: 300px; } *[class*="--media-xxl-maxw-350"] { max-width: 350px; } *[class*="--media-xxl-maxw-400"] { max-width: 400px; } *[class*="--media-xxl-maxw-450"] { max-width: 450px; } *[class*="--media-xxl-maxw-500"] { max-width: 500px; } *[class*="--media-xxl-maxw-550"] { max-width: 550px; } *[class*="--media-xxl-maxw-600"] { max-width: 600px; } *[class*="--media-xxl-maxw-650"] { max-width: 650px; } *[class*="--media-xxl-maxw-reset"] { max-width: 0; } *[class*="--media-xxl-maxw-auto"] { max-width: auto; } *[class*="--media-xxl-maxw-inherit"] { max-width: inherit; } *[class*="--media-xxl-maxw-xxxs"] { max-width: 0.125rem; } *[class*="--media-xxl-maxw-xxs"] { max-width: 0.25rem; } *[class*="--media-xxl-maxw-xs"] { max-width: 0.5rem; } *[class*="--media-xxl-maxw-sm"] { max-width: 0.75rem; } *[class*="--media-xxl-maxw-md"] { max-width: 1rem; } *[class*="--media-xxl-maxw-lg"] { max-width: 1.5rem; } *[class*="--media-xxl-maxw-xl"] { max-width: 2.5rem; } *[class*="--media-xxl-maxw-xxl"] { max-width: 5rem; } *[class*="--media-xxl-maxw-xxxl"] { max-width: 8rem; } *[class*="--media-xxl-maxw-xxxxl"] { max-width: 12rem; } *[class*="--media-xxl-maxw-xxxxxl"] { max-width: 15rem; } *[class*="--media-xxl-maxw-xxxxxxl"] { max-width: 18rem; } *[class*="--media-xxl-maxw-full"] { max-width: 100%; } *[class*="--media-xxl-maxw-three-quarters"] { max-width: 75%; } *[class*="--media-xxl-maxw-half"] { max-width: 50%; } *[class*="--media-xxl-maxw-quarter"] { max-width: 25%; } *[class*="--media-xxl-maxw-none"] { max-width: none; } *[class*="--media-xxl-maxh-full"] { max-height: 100%; } *[class*="--media-xxl-maxh-none"] { max-height: none; } *[class*="--media-xxl-w-2.5"] { width: 2.5px; } *[class*="--media-xxl-w-5"] { width: 5px; } *[class*="--media-xxl-w-7.5"] { width: 7.5px; } *[class*="--media-xxl-w-10"] { width: 10px; } *[class*="--media-xxl-w-12.5"] { width: 12.5px; } *[class*="--media-xxl-w-15"] { width: 15px; } *[class*="--media-xxl-w-17.5"] { width: 17.5px; } *[class*="--media-xxl-w-20"] { width: 20px; } *[class*="--media-xxl-w-25"] { width: 25px; } *[class*="--media-xxl-w-30"] { width: 30px; } *[class*="--media-xxl-w-35"] { width: 35px; } *[class*="--media-xxl-w-40"] { width: 40px; } *[class*="--media-xxl-w-45"] { width: 45px; } *[class*="--media-xxl-w-50"] { width: 50px; } *[class*="--media-xxl-w-55"] { width: 55px; } *[class*="--media-xxl-w-60"] { width: 60px; } *[class*="--media-xxl-w-65"] { width: 65px; } *[class*="--media-xxl-w-70"] { width: 70px; } *[class*="--media-xxl-w-75"] { width: 75px; } *[class*="--media-xxl-w-80"] { width: 80px; } *[class*="--media-xxl-w-85"] { width: 85px; } *[class*="--media-xxl-w-90"] { width: 90px; } *[class*="--media-xxl-w-95"] { width: 95px; } *[class*="--media-xxl-w-100"] { width: 100px; } *[class*="--media-xxl-w-105"] { width: 105px; } *[class*="--media-xxl-w-110"] { width: 110px; } *[class*="--media-xxl-w-115"] { width: 115px; } *[class*="--media-xxl-w-120"] { width: 120px; } *[class*="--media-xxl-w-125"] { width: 125px; } *[class*="--media-xxl-w-150"] { width: 150px; } *[class*="--media-xxl-w-200"] { width: 200px; } *[class*="--media-xxl-w-250"] { width: 250px; } *[class*="--media-xxl-w-300"] { width: 300px; } *[class*="--media-xxl-w-350"] { width: 350px; } *[class*="--media-xxl-w-400"] { width: 400px; } *[class*="--media-xxl-w-450"] { width: 450px; } *[class*="--media-xxl-w-500"] { width: 500px; } *[class*="--media-xxl-w-550"] { width: 550px; } *[class*="--media-xxl-w-600"] { width: 600px; } *[class*="--media-xxl-w-650"] { width: 650px; } *[class*="--media-xxl-w-reset"] { width: 0; } *[class*="--media-xxl-w-auto"] { width: auto; } *[class*="--media-xxl-w-inherit"] { width: inherit; } *[class*="--media-xxl-w-xxxs"] { width: 0.125rem; } *[class*="--media-xxl-w-xxs"] { width: 0.25rem; } *[class*="--media-xxl-w-xs"] { width: 0.5rem; } *[class*="--media-xxl-w-sm"] { width: 0.75rem; } *[class*="--media-xxl-w-md"] { width: 1rem; } *[class*="--media-xxl-w-lg"] { width: 1.5rem; } *[class*="--media-xxl-w-xl"] { width: 2.5rem; } *[class*="--media-xxl-w-xxl"] { width: 5rem; } *[class*="--media-xxl-w-xxxl"] { width: 8rem; } *[class*="--media-xxl-w-xxxxl"] { width: 12rem; } *[class*="--media-xxl-w-xxxxxl"] { width: 15rem; } *[class*="--media-xxl-w-xxxxxxl"] { width: 18rem; } *[class*="--media-xxl-w-full"] { width: 100%; } *[class*="--media-xxl-w-three-quarters"] { width: 75%; } *[class*="--media-xxl-w-half"] { width: 50%; } *[class*="--media-xxl-w-quarter"] { width: 25%; } *[class*="--media-xxl-w-max-content"] { width: max-content; } *[class*="--media-xxl-h-2.5"] { height: 2.5px; } *[class*="--media-xxl-h-5"] { height: 5px; } *[class*="--media-xxl-h-7.5"] { height: 7.5px; } *[class*="--media-xxl-h-10"] { height: 10px; } *[class*="--media-xxl-h-12.5"] { height: 12.5px; } *[class*="--media-xxl-h-15"] { height: 15px; } *[class*="--media-xxl-h-17.5"] { height: 17.5px; } *[class*="--media-xxl-h-20"] { height: 20px; } *[class*="--media-xxl-h-25"] { height: 25px; } *[class*="--media-xxl-h-30"] { height: 30px; } *[class*="--media-xxl-h-35"] { height: 35px; } *[class*="--media-xxl-h-40"] { height: 40px; } *[class*="--media-xxl-h-45"] { height: 45px; } *[class*="--media-xxl-h-50"] { height: 50px; } *[class*="--media-xxl-h-55"] { height: 55px; } *[class*="--media-xxl-h-60"] { height: 60px; } *[class*="--media-xxl-h-65"] { height: 65px; } *[class*="--media-xxl-h-70"] { height: 70px; } *[class*="--media-xxl-h-75"] { height: 75px; } *[class*="--media-xxl-h-80"] { height: 80px; } *[class*="--media-xxl-h-85"] { height: 85px; } *[class*="--media-xxl-h-90"] { height: 90px; } *[class*="--media-xxl-h-95"] { height: 95px; } *[class*="--media-xxl-h-100"] { height: 100px; } *[class*="--media-xxl-h-105"] { height: 105px; } *[class*="--media-xxl-h-110"] { height: 110px; } *[class*="--media-xxl-h-115"] { height: 115px; } *[class*="--media-xxl-h-120"] { height: 120px; } *[class*="--media-xxl-h-125"] { height: 125px; } *[class*="--media-xxl-h-150"] { height: 150px; } *[class*="--media-xxl-h-200"] { height: 200px; } *[class*="--media-xxl-h-250"] { height: 250px; } *[class*="--media-xxl-h-300"] { height: 300px; } *[class*="--media-xxl-h-350"] { height: 350px; } *[class*="--media-xxl-h-400"] { height: 400px; } *[class*="--media-xxl-h-450"] { height: 450px; } *[class*="--media-xxl-h-500"] { height: 500px; } *[class*="--media-xxl-h-550"] { height: 550px; } *[class*="--media-xxl-h-600"] { height: 600px; } *[class*="--media-xxl-h-650"] { height: 650px; } *[class*="--media-xxl-h-reset"] { height: 0; } *[class*="--media-xxl-h-auto"] { height: auto; } *[class*="--media-xxl-h-inherit"] { height: inherit; } *[class*="--media-xxl-h-xxxs"] { height: 0.125rem; } *[class*="--media-xxl-h-xxs"] { height: 0.25rem; } *[class*="--media-xxl-h-xs"] { height: 0.5rem; } *[class*="--media-xxl-h-sm"] { height: 0.75rem; } *[class*="--media-xxl-h-md"] { height: 1rem; } *[class*="--media-xxl-h-lg"] { height: 1.5rem; } *[class*="--media-xxl-h-xl"] { height: 2.5rem; } *[class*="--media-xxl-h-xxl"] { height: 5rem; } *[class*="--media-xxl-h-xxxl"] { height: 8rem; } *[class*="--media-xxl-h-xxxxl"] { height: 12rem; } *[class*="--media-xxl-h-xxxxxl"] { height: 15rem; } *[class*="--media-xxl-h-xxxxxxl"] { height: 18rem; } *[class*="--media-xxl-h-full"] { height: 100%; } *[class*="--media-xxl-h-three-quarters"] { height: 75%; } *[class*="--media-xxl-h-half"] { height: 50%; } *[class*="--media-xxl-h-quarter"] { height: 25%; } *[class*="--media-xxl-h-max-content"] { height: max-content; } *[class*="--media-xxl-position-static"] { position: static; } *[class*="--media-xxl-position-relative"] { position: relative; } *[class*="--media-xxl-position-absolute"] { position: absolute; } *[class*="--media-xxl-position-fixed"] { position: fixed; } *[class*="--media-xxl-position-sticky"] { position: sticky; } *[class*="--media-xxl-position-t-quarter"] { top: 25%; } *[class*="--media-xxl-position-t-half"] { top: 50%; } *[class*="--media-xxl-position-t-full"] { top: 100%; } *[class*="--media-xxl-position-t-header"] { top: 100px; } *[class*="--media-xxl-position-t-header-indent"] { top: calc(100px + 2rem); } *[class*="--media-xxl-position-t-reset"] { top: 0; } *[class*="--media-xxl-position-t-reset-opposite"] { top: -0; } *[class*="--media-xxl-position-t-auto"] { top: auto; } *[class*="--media-xxl-position-t-auto-opposite"] { top: -auto; } *[class*="--media-xxl-position-t-inherit"] { top: inherit; } *[class*="--media-xxl-position-t-inherit-opposite"] { top: -inherit; } *[class*="--media-xxl-position-t-xxxs"] { top: 0.125rem; } *[class*="--media-xxl-position-t-xxxs-opposite"] { top: -0.125rem; } *[class*="--media-xxl-position-t-xxs"] { top: 0.25rem; } *[class*="--media-xxl-position-t-xxs-opposite"] { top: -0.25rem; } *[class*="--media-xxl-position-t-xs"] { top: 0.5rem; } *[class*="--media-xxl-position-t-xs-opposite"] { top: -0.5rem; } *[class*="--media-xxl-position-t-sm"] { top: 0.75rem; } *[class*="--media-xxl-position-t-sm-opposite"] { top: -0.75rem; } *[class*="--media-xxl-position-t-md"] { top: 1rem; } *[class*="--media-xxl-position-t-md-opposite"] { top: -1rem; } *[class*="--media-xxl-position-t-lg"] { top: 1.5rem; } *[class*="--media-xxl-position-t-lg-opposite"] { top: -1.5rem; } *[class*="--media-xxl-position-t-xl"] { top: 2.5rem; } *[class*="--media-xxl-position-t-xl-opposite"] { top: -2.5rem; } *[class*="--media-xxl-position-t-xxl"] { top: 5rem; } *[class*="--media-xxl-position-t-xxl-opposite"] { top: -5rem; } *[class*="--media-xxl-position-t-xxxl"] { top: 8rem; } *[class*="--media-xxl-position-t-xxxl-opposite"] { top: -8rem; } *[class*="--media-xxl-position-t-xxxxl"] { top: 12rem; } *[class*="--media-xxl-position-t-xxxxl-opposite"] { top: -12rem; } *[class*="--media-xxl-position-t-xxxxxl"] { top: 15rem; } *[class*="--media-xxl-position-t-xxxxxl-opposite"] { top: -15rem; } *[class*="--media-xxl-position-t-xxxxxxl"] { top: 18rem; } *[class*="--media-xxl-position-t-xxxxxxl-opposite"] { top: -18rem; } *[class*="--media-xxl-position-b-quarter"] { bottom: 25%; } *[class*="--media-xxl-position-b-half"] { bottom: 50%; } *[class*="--media-xxl-position-b-full"] { bottom: 100%; } *[class*="--media-xxl-position-b-header"] { bottom: 100px; } *[class*="--media-xxl-position-b-header-indent"] { bottom: calc(100px + 2rem); } *[class*="--media-xxl-position-b-reset"] { bottom: 0; } *[class*="--media-xxl-position-b-reset-opposite"] { bottom: -0; } *[class*="--media-xxl-position-b-auto"] { bottom: auto; } *[class*="--media-xxl-position-b-auto-opposite"] { bottom: -auto; } *[class*="--media-xxl-position-b-inherit"] { bottom: inherit; } *[class*="--media-xxl-position-b-inherit-opposite"] { bottom: -inherit; } *[class*="--media-xxl-position-b-xxxs"] { bottom: 0.125rem; } *[class*="--media-xxl-position-b-xxxs-opposite"] { bottom: -0.125rem; } *[class*="--media-xxl-position-b-xxs"] { bottom: 0.25rem; } *[class*="--media-xxl-position-b-xxs-opposite"] { bottom: -0.25rem; } *[class*="--media-xxl-position-b-xs"] { bottom: 0.5rem; } *[class*="--media-xxl-position-b-xs-opposite"] { bottom: -0.5rem; } *[class*="--media-xxl-position-b-sm"] { bottom: 0.75rem; } *[class*="--media-xxl-position-b-sm-opposite"] { bottom: -0.75rem; } *[class*="--media-xxl-position-b-md"] { bottom: 1rem; } *[class*="--media-xxl-position-b-md-opposite"] { bottom: -1rem; } *[class*="--media-xxl-position-b-lg"] { bottom: 1.5rem; } *[class*="--media-xxl-position-b-lg-opposite"] { bottom: -1.5rem; } *[class*="--media-xxl-position-b-xl"] { bottom: 2.5rem; } *[class*="--media-xxl-position-b-xl-opposite"] { bottom: -2.5rem; } *[class*="--media-xxl-position-b-xxl"] { bottom: 5rem; } *[class*="--media-xxl-position-b-xxl-opposite"] { bottom: -5rem; } *[class*="--media-xxl-position-b-xxxl"] { bottom: 8rem; } *[class*="--media-xxl-position-b-xxxl-opposite"] { bottom: -8rem; } *[class*="--media-xxl-position-b-xxxxl"] { bottom: 12rem; } *[class*="--media-xxl-position-b-xxxxl-opposite"] { bottom: -12rem; } *[class*="--media-xxl-position-b-xxxxxl"] { bottom: 15rem; } *[class*="--media-xxl-position-b-xxxxxl-opposite"] { bottom: -15rem; } *[class*="--media-xxl-position-b-xxxxxxl"] { bottom: 18rem; } *[class*="--media-xxl-position-b-xxxxxxl-opposite"] { bottom: -18rem; } *[class*="--media-xxl-position-s-quarter"] { right: 25%; } *[class*="--media-xxl-position-s-half"] { right: 50%; } *[class*="--media-xxl-position-s-full"] { right: 100%; } *[class*="--media-xxl-position-s-header"] { right: 100px; } *[class*="--media-xxl-position-s-header-indent"] { right: calc(100px + 2rem); } *[class*="--media-xxl-position-s-reset"] { right: 0; } *[class*="--media-xxl-position-s-reset-opposite"] { right: -0; } *[class*="--media-xxl-position-s-auto"] { right: auto; } *[class*="--media-xxl-position-s-auto-opposite"] { right: -auto; } *[class*="--media-xxl-position-s-inherit"] { right: inherit; } *[class*="--media-xxl-position-s-inherit-opposite"] { right: -inherit; } *[class*="--media-xxl-position-s-xxxs"] { right: 0.125rem; } *[class*="--media-xxl-position-s-xxxs-opposite"] { right: -0.125rem; } *[class*="--media-xxl-position-s-xxs"] { right: 0.25rem; } *[class*="--media-xxl-position-s-xxs-opposite"] { right: -0.25rem; } *[class*="--media-xxl-position-s-xs"] { right: 0.5rem; } *[class*="--media-xxl-position-s-xs-opposite"] { right: -0.5rem; } *[class*="--media-xxl-position-s-sm"] { right: 0.75rem; } *[class*="--media-xxl-position-s-sm-opposite"] { right: -0.75rem; } *[class*="--media-xxl-position-s-md"] { right: 1rem; } *[class*="--media-xxl-position-s-md-opposite"] { right: -1rem; } *[class*="--media-xxl-position-s-lg"] { right: 1.5rem; } *[class*="--media-xxl-position-s-lg-opposite"] { right: -1.5rem; } *[class*="--media-xxl-position-s-xl"] { right: 2.5rem; } *[class*="--media-xxl-position-s-xl-opposite"] { right: -2.5rem; } *[class*="--media-xxl-position-s-xxl"] { right: 5rem; } *[class*="--media-xxl-position-s-xxl-opposite"] { right: -5rem; } *[class*="--media-xxl-position-s-xxxl"] { right: 8rem; } *[class*="--media-xxl-position-s-xxxl-opposite"] { right: -8rem; } *[class*="--media-xxl-position-s-xxxxl"] { right: 12rem; } *[class*="--media-xxl-position-s-xxxxl-opposite"] { right: -12rem; } *[class*="--media-xxl-position-s-xxxxxl"] { right: 15rem; } *[class*="--media-xxl-position-s-xxxxxl-opposite"] { right: -15rem; } *[class*="--media-xxl-position-s-xxxxxxl"] { right: 18rem; } *[class*="--media-xxl-position-s-xxxxxxl-opposite"] { right: -18rem; } *[class*="--media-xxl-position-e-quarter"] { left: 25%; } *[class*="--media-xxl-position-e-half"] { left: 50%; } *[class*="--media-xxl-position-e-full"] { left: 100%; } *[class*="--media-xxl-position-e-header"] { left: 100px; } *[class*="--media-xxl-position-e-header-indent"] { left: calc(100px + 2rem); } *[class*="--media-xxl-position-e-reset"] { left: 0; } *[class*="--media-xxl-position-e-reset-opposite"] { left: -0; } *[class*="--media-xxl-position-e-auto"] { left: auto; } *[class*="--media-xxl-position-e-auto-opposite"] { left: -auto; } *[class*="--media-xxl-position-e-inherit"] { left: inherit; } *[class*="--media-xxl-position-e-inherit-opposite"] { left: -inherit; } *[class*="--media-xxl-position-e-xxxs"] { left: 0.125rem; } *[class*="--media-xxl-position-e-xxxs-opposite"] { left: -0.125rem; } *[class*="--media-xxl-position-e-xxs"] { left: 0.25rem; } *[class*="--media-xxl-position-e-xxs-opposite"] { left: -0.25rem; } *[class*="--media-xxl-position-e-xs"] { left: 0.5rem; } *[class*="--media-xxl-position-e-xs-opposite"] { left: -0.5rem; } *[class*="--media-xxl-position-e-sm"] { left: 0.75rem; } *[class*="--media-xxl-position-e-sm-opposite"] { left: -0.75rem; } *[class*="--media-xxl-position-e-md"] { left: 1rem; } *[class*="--media-xxl-position-e-md-opposite"] { left: -1rem; } *[class*="--media-xxl-position-e-lg"] { left: 1.5rem; } *[class*="--media-xxl-position-e-lg-opposite"] { left: -1.5rem; } *[class*="--media-xxl-position-e-xl"] { left: 2.5rem; } *[class*="--media-xxl-position-e-xl-opposite"] { left: -2.5rem; } *[class*="--media-xxl-position-e-xxl"] { left: 5rem; } *[class*="--media-xxl-position-e-xxl-opposite"] { left: -5rem; } *[class*="--media-xxl-position-e-xxxl"] { left: 8rem; } *[class*="--media-xxl-position-e-xxxl-opposite"] { left: -8rem; } *[class*="--media-xxl-position-e-xxxxl"] { left: 12rem; } *[class*="--media-xxl-position-e-xxxxl-opposite"] { left: -12rem; } *[class*="--media-xxl-position-e-xxxxxl"] { left: 15rem; } *[class*="--media-xxl-position-e-xxxxxl-opposite"] { left: -15rem; } *[class*="--media-xxl-position-e-xxxxxxl"] { left: 18rem; } *[class*="--media-xxl-position-e-xxxxxxl-opposite"] { left: -18rem; } *[class*="--media-xxl-transform-translateX-full"] { --transform-translateX: 100%; } *[class*="--media-xxl-transform-translateX-full-opposite"] { --transform-translateX: -100%; } *[class*="--media-xxl-transform-translateX-half"] { --transform-translateX: 50%; } *[class*="--media-xxl-transform-translateX-half-opposite"] { --transform-translateX: -50%; } *[class*="--media-xxl-transform-translateX-reset"] { --transform-translateX: 0; } *[class*="--media-xxl-transform-translateY-full"] { --transform-translateY: 100%; } *[class*="--media-xxl-transform-translateY-full-opposite"] { --transform-translateY: -100%; } *[class*="--media-xxl-transform-translateY-half"] { --transform-translateY: 50%; } *[class*="--media-xxl-transform-translateY-half-opposite"] { --transform-translateY: -50%; } *[class*="--media-xxl-transform-translateY-reset"] { --transform-translateY: 0; } *[class*="--media-xxl-transform-scaleX-25"] { --transform-scaleX: 2; } *[class*="--media-xxl-transform-scaleY-25"] { --transform-scaleY: 2; } *[class*="--media-xxl-aspect-ratio-reset"] { --aspect-ratio: 0; } *[class*="--media-xxl-aspect-ratio-1-1"] { --aspect-ratio: 1; } *[class*="--media-xxl-aspect-ratio-1-1.15"] { --aspect-ratio: 1.15; } *[class*="--media-xxl-aspect-ratio-1-1.33"] { --aspect-ratio: 1.33; } *[class*="--media-xxl-aspect-ratio-1-1.5"] { --aspect-ratio: 1.5; } *[class*="--media-xxl-aspect-ratio-1-3"] { --aspect-ratio: 3; } *[class*="--media-xxl-aspect-ratio-4-3"] { --aspect-ratio: 0.75; } *[class*="--media-xxl-aspect-ratio-3-2"] { --aspect-ratio: 0.67; } *[class*="--media-xxl-aspect-ratio-16-9"] { --aspect-ratio: 0.5625; } *[class*="--media-xxl-aspect-ratio-24-10"] { --aspect-ratio: 0.4167; } } @media (min-width: 1600px) { *[class*="--media-xxxl-m-reset"] { margin: var(--spaces-reset, 0); } *[class*="--media-xxxl-m-auto"] { margin: var(--spaces-auto, auto); } *[class*="--media-xxxl-m-inherit"] { margin: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-m-xxxs"] { margin: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-m-xxs"] { margin: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-m-xs"] { margin: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-m-sm"] { margin: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-m-md"] { margin: var(--spaces-md, 1rem); } *[class*="--media-xxxl-m-lg"] { margin: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-m-xl"] { margin: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-m-xxl"] { margin: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-m-xxxl"] { margin: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-m-xxxxl"] { margin: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-mx-reset"] { margin-right: var(--spaces-reset, 0); margin-left: var(--spaces-reset, 0); } *[class*="--media-xxxl-mx-auto"] { margin-right: var(--spaces-auto, auto); margin-left: var(--spaces-auto, auto); } *[class*="--media-xxxl-mx-inherit"] { margin-right: var(--spaces-inherit, inherit); margin-left: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-mx-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-mx-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-mx-xs"] { margin-right: var(--spaces-xs, 0.5rem); margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-mx-sm"] { margin-right: var(--spaces-sm, 0.75rem); margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-mx-md"] { margin-right: var(--spaces-md, 1rem); margin-left: var(--spaces-md, 1rem); } *[class*="--media-xxxl-mx-lg"] { margin-right: var(--spaces-lg, 1.5rem); margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-mx-xl"] { margin-right: var(--spaces-xl, 2.5rem); margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-mx-xxl"] { margin-right: var(--spaces-xxl, 5rem); margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-mx-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-my-reset"] { margin-top: var(--spaces-reset, 0); margin-bottom: var(--spaces-reset, 0); } *[class*="--media-xxxl-my-auto"] { margin-top: var(--spaces-auto, auto); margin-bottom: var(--spaces-auto, auto); } *[class*="--media-xxxl-my-inherit"] { margin-top: var(--spaces-inherit, inherit); margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-my-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-my-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-my-xs"] { margin-top: var(--spaces-xs, 0.5rem); margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-my-sm"] { margin-top: var(--spaces-sm, 0.75rem); margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-my-md"] { margin-top: var(--spaces-md, 1rem); margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxxl-my-lg"] { margin-top: var(--spaces-lg, 1.5rem); margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-my-xl"] { margin-top: var(--spaces-xl, 2.5rem); margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-my-xxl"] { margin-top: var(--spaces-xxl, 5rem); margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-my-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-mt-reset"] { margin-top: var(--spaces-reset, 0); } *[class*="--media-xxxl-mt-auto"] { margin-top: var(--spaces-auto, auto); } *[class*="--media-xxxl-mt-inherit"] { margin-top: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-mt-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-mt-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-mt-xs"] { margin-top: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-mt-sm"] { margin-top: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-mt-md"] { margin-top: var(--spaces-md, 1rem); } *[class*="--media-xxxl-mt-lg"] { margin-top: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-mt-xl"] { margin-top: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-mt-xxl"] { margin-top: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-mt-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-mb-reset"] { margin-bottom: var(--spaces-reset, 0); } *[class*="--media-xxxl-mb-auto"] { margin-bottom: var(--spaces-auto, auto); } *[class*="--media-xxxl-mb-inherit"] { margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-mb-xxxs"] { margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-mb-xxs"] { margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-mb-xs"] { margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-mb-sm"] { margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-mb-md"] { margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxxl-mb-lg"] { margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-mb-xl"] { margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-mb-xxl"] { margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-ms-reset"] { margin-right: var(--spaces-reset, 0); } *[class*="--media-xxxl-ms-auto"] { margin-right: var(--spaces-auto, auto); } *[class*="--media-xxxl-ms-inherit"] { margin-right: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-ms-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-ms-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-ms-xs"] { margin-right: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-ms-sm"] { margin-right: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-ms-md"] { margin-right: var(--spaces-md, 1rem); } *[class*="--media-xxxl-ms-lg"] { margin-right: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-ms-xl"] { margin-right: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-ms-xxl"] { margin-right: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-ms-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-me-reset"] { margin-left: var(--spaces-reset, 0); } *[class*="--media-xxxl-me-auto"] { margin-left: var(--spaces-auto, auto); } *[class*="--media-xxxl-me-inherit"] { margin-left: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-me-xxxs"] { margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-me-xxs"] { margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-me-xs"] { margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-me-sm"] { margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-me-md"] { margin-left: var(--spaces-md, 1rem); } *[class*="--media-xxxl-me-lg"] { margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-me-xl"] { margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-me-xxl"] { margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-me-xxxl"] { margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-p-reset"] { padding: var(--spaces-reset, 0); } *[class*="--media-xxxl-p-auto"] { padding: var(--spaces-auto, auto); } *[class*="--media-xxxl-p-inherit"] { padding: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-p-xxxs"] { padding: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-p-xxs"] { padding: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-p-xs"] { padding: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-p-sm"] { padding: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-p-md"] { padding: var(--spaces-md, 1rem); } *[class*="--media-xxxl-p-lg"] { padding: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-p-xl"] { padding: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-p-xxl"] { padding: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-p-xxxl"] { padding: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-p-xxxxl"] { padding: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-px-reset"] { padding-right: var(--spaces-reset, 0); padding-left: var(--spaces-reset, 0); } *[class*="--media-xxxl-px-auto"] { padding-right: var(--spaces-auto, auto); padding-left: var(--spaces-auto, auto); } *[class*="--media-xxxl-px-inherit"] { padding-right: var(--spaces-inherit, inherit); padding-left: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-px-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-px-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-px-xs"] { padding-right: var(--spaces-xs, 0.5rem); padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-px-sm"] { padding-right: var(--spaces-sm, 0.75rem); padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-px-md"] { padding-right: var(--spaces-md, 1rem); padding-left: var(--spaces-md, 1rem); } *[class*="--media-xxxl-px-lg"] { padding-right: var(--spaces-lg, 1.5rem); padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-px-xl"] { padding-right: var(--spaces-xl, 2.5rem); padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-px-xxl"] { padding-right: var(--spaces-xxl, 5rem); padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-px-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-py-reset"] { padding-top: var(--spaces-reset, 0); padding-bottom: var(--spaces-reset, 0); } *[class*="--media-xxxl-py-auto"] { padding-top: var(--spaces-auto, auto); padding-bottom: var(--spaces-auto, auto); } *[class*="--media-xxxl-py-inherit"] { padding-top: var(--spaces-inherit, inherit); padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-py-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-py-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-py-xs"] { padding-top: var(--spaces-xs, 0.5rem); padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-py-sm"] { padding-top: var(--spaces-sm, 0.75rem); padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-py-md"] { padding-top: var(--spaces-md, 1rem); padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxxl-py-lg"] { padding-top: var(--spaces-lg, 1.5rem); padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-py-xl"] { padding-top: var(--spaces-xl, 2.5rem); padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-py-xxl"] { padding-top: var(--spaces-xxl, 5rem); padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-py-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-pt-reset"] { padding-top: var(--spaces-reset, 0); } *[class*="--media-xxxl-pt-auto"] { padding-top: var(--spaces-auto, auto); } *[class*="--media-xxxl-pt-inherit"] { padding-top: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-pt-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-pt-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-pt-xs"] { padding-top: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-pt-sm"] { padding-top: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-pt-md"] { padding-top: var(--spaces-md, 1rem); } *[class*="--media-xxxl-pt-lg"] { padding-top: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-pt-xl"] { padding-top: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-pt-xxl"] { padding-top: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-pt-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-pb-reset"] { padding-bottom: var(--spaces-reset, 0); } *[class*="--media-xxxl-pb-auto"] { padding-bottom: var(--spaces-auto, auto); } *[class*="--media-xxxl-pb-inherit"] { padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-pb-xxxs"] { padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-pb-xxs"] { padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-pb-xs"] { padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-pb-sm"] { padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-pb-md"] { padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxxl-pb-lg"] { padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-pb-xl"] { padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-pb-xxl"] { padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-ps-reset"] { padding-right: var(--spaces-reset, 0); } *[class*="--media-xxxl-ps-auto"] { padding-right: var(--spaces-auto, auto); } *[class*="--media-xxxl-ps-inherit"] { padding-right: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-ps-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-ps-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-ps-xs"] { padding-right: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-ps-sm"] { padding-right: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-ps-md"] { padding-right: var(--spaces-md, 1rem); } *[class*="--media-xxxl-ps-lg"] { padding-right: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-ps-xl"] { padding-right: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-ps-xxl"] { padding-right: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-ps-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-pe-reset"] { padding-left: var(--spaces-reset, 0); } *[class*="--media-xxxl-pe-auto"] { padding-left: var(--spaces-auto, auto); } *[class*="--media-xxxl-pe-inherit"] { padding-left: var(--spaces-inherit, inherit); } *[class*="--media-xxxl-pe-xxxs"] { padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxl-pe-xxs"] { padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxl-pe-xs"] { padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxl-pe-sm"] { padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxl-pe-md"] { padding-left: var(--spaces-md, 1rem); } *[class*="--media-xxxl-pe-lg"] { padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxl-pe-xl"] { padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxl-pe-xxl"] { padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxxl-pe-xxxl"] { padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxl-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxl-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxl-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxl-flex-1"] { flex: 1 1 0%; } *[class*="--media-xxxl-flex-auto"] { flex: 1 1 auto; } *[class*="--media-xxxl-flex-initial"] { flex: 0 1 auto; } *[class*="--media-xxxl-flex-none"] { flex: none; } *[class*="--media-xxxl-flex-direction-row"] { flex-direction: row; } *[class*="--media-xxxl-flex-direction-row-reverse"] { flex-direction: row-reverse; } *[class*="--media-xxxl-flex-direction-column"] { flex-direction: column; } *[class*="--media-xxxl-flex-direction-column-reverse"] { flex-direction: column-reverse; } *[class*="--media-xxxl-flex-wrap-wrap"] { flex-wrap: wrap; } *[class*="--media-xxxl-flex-wrap-nowrap"] { flex-wrap: nowrap; } *[class*="--media-xxxl-order-first"] { order: -1; } *[class*="--media-xxxl-order-0"] { order: 0; } *[class*="--media-xxxl-order-1"] { order: 1; } *[class*="--media-xxxl-order-2"] { order: 2; } *[class*="--media-xxxl-order-3"] { order: 3; } *[class*="--media-xxxl-order-4"] { order: 4; } *[class*="--media-xxxl-order-5"] { order: 5; } *[class*="--media-xxxl-order-6"] { order: 6; } *[class*="--media-xxxl-order-7"] { order: 7; } *[class*="--media-xxxl-order-8"] { order: 8; } *[class*="--media-xxxl-order-9"] { order: 9; } *[class*="--media-xxxl-order-last"] { order: 10; } *[class*="--media-xxxl-flex-basis-auto"] { flex-basis: auto; } *[class*="--media-xxxl-flex-basis-0"] { flex-basis: 0; } *[class*="--media-xxxl-flex-basis-1"] { flex-basis: 1; } *[class*="--media-xxxl-flex-grow-auto"] { flex-grow: auto; } *[class*="--media-xxxl-flex-grow-0"] { flex-grow: 0; } *[class*="--media-xxxl-flex-grow-1"] { flex-grow: 1; } *[class*="--media-xxxl-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)); } *[class*="--media-xxxl-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } *[class*="--media-xxxl-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } *[class*="--media-xxxl-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } *[class*="--media-xxxl-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); } *[class*="--media-xxxl-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); } *[class*="--media-xxxl-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)); } *[class*="--media-xxxl-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)); } *[class*="--media-xxxl-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)); } *[class*="--media-xxxl-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)); } *[class*="--media-xxxl-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)); } *[class*="--media-xxxl-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)); } *[class*="--media-xxxl-col-span-full"] { grid-column: -1; } *[class*="--media-xxxl-col-span-1"] { grid-column: span 1/span 1; } *[class*="--media-xxxl-col-span-2"] { grid-column: span 2/span 2; } *[class*="--media-xxxl-col-span-3"] { grid-column: span 3/span 3; } *[class*="--media-xxxl-col-span-4"] { grid-column: span 4/span 4; } *[class*="--media-xxxl-col-span-5"] { grid-column: span 5/span 5; } *[class*="--media-xxxl-col-span-6"] { grid-column: span 6/span 6; } *[class*="--media-xxxl-col-span-7"] { grid-column: span 7/span 7; } *[class*="--media-xxxl-col-span-8"] { grid-column: span 8/span 8; } *[class*="--media-xxxl-col-span-9"] { grid-column: span 9/span 9; } *[class*="--media-xxxl-col-span-10"] { grid-column: span 10/span 10; } *[class*="--media-xxxl-col-span-11"] { grid-column: span 11/span 11; } *[class*="--media-xxxl-col-span-12"] { grid-column: span 12/span 12; } *[class*="--media-xxxl-col-start-auto"] { grid-column-start: auto; } *[class*="--media-xxxl-col-start-1"] { grid-column-start: 1; } *[class*="--media-xxxl-col-start-2"] { grid-column-start: 2; } *[class*="--media-xxxl-col-start-3"] { grid-column-start: 3; } *[class*="--media-xxxl-col-start-4"] { grid-column-start: 4; } *[class*="--media-xxxl-col-start-5"] { grid-column-start: 5; } *[class*="--media-xxxl-col-start-6"] { grid-column-start: 6; } *[class*="--media-xxxl-col-start-7"] { grid-column-start: 7; } *[class*="--media-xxxl-col-start-8"] { grid-column-start: 8; } *[class*="--media-xxxl-col-start-9"] { grid-column-start: 9; } *[class*="--media-xxxl-col-start-10"] { grid-column-start: 10; } *[class*="--media-xxxl-col-start-11"] { grid-column-start: 11; } *[class*="--media-xxxl-col-start-12"] { grid-column-start: 12; } *[class*="--media-xxxl-col-end-auto"] { grid-column-end: auto; } *[class*="--media-xxxl-col-end-1"] { grid-column-end: 1; } *[class*="--media-xxxl-col-end-2"] { grid-column-end: 2; } *[class*="--media-xxxl-col-end-3"] { grid-column-end: 3; } *[class*="--media-xxxl-col-end-4"] { grid-column-end: 4; } *[class*="--media-xxxl-col-end-5"] { grid-column-end: 5; } *[class*="--media-xxxl-col-end-6"] { grid-column-end: 6; } *[class*="--media-xxxl-col-end-7"] { grid-column-end: 7; } *[class*="--media-xxxl-col-end-8"] { grid-column-end: 8; } *[class*="--media-xxxl-col-end-9"] { grid-column-end: 9; } *[class*="--media-xxxl-col-end-10"] { grid-column-end: 10; } *[class*="--media-xxxl-col-end-11"] { grid-column-end: 11; } *[class*="--media-xxxl-col-end-12"] { grid-column-end: 12; } *[class*="--media-xxxl-gap-reset"] { gap: 0; } *[class*="--media-xxxl-gap-auto"] { gap: auto; } *[class*="--media-xxxl-gap-inherit"] { gap: inherit; } *[class*="--media-xxxl-gap-xxxs"] { gap: 0.125rem; } *[class*="--media-xxxl-gap-xxs"] { gap: 0.25rem; } *[class*="--media-xxxl-gap-xs"] { gap: 0.5rem; } *[class*="--media-xxxl-gap-sm"] { gap: 0.75rem; } *[class*="--media-xxxl-gap-md"] { gap: 1rem; } *[class*="--media-xxxl-gap-lg"] { gap: 1.5rem; } *[class*="--media-xxxl-gap-xl"] { gap: 2.5rem; } *[class*="--media-xxxl-gap-xxl"] { gap: 5rem; } *[class*="--media-xxxl-gap-xxxl"] { gap: 8rem; } *[class*="--media-xxxl-gap-xxxxl"] { gap: 12rem; } *[class*="--media-xxxl-gap-xxxxxl"] { gap: 15rem; } *[class*="--media-xxxl-gap-xxxxxxl"] { gap: 18rem; } *[class*="--media-xxxl-gap-x-reset"] { column-gap: 0; } *[class*="--media-xxxl-gap-x-auto"] { column-gap: auto; } *[class*="--media-xxxl-gap-x-inherit"] { column-gap: inherit; } *[class*="--media-xxxl-gap-x-xxxs"] { column-gap: 0.125rem; } *[class*="--media-xxxl-gap-x-xxs"] { column-gap: 0.25rem; } *[class*="--media-xxxl-gap-x-xs"] { column-gap: 0.5rem; } *[class*="--media-xxxl-gap-x-sm"] { column-gap: 0.75rem; } *[class*="--media-xxxl-gap-x-md"] { column-gap: 1rem; } *[class*="--media-xxxl-gap-x-lg"] { column-gap: 1.5rem; } *[class*="--media-xxxl-gap-x-xl"] { column-gap: 2.5rem; } *[class*="--media-xxxl-gap-x-xxl"] { column-gap: 5rem; } *[class*="--media-xxxl-gap-x-xxxl"] { column-gap: 8rem; } *[class*="--media-xxxl-gap-x-xxxxl"] { column-gap: 12rem; } *[class*="--media-xxxl-gap-x-xxxxxl"] { column-gap: 15rem; } *[class*="--media-xxxl-gap-x-xxxxxxl"] { column-gap: 18rem; } *[class*="--media-xxxl-gap-y-reset"] { row-gap: 0; } *[class*="--media-xxxl-gap-y-auto"] { row-gap: auto; } *[class*="--media-xxxl-gap-y-inherit"] { row-gap: inherit; } *[class*="--media-xxxl-gap-y-xxxs"] { row-gap: 0.125rem; } *[class*="--media-xxxl-gap-y-xxs"] { row-gap: 0.25rem; } *[class*="--media-xxxl-gap-y-xs"] { row-gap: 0.5rem; } *[class*="--media-xxxl-gap-y-sm"] { row-gap: 0.75rem; } *[class*="--media-xxxl-gap-y-md"] { row-gap: 1rem; } *[class*="--media-xxxl-gap-y-lg"] { row-gap: 1.5rem; } *[class*="--media-xxxl-gap-y-xl"] { row-gap: 2.5rem; } *[class*="--media-xxxl-gap-y-xxl"] { row-gap: 5rem; } *[class*="--media-xxxl-gap-y-xxxl"] { row-gap: 8rem; } *[class*="--media-xxxl-gap-y-xxxxl"] { row-gap: 12rem; } *[class*="--media-xxxl-gap-y-xxxxxl"] { row-gap: 15rem; } *[class*="--media-xxxl-gap-y-xxxxxxl"] { row-gap: 18rem; } *[class*="--media-xxxl-justify-content-start"] { justify-content: flex-start; } *[class*="--media-xxxl-justify-content-end"] { justify-content: flex-end; } *[class*="--media-xxxl-justify-content-center"] { justify-content: center; } *[class*="--media-xxxl-justify-content-between"] { justify-content: space-between; } *[class*="--media-xxxl-justify-content-around"] { justify-content: space-around; } *[class*="--media-xxxl-justify-content-evenly"] { justify-content: space-evenly; } *[class*="--media-xxxl-align-items-start"] { align-items: flex-start; } *[class*="--media-xxxl-align-items-end"] { align-items: flex-end; } *[class*="--media-xxxl-align-items-center"] { align-items: center; } *[class*="--media-xxxl-align-items-baseline"] { align-items: baseline; } *[class*="--media-xxxl-align-items-stretch"] { align-items: stretch; } *[class*="--media-xxxl-align-content-start"] { align-content: flex-start; } *[class*="--media-xxxl-align-content-end"] { align-content: flex-end; } *[class*="--media-xxxl-align-content-center"] { align-content: center; } *[class*="--media-xxxl-align-content-between"] { align-content: space-between; } *[class*="--media-xxxl-align-content-around"] { align-content: space-around; } *[class*="--media-xxxl-align-content-stretch"] { align-content: stretch; } *[class*="--media-xxxl-justify-self-auto"] { justify-self: auto; } *[class*="--media-xxxl-justify-self-start"] { justify-self: flex-start; } *[class*="--media-xxxl-justify-self-end"] { justify-self: flex-end; } *[class*="--media-xxxl-justify-self-center"] { justify-self: center; } *[class*="--media-xxxl-justify-self-baseline"] { justify-self: baseline; } *[class*="--media-xxxl-justify-self-stretch"] { justify-self: stretch; } *[class*="--media-xxxl-align-self-auto"] { align-self: auto; } *[class*="--media-xxxl-align-self-start"] { align-self: flex-start; } *[class*="--media-xxxl-align-self-end"] { align-self: flex-end; } *[class*="--media-xxxl-align-self-center"] { align-self: center; } *[class*="--media-xxxl-align-self-baseline"] { align-self: baseline; } *[class*="--media-xxxl-align-self-stretch"] { align-self: stretch; } *[class*="--media-xxxl-b-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-b-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxl-b-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxl-b-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxl-b-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxl-b-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxl-b-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxl-b-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-b-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-b-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-b-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxl-b-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-b-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-b-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-b-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxl-b-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxl-b-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxl-b-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxl-b-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-b-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-b-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-b-0"] { border: 0; } *[class*="--media-xxxl-b-bg-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-b-bg-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxl-b-bg-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxl-b-bg-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxl-b-bg-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxl-b-bg-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxl-b-bg-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxl-b-bg-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-b-bg-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-b-bg-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-b-bg-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxl-b-bg-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-b-bg-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-b-bg-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-b-bg-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxl-b-bg-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxl-b-bg-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxl-b-bg-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxl-b-bg-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-b-bg-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-b-bg-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-b-bg-0"] { border: 0; } *[class*="--media-xxxl-bt-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bt-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxl-bt-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxl-bt-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxl-bt-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxl-bt-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxl-bt-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxl-bt-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bt-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bt-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bt-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxl-bt-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bt-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bt-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bt-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxl-bt-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxl-bt-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxl-bt-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxl-bt-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bt-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bt-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bt-0"] { border-top: 0; } *[class*="--media-xxxl-bt-bg-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bt-bg-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxl-bt-bg-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxl-bt-bg-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxl-bt-bg-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxl-bt-bg-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxl-bt-bg-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxl-bt-bg-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bt-bg-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bt-bg-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bt-bg-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxl-bt-bg-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bt-bg-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bt-bg-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bt-bg-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxl-bt-bg-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxl-bt-bg-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxl-bt-bg-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxl-bt-bg-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bt-bg-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bt-bg-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bt-bg-0"] { border-top: 0; } *[class*="--media-xxxl-bb-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bb-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxl-bb-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxl-bb-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxl-bb-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxl-bb-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxl-bb-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxl-bb-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bb-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bb-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bb-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxl-bb-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bb-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bb-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bb-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxl-bb-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxl-bb-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxl-bb-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxl-bb-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bb-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bb-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bb-0"] { border-bottom: 0; } *[class*="--media-xxxl-bb-bg-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bb-bg-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxl-bb-bg-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxl-bb-bg-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxl-bb-bg-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxl-bb-bg-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxl-bb-bg-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxl-bb-bg-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bb-bg-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bb-bg-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bb-bg-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxl-bb-bg-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bb-bg-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bb-bg-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bb-bg-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxl-bb-bg-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxl-bb-bg-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxl-bb-bg-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxl-bb-bg-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bb-bg-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bb-bg-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bb-bg-0"] { border-bottom: 0; } *[class*="--media-xxxl-bs-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bs-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxl-bs-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxl-bs-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxl-bs-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxl-bs-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxl-bs-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxl-bs-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bs-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bs-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bs-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxl-bs-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bs-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bs-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bs-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxl-bs-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxl-bs-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxl-bs-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxl-bs-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bs-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bs-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bs-0"] { border-right: 0; } *[class*="--media-xxxl-bs-bg-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bs-bg-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxl-bs-bg-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxl-bs-bg-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxl-bs-bg-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxl-bs-bg-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxl-bs-bg-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxl-bs-bg-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bs-bg-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-bs-bg-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bs-bg-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxl-bs-bg-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-bs-bg-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bs-bg-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bs-bg-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxl-bs-bg-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxl-bs-bg-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxl-bs-bg-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxl-bs-bg-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bs-bg-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bs-bg-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bs-bg-0"] { border-right: 0; } *[class*="--media-xxxl-be-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-be-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxl-be-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxl-be-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxl-be-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxl-be-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxl-be-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxl-be-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-be-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-be-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-be-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxl-be-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-be-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-be-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-be-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxl-be-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxl-be-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxl-be-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxl-be-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-be-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-be-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-be-0"] { border-left: 0; } *[class*="--media-xxxl-be-bg-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-be-bg-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxl-be-bg-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxl-be-bg-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxl-be-bg-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxl-be-bg-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxl-be-bg-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxl-be-bg-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-be-bg-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxl-be-bg-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-be-bg-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxl-be-bg-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxl-be-bg-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-be-bg-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-be-bg-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxl-be-bg-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxl-be-bg-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxl-be-bg-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxl-be-bg-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-be-bg-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-be-bg-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-be-bg-0"] { border-left: 0; } *[class*="--media-xxxl-tsize-xxs"] { font-size: var(--font-sizes-xxs, 0.55rem); } *[class*="--media-xxxl-tsize-xs"] { font-size: var(--font-sizes-xs, 0.825rem); } *[class*="--media-xxxl-tsize-sm"] { font-size: var(--font-sizes-sm, 0.99rem); } *[class*="--media-xxxl-tsize-md"] { font-size: var(--font-sizes-md, 1.1rem); } *[class*="--media-xxxl-tsize-lg"] { font-size: var(--font-sizes-lg, 1.375rem); } *[class*="--media-xxxl-tsize-xl"] { font-size: var(--font-sizes-xl, 1.925rem); } *[class*="--media-xxxl-tsize-xxl"] { font-size: var(--font-sizes-xxl, 2.75rem); } *[class*="--media-xxxl-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.4rem); } *[class*="--media-xxxl-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 6.05rem); } *[class*="--media-xxxl-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 7.15rem); } *[class*="--media-xxxl-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 8.8rem); } *[class*="--media-xxxl-tweight-thin"] { font-weight: var(--font-weights-thin, 100); } *[class*="--media-xxxl-tweight-extra-light"] { font-weight: var(--font-weights-extra-light, 200); } *[class*="--media-xxxl-tweight-light"] { font-weight: var(--font-weights-light, 300); } *[class*="--media-xxxl-tweight-regular"] { font-weight: var(--font-weights-regular, 400); } *[class*="--media-xxxl-tweight-medium"] { font-weight: var(--font-weights-medium, 500); } *[class*="--media-xxxl-tweight-semi-bold"] { font-weight: var(--font-weights-semi-bold, 600); } *[class*="--media-xxxl-tweight-bold"] { font-weight: var(--font-weights-bold, 700); } *[class*="--media-xxxl-tweight-extra-bold"] { font-weight: var(--font-weights-extra-bold, 800); } *[class*="--media-xxxl-tweight-black"] { font-weight: var(--font-weights-black, 900); } *[class*="--media-xxxl-talign-c"] { text-align: center; } *[class*="--media-xxxl-talign-s"] { text-align: right; } *[class*="--media-xxxl-talign-e"] { text-align: left; } *[class*="--media-xxxl-ttruncate-2"] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxxl-ttruncate-3"] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxxl-ttruncate-4"] { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxxl-ttruncate-5"] { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxxl-d-inline"] { display: inline; } *[class*="--media-xxxl-d-inline-block"] { display: inline-block; } *[class*="--media-xxxl-d-block"] { display: block; } *[class*="--media-xxxl-d-grid"] { display: grid; } *[class*="--media-xxxl-d-table"] { display: table; } *[class*="--media-xxxl-d-table-row"] { display: table-row; } *[class*="--media-xxxl-d-table-cell"] { display: table-cell; } *[class*="--media-xxxl-d-flex"] { display: flex; } *[class*="--media-xxxl-d-inline-flex"] { display: inline-flex; } *[class*="--media-xxxl-d-none"] { display: none; } *[class*="--media-xxxl-maxw-2.5"] { max-width: 2.5px; } *[class*="--media-xxxl-maxw-5"] { max-width: 5px; } *[class*="--media-xxxl-maxw-7.5"] { max-width: 7.5px; } *[class*="--media-xxxl-maxw-10"] { max-width: 10px; } *[class*="--media-xxxl-maxw-12.5"] { max-width: 12.5px; } *[class*="--media-xxxl-maxw-15"] { max-width: 15px; } *[class*="--media-xxxl-maxw-17.5"] { max-width: 17.5px; } *[class*="--media-xxxl-maxw-20"] { max-width: 20px; } *[class*="--media-xxxl-maxw-25"] { max-width: 25px; } *[class*="--media-xxxl-maxw-30"] { max-width: 30px; } *[class*="--media-xxxl-maxw-35"] { max-width: 35px; } *[class*="--media-xxxl-maxw-40"] { max-width: 40px; } *[class*="--media-xxxl-maxw-45"] { max-width: 45px; } *[class*="--media-xxxl-maxw-50"] { max-width: 50px; } *[class*="--media-xxxl-maxw-55"] { max-width: 55px; } *[class*="--media-xxxl-maxw-60"] { max-width: 60px; } *[class*="--media-xxxl-maxw-65"] { max-width: 65px; } *[class*="--media-xxxl-maxw-70"] { max-width: 70px; } *[class*="--media-xxxl-maxw-75"] { max-width: 75px; } *[class*="--media-xxxl-maxw-80"] { max-width: 80px; } *[class*="--media-xxxl-maxw-85"] { max-width: 85px; } *[class*="--media-xxxl-maxw-90"] { max-width: 90px; } *[class*="--media-xxxl-maxw-95"] { max-width: 95px; } *[class*="--media-xxxl-maxw-100"] { max-width: 100px; } *[class*="--media-xxxl-maxw-105"] { max-width: 105px; } *[class*="--media-xxxl-maxw-110"] { max-width: 110px; } *[class*="--media-xxxl-maxw-115"] { max-width: 115px; } *[class*="--media-xxxl-maxw-120"] { max-width: 120px; } *[class*="--media-xxxl-maxw-125"] { max-width: 125px; } *[class*="--media-xxxl-maxw-150"] { max-width: 150px; } *[class*="--media-xxxl-maxw-200"] { max-width: 200px; } *[class*="--media-xxxl-maxw-250"] { max-width: 250px; } *[class*="--media-xxxl-maxw-300"] { max-width: 300px; } *[class*="--media-xxxl-maxw-350"] { max-width: 350px; } *[class*="--media-xxxl-maxw-400"] { max-width: 400px; } *[class*="--media-xxxl-maxw-450"] { max-width: 450px; } *[class*="--media-xxxl-maxw-500"] { max-width: 500px; } *[class*="--media-xxxl-maxw-550"] { max-width: 550px; } *[class*="--media-xxxl-maxw-600"] { max-width: 600px; } *[class*="--media-xxxl-maxw-650"] { max-width: 650px; } *[class*="--media-xxxl-maxw-reset"] { max-width: 0; } *[class*="--media-xxxl-maxw-auto"] { max-width: auto; } *[class*="--media-xxxl-maxw-inherit"] { max-width: inherit; } *[class*="--media-xxxl-maxw-xxxs"] { max-width: 0.125rem; } *[class*="--media-xxxl-maxw-xxs"] { max-width: 0.25rem; } *[class*="--media-xxxl-maxw-xs"] { max-width: 0.5rem; } *[class*="--media-xxxl-maxw-sm"] { max-width: 0.75rem; } *[class*="--media-xxxl-maxw-md"] { max-width: 1rem; } *[class*="--media-xxxl-maxw-lg"] { max-width: 1.5rem; } *[class*="--media-xxxl-maxw-xl"] { max-width: 2.5rem; } *[class*="--media-xxxl-maxw-xxl"] { max-width: 5rem; } *[class*="--media-xxxl-maxw-xxxl"] { max-width: 8rem; } *[class*="--media-xxxl-maxw-xxxxl"] { max-width: 12rem; } *[class*="--media-xxxl-maxw-xxxxxl"] { max-width: 15rem; } *[class*="--media-xxxl-maxw-xxxxxxl"] { max-width: 18rem; } *[class*="--media-xxxl-maxw-full"] { max-width: 100%; } *[class*="--media-xxxl-maxw-three-quarters"] { max-width: 75%; } *[class*="--media-xxxl-maxw-half"] { max-width: 50%; } *[class*="--media-xxxl-maxw-quarter"] { max-width: 25%; } *[class*="--media-xxxl-maxw-none"] { max-width: none; } *[class*="--media-xxxl-maxh-full"] { max-height: 100%; } *[class*="--media-xxxl-maxh-none"] { max-height: none; } *[class*="--media-xxxl-w-2.5"] { width: 2.5px; } *[class*="--media-xxxl-w-5"] { width: 5px; } *[class*="--media-xxxl-w-7.5"] { width: 7.5px; } *[class*="--media-xxxl-w-10"] { width: 10px; } *[class*="--media-xxxl-w-12.5"] { width: 12.5px; } *[class*="--media-xxxl-w-15"] { width: 15px; } *[class*="--media-xxxl-w-17.5"] { width: 17.5px; } *[class*="--media-xxxl-w-20"] { width: 20px; } *[class*="--media-xxxl-w-25"] { width: 25px; } *[class*="--media-xxxl-w-30"] { width: 30px; } *[class*="--media-xxxl-w-35"] { width: 35px; } *[class*="--media-xxxl-w-40"] { width: 40px; } *[class*="--media-xxxl-w-45"] { width: 45px; } *[class*="--media-xxxl-w-50"] { width: 50px; } *[class*="--media-xxxl-w-55"] { width: 55px; } *[class*="--media-xxxl-w-60"] { width: 60px; } *[class*="--media-xxxl-w-65"] { width: 65px; } *[class*="--media-xxxl-w-70"] { width: 70px; } *[class*="--media-xxxl-w-75"] { width: 75px; } *[class*="--media-xxxl-w-80"] { width: 80px; } *[class*="--media-xxxl-w-85"] { width: 85px; } *[class*="--media-xxxl-w-90"] { width: 90px; } *[class*="--media-xxxl-w-95"] { width: 95px; } *[class*="--media-xxxl-w-100"] { width: 100px; } *[class*="--media-xxxl-w-105"] { width: 105px; } *[class*="--media-xxxl-w-110"] { width: 110px; } *[class*="--media-xxxl-w-115"] { width: 115px; } *[class*="--media-xxxl-w-120"] { width: 120px; } *[class*="--media-xxxl-w-125"] { width: 125px; } *[class*="--media-xxxl-w-150"] { width: 150px; } *[class*="--media-xxxl-w-200"] { width: 200px; } *[class*="--media-xxxl-w-250"] { width: 250px; } *[class*="--media-xxxl-w-300"] { width: 300px; } *[class*="--media-xxxl-w-350"] { width: 350px; } *[class*="--media-xxxl-w-400"] { width: 400px; } *[class*="--media-xxxl-w-450"] { width: 450px; } *[class*="--media-xxxl-w-500"] { width: 500px; } *[class*="--media-xxxl-w-550"] { width: 550px; } *[class*="--media-xxxl-w-600"] { width: 600px; } *[class*="--media-xxxl-w-650"] { width: 650px; } *[class*="--media-xxxl-w-reset"] { width: 0; } *[class*="--media-xxxl-w-auto"] { width: auto; } *[class*="--media-xxxl-w-inherit"] { width: inherit; } *[class*="--media-xxxl-w-xxxs"] { width: 0.125rem; } *[class*="--media-xxxl-w-xxs"] { width: 0.25rem; } *[class*="--media-xxxl-w-xs"] { width: 0.5rem; } *[class*="--media-xxxl-w-sm"] { width: 0.75rem; } *[class*="--media-xxxl-w-md"] { width: 1rem; } *[class*="--media-xxxl-w-lg"] { width: 1.5rem; } *[class*="--media-xxxl-w-xl"] { width: 2.5rem; } *[class*="--media-xxxl-w-xxl"] { width: 5rem; } *[class*="--media-xxxl-w-xxxl"] { width: 8rem; } *[class*="--media-xxxl-w-xxxxl"] { width: 12rem; } *[class*="--media-xxxl-w-xxxxxl"] { width: 15rem; } *[class*="--media-xxxl-w-xxxxxxl"] { width: 18rem; } *[class*="--media-xxxl-w-full"] { width: 100%; } *[class*="--media-xxxl-w-three-quarters"] { width: 75%; } *[class*="--media-xxxl-w-half"] { width: 50%; } *[class*="--media-xxxl-w-quarter"] { width: 25%; } *[class*="--media-xxxl-w-max-content"] { width: max-content; } *[class*="--media-xxxl-h-2.5"] { height: 2.5px; } *[class*="--media-xxxl-h-5"] { height: 5px; } *[class*="--media-xxxl-h-7.5"] { height: 7.5px; } *[class*="--media-xxxl-h-10"] { height: 10px; } *[class*="--media-xxxl-h-12.5"] { height: 12.5px; } *[class*="--media-xxxl-h-15"] { height: 15px; } *[class*="--media-xxxl-h-17.5"] { height: 17.5px; } *[class*="--media-xxxl-h-20"] { height: 20px; } *[class*="--media-xxxl-h-25"] { height: 25px; } *[class*="--media-xxxl-h-30"] { height: 30px; } *[class*="--media-xxxl-h-35"] { height: 35px; } *[class*="--media-xxxl-h-40"] { height: 40px; } *[class*="--media-xxxl-h-45"] { height: 45px; } *[class*="--media-xxxl-h-50"] { height: 50px; } *[class*="--media-xxxl-h-55"] { height: 55px; } *[class*="--media-xxxl-h-60"] { height: 60px; } *[class*="--media-xxxl-h-65"] { height: 65px; } *[class*="--media-xxxl-h-70"] { height: 70px; } *[class*="--media-xxxl-h-75"] { height: 75px; } *[class*="--media-xxxl-h-80"] { height: 80px; } *[class*="--media-xxxl-h-85"] { height: 85px; } *[class*="--media-xxxl-h-90"] { height: 90px; } *[class*="--media-xxxl-h-95"] { height: 95px; } *[class*="--media-xxxl-h-100"] { height: 100px; } *[class*="--media-xxxl-h-105"] { height: 105px; } *[class*="--media-xxxl-h-110"] { height: 110px; } *[class*="--media-xxxl-h-115"] { height: 115px; } *[class*="--media-xxxl-h-120"] { height: 120px; } *[class*="--media-xxxl-h-125"] { height: 125px; } *[class*="--media-xxxl-h-150"] { height: 150px; } *[class*="--media-xxxl-h-200"] { height: 200px; } *[class*="--media-xxxl-h-250"] { height: 250px; } *[class*="--media-xxxl-h-300"] { height: 300px; } *[class*="--media-xxxl-h-350"] { height: 350px; } *[class*="--media-xxxl-h-400"] { height: 400px; } *[class*="--media-xxxl-h-450"] { height: 450px; } *[class*="--media-xxxl-h-500"] { height: 500px; } *[class*="--media-xxxl-h-550"] { height: 550px; } *[class*="--media-xxxl-h-600"] { height: 600px; } *[class*="--media-xxxl-h-650"] { height: 650px; } *[class*="--media-xxxl-h-reset"] { height: 0; } *[class*="--media-xxxl-h-auto"] { height: auto; } *[class*="--media-xxxl-h-inherit"] { height: inherit; } *[class*="--media-xxxl-h-xxxs"] { height: 0.125rem; } *[class*="--media-xxxl-h-xxs"] { height: 0.25rem; } *[class*="--media-xxxl-h-xs"] { height: 0.5rem; } *[class*="--media-xxxl-h-sm"] { height: 0.75rem; } *[class*="--media-xxxl-h-md"] { height: 1rem; } *[class*="--media-xxxl-h-lg"] { height: 1.5rem; } *[class*="--media-xxxl-h-xl"] { height: 2.5rem; } *[class*="--media-xxxl-h-xxl"] { height: 5rem; } *[class*="--media-xxxl-h-xxxl"] { height: 8rem; } *[class*="--media-xxxl-h-xxxxl"] { height: 12rem; } *[class*="--media-xxxl-h-xxxxxl"] { height: 15rem; } *[class*="--media-xxxl-h-xxxxxxl"] { height: 18rem; } *[class*="--media-xxxl-h-full"] { height: 100%; } *[class*="--media-xxxl-h-three-quarters"] { height: 75%; } *[class*="--media-xxxl-h-half"] { height: 50%; } *[class*="--media-xxxl-h-quarter"] { height: 25%; } *[class*="--media-xxxl-h-max-content"] { height: max-content; } *[class*="--media-xxxl-position-static"] { position: static; } *[class*="--media-xxxl-position-relative"] { position: relative; } *[class*="--media-xxxl-position-absolute"] { position: absolute; } *[class*="--media-xxxl-position-fixed"] { position: fixed; } *[class*="--media-xxxl-position-sticky"] { position: sticky; } *[class*="--media-xxxl-position-t-quarter"] { top: 25%; } *[class*="--media-xxxl-position-t-half"] { top: 50%; } *[class*="--media-xxxl-position-t-full"] { top: 100%; } *[class*="--media-xxxl-position-t-header"] { top: 100px; } *[class*="--media-xxxl-position-t-header-indent"] { top: calc(100px + 2rem); } *[class*="--media-xxxl-position-t-reset"] { top: 0; } *[class*="--media-xxxl-position-t-reset-opposite"] { top: -0; } *[class*="--media-xxxl-position-t-auto"] { top: auto; } *[class*="--media-xxxl-position-t-auto-opposite"] { top: -auto; } *[class*="--media-xxxl-position-t-inherit"] { top: inherit; } *[class*="--media-xxxl-position-t-inherit-opposite"] { top: -inherit; } *[class*="--media-xxxl-position-t-xxxs"] { top: 0.125rem; } *[class*="--media-xxxl-position-t-xxxs-opposite"] { top: -0.125rem; } *[class*="--media-xxxl-position-t-xxs"] { top: 0.25rem; } *[class*="--media-xxxl-position-t-xxs-opposite"] { top: -0.25rem; } *[class*="--media-xxxl-position-t-xs"] { top: 0.5rem; } *[class*="--media-xxxl-position-t-xs-opposite"] { top: -0.5rem; } *[class*="--media-xxxl-position-t-sm"] { top: 0.75rem; } *[class*="--media-xxxl-position-t-sm-opposite"] { top: -0.75rem; } *[class*="--media-xxxl-position-t-md"] { top: 1rem; } *[class*="--media-xxxl-position-t-md-opposite"] { top: -1rem; } *[class*="--media-xxxl-position-t-lg"] { top: 1.5rem; } *[class*="--media-xxxl-position-t-lg-opposite"] { top: -1.5rem; } *[class*="--media-xxxl-position-t-xl"] { top: 2.5rem; } *[class*="--media-xxxl-position-t-xl-opposite"] { top: -2.5rem; } *[class*="--media-xxxl-position-t-xxl"] { top: 5rem; } *[class*="--media-xxxl-position-t-xxl-opposite"] { top: -5rem; } *[class*="--media-xxxl-position-t-xxxl"] { top: 8rem; } *[class*="--media-xxxl-position-t-xxxl-opposite"] { top: -8rem; } *[class*="--media-xxxl-position-t-xxxxl"] { top: 12rem; } *[class*="--media-xxxl-position-t-xxxxl-opposite"] { top: -12rem; } *[class*="--media-xxxl-position-t-xxxxxl"] { top: 15rem; } *[class*="--media-xxxl-position-t-xxxxxl-opposite"] { top: -15rem; } *[class*="--media-xxxl-position-t-xxxxxxl"] { top: 18rem; } *[class*="--media-xxxl-position-t-xxxxxxl-opposite"] { top: -18rem; } *[class*="--media-xxxl-position-b-quarter"] { bottom: 25%; } *[class*="--media-xxxl-position-b-half"] { bottom: 50%; } *[class*="--media-xxxl-position-b-full"] { bottom: 100%; } *[class*="--media-xxxl-position-b-header"] { bottom: 100px; } *[class*="--media-xxxl-position-b-header-indent"] { bottom: calc(100px + 2rem); } *[class*="--media-xxxl-position-b-reset"] { bottom: 0; } *[class*="--media-xxxl-position-b-reset-opposite"] { bottom: -0; } *[class*="--media-xxxl-position-b-auto"] { bottom: auto; } *[class*="--media-xxxl-position-b-auto-opposite"] { bottom: -auto; } *[class*="--media-xxxl-position-b-inherit"] { bottom: inherit; } *[class*="--media-xxxl-position-b-inherit-opposite"] { bottom: -inherit; } *[class*="--media-xxxl-position-b-xxxs"] { bottom: 0.125rem; } *[class*="--media-xxxl-position-b-xxxs-opposite"] { bottom: -0.125rem; } *[class*="--media-xxxl-position-b-xxs"] { bottom: 0.25rem; } *[class*="--media-xxxl-position-b-xxs-opposite"] { bottom: -0.25rem; } *[class*="--media-xxxl-position-b-xs"] { bottom: 0.5rem; } *[class*="--media-xxxl-position-b-xs-opposite"] { bottom: -0.5rem; } *[class*="--media-xxxl-position-b-sm"] { bottom: 0.75rem; } *[class*="--media-xxxl-position-b-sm-opposite"] { bottom: -0.75rem; } *[class*="--media-xxxl-position-b-md"] { bottom: 1rem; } *[class*="--media-xxxl-position-b-md-opposite"] { bottom: -1rem; } *[class*="--media-xxxl-position-b-lg"] { bottom: 1.5rem; } *[class*="--media-xxxl-position-b-lg-opposite"] { bottom: -1.5rem; } *[class*="--media-xxxl-position-b-xl"] { bottom: 2.5rem; } *[class*="--media-xxxl-position-b-xl-opposite"] { bottom: -2.5rem; } *[class*="--media-xxxl-position-b-xxl"] { bottom: 5rem; } *[class*="--media-xxxl-position-b-xxl-opposite"] { bottom: -5rem; } *[class*="--media-xxxl-position-b-xxxl"] { bottom: 8rem; } *[class*="--media-xxxl-position-b-xxxl-opposite"] { bottom: -8rem; } *[class*="--media-xxxl-position-b-xxxxl"] { bottom: 12rem; } *[class*="--media-xxxl-position-b-xxxxl-opposite"] { bottom: -12rem; } *[class*="--media-xxxl-position-b-xxxxxl"] { bottom: 15rem; } *[class*="--media-xxxl-position-b-xxxxxl-opposite"] { bottom: -15rem; } *[class*="--media-xxxl-position-b-xxxxxxl"] { bottom: 18rem; } *[class*="--media-xxxl-position-b-xxxxxxl-opposite"] { bottom: -18rem; } *[class*="--media-xxxl-position-s-quarter"] { right: 25%; } *[class*="--media-xxxl-position-s-half"] { right: 50%; } *[class*="--media-xxxl-position-s-full"] { right: 100%; } *[class*="--media-xxxl-position-s-header"] { right: 100px; } *[class*="--media-xxxl-position-s-header-indent"] { right: calc(100px + 2rem); } *[class*="--media-xxxl-position-s-reset"] { right: 0; } *[class*="--media-xxxl-position-s-reset-opposite"] { right: -0; } *[class*="--media-xxxl-position-s-auto"] { right: auto; } *[class*="--media-xxxl-position-s-auto-opposite"] { right: -auto; } *[class*="--media-xxxl-position-s-inherit"] { right: inherit; } *[class*="--media-xxxl-position-s-inherit-opposite"] { right: -inherit; } *[class*="--media-xxxl-position-s-xxxs"] { right: 0.125rem; } *[class*="--media-xxxl-position-s-xxxs-opposite"] { right: -0.125rem; } *[class*="--media-xxxl-position-s-xxs"] { right: 0.25rem; } *[class*="--media-xxxl-position-s-xxs-opposite"] { right: -0.25rem; } *[class*="--media-xxxl-position-s-xs"] { right: 0.5rem; } *[class*="--media-xxxl-position-s-xs-opposite"] { right: -0.5rem; } *[class*="--media-xxxl-position-s-sm"] { right: 0.75rem; } *[class*="--media-xxxl-position-s-sm-opposite"] { right: -0.75rem; } *[class*="--media-xxxl-position-s-md"] { right: 1rem; } *[class*="--media-xxxl-position-s-md-opposite"] { right: -1rem; } *[class*="--media-xxxl-position-s-lg"] { right: 1.5rem; } *[class*="--media-xxxl-position-s-lg-opposite"] { right: -1.5rem; } *[class*="--media-xxxl-position-s-xl"] { right: 2.5rem; } *[class*="--media-xxxl-position-s-xl-opposite"] { right: -2.5rem; } *[class*="--media-xxxl-position-s-xxl"] { right: 5rem; } *[class*="--media-xxxl-position-s-xxl-opposite"] { right: -5rem; } *[class*="--media-xxxl-position-s-xxxl"] { right: 8rem; } *[class*="--media-xxxl-position-s-xxxl-opposite"] { right: -8rem; } *[class*="--media-xxxl-position-s-xxxxl"] { right: 12rem; } *[class*="--media-xxxl-position-s-xxxxl-opposite"] { right: -12rem; } *[class*="--media-xxxl-position-s-xxxxxl"] { right: 15rem; } *[class*="--media-xxxl-position-s-xxxxxl-opposite"] { right: -15rem; } *[class*="--media-xxxl-position-s-xxxxxxl"] { right: 18rem; } *[class*="--media-xxxl-position-s-xxxxxxl-opposite"] { right: -18rem; } *[class*="--media-xxxl-position-e-quarter"] { left: 25%; } *[class*="--media-xxxl-position-e-half"] { left: 50%; } *[class*="--media-xxxl-position-e-full"] { left: 100%; } *[class*="--media-xxxl-position-e-header"] { left: 100px; } *[class*="--media-xxxl-position-e-header-indent"] { left: calc(100px + 2rem); } *[class*="--media-xxxl-position-e-reset"] { left: 0; } *[class*="--media-xxxl-position-e-reset-opposite"] { left: -0; } *[class*="--media-xxxl-position-e-auto"] { left: auto; } *[class*="--media-xxxl-position-e-auto-opposite"] { left: -auto; } *[class*="--media-xxxl-position-e-inherit"] { left: inherit; } *[class*="--media-xxxl-position-e-inherit-opposite"] { left: -inherit; } *[class*="--media-xxxl-position-e-xxxs"] { left: 0.125rem; } *[class*="--media-xxxl-position-e-xxxs-opposite"] { left: -0.125rem; } *[class*="--media-xxxl-position-e-xxs"] { left: 0.25rem; } *[class*="--media-xxxl-position-e-xxs-opposite"] { left: -0.25rem; } *[class*="--media-xxxl-position-e-xs"] { left: 0.5rem; } *[class*="--media-xxxl-position-e-xs-opposite"] { left: -0.5rem; } *[class*="--media-xxxl-position-e-sm"] { left: 0.75rem; } *[class*="--media-xxxl-position-e-sm-opposite"] { left: -0.75rem; } *[class*="--media-xxxl-position-e-md"] { left: 1rem; } *[class*="--media-xxxl-position-e-md-opposite"] { left: -1rem; } *[class*="--media-xxxl-position-e-lg"] { left: 1.5rem; } *[class*="--media-xxxl-position-e-lg-opposite"] { left: -1.5rem; } *[class*="--media-xxxl-position-e-xl"] { left: 2.5rem; } *[class*="--media-xxxl-position-e-xl-opposite"] { left: -2.5rem; } *[class*="--media-xxxl-position-e-xxl"] { left: 5rem; } *[class*="--media-xxxl-position-e-xxl-opposite"] { left: -5rem; } *[class*="--media-xxxl-position-e-xxxl"] { left: 8rem; } *[class*="--media-xxxl-position-e-xxxl-opposite"] { left: -8rem; } *[class*="--media-xxxl-position-e-xxxxl"] { left: 12rem; } *[class*="--media-xxxl-position-e-xxxxl-opposite"] { left: -12rem; } *[class*="--media-xxxl-position-e-xxxxxl"] { left: 15rem; } *[class*="--media-xxxl-position-e-xxxxxl-opposite"] { left: -15rem; } *[class*="--media-xxxl-position-e-xxxxxxl"] { left: 18rem; } *[class*="--media-xxxl-position-e-xxxxxxl-opposite"] { left: -18rem; } *[class*="--media-xxxl-transform-translateX-full"] { --transform-translateX: 100%; } *[class*="--media-xxxl-transform-translateX-full-opposite"] { --transform-translateX: -100%; } *[class*="--media-xxxl-transform-translateX-half"] { --transform-translateX: 50%; } *[class*="--media-xxxl-transform-translateX-half-opposite"] { --transform-translateX: -50%; } *[class*="--media-xxxl-transform-translateX-reset"] { --transform-translateX: 0; } *[class*="--media-xxxl-transform-translateY-full"] { --transform-translateY: 100%; } *[class*="--media-xxxl-transform-translateY-full-opposite"] { --transform-translateY: -100%; } *[class*="--media-xxxl-transform-translateY-half"] { --transform-translateY: 50%; } *[class*="--media-xxxl-transform-translateY-half-opposite"] { --transform-translateY: -50%; } *[class*="--media-xxxl-transform-translateY-reset"] { --transform-translateY: 0; } *[class*="--media-xxxl-transform-scaleX-25"] { --transform-scaleX: 2; } *[class*="--media-xxxl-transform-scaleY-25"] { --transform-scaleY: 2; } *[class*="--media-xxxl-aspect-ratio-reset"] { --aspect-ratio: 0; } *[class*="--media-xxxl-aspect-ratio-1-1"] { --aspect-ratio: 1; } *[class*="--media-xxxl-aspect-ratio-1-1.15"] { --aspect-ratio: 1.15; } *[class*="--media-xxxl-aspect-ratio-1-1.33"] { --aspect-ratio: 1.33; } *[class*="--media-xxxl-aspect-ratio-1-1.5"] { --aspect-ratio: 1.5; } *[class*="--media-xxxl-aspect-ratio-1-3"] { --aspect-ratio: 3; } *[class*="--media-xxxl-aspect-ratio-4-3"] { --aspect-ratio: 0.75; } *[class*="--media-xxxl-aspect-ratio-3-2"] { --aspect-ratio: 0.67; } *[class*="--media-xxxl-aspect-ratio-16-9"] { --aspect-ratio: 0.5625; } *[class*="--media-xxxl-aspect-ratio-24-10"] { --aspect-ratio: 0.4167; } } @media (min-width: 1900px) { *[class*="--media-xxxxl-m-reset"] { margin: var(--spaces-reset, 0); } *[class*="--media-xxxxl-m-auto"] { margin: var(--spaces-auto, auto); } *[class*="--media-xxxxl-m-inherit"] { margin: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-m-xxxs"] { margin: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-m-xxs"] { margin: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-m-xs"] { margin: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-m-sm"] { margin: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-m-md"] { margin: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-m-lg"] { margin: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-m-xl"] { margin: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-m-xxl"] { margin: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-m-xxxl"] { margin: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-m-xxxxl"] { margin: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-mx-reset"] { margin-right: var(--spaces-reset, 0); margin-left: var(--spaces-reset, 0); } *[class*="--media-xxxxl-mx-auto"] { margin-right: var(--spaces-auto, auto); margin-left: var(--spaces-auto, auto); } *[class*="--media-xxxxl-mx-inherit"] { margin-right: var(--spaces-inherit, inherit); margin-left: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-mx-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-mx-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-mx-xs"] { margin-right: var(--spaces-xs, 0.5rem); margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-mx-sm"] { margin-right: var(--spaces-sm, 0.75rem); margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-mx-md"] { margin-right: var(--spaces-md, 1rem); margin-left: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-mx-lg"] { margin-right: var(--spaces-lg, 1.5rem); margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-mx-xl"] { margin-right: var(--spaces-xl, 2.5rem); margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-mx-xxl"] { margin-right: var(--spaces-xxl, 5rem); margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-mx-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-my-reset"] { margin-top: var(--spaces-reset, 0); margin-bottom: var(--spaces-reset, 0); } *[class*="--media-xxxxl-my-auto"] { margin-top: var(--spaces-auto, auto); margin-bottom: var(--spaces-auto, auto); } *[class*="--media-xxxxl-my-inherit"] { margin-top: var(--spaces-inherit, inherit); margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-my-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-my-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-my-xs"] { margin-top: var(--spaces-xs, 0.5rem); margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-my-sm"] { margin-top: var(--spaces-sm, 0.75rem); margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-my-md"] { margin-top: var(--spaces-md, 1rem); margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-my-lg"] { margin-top: var(--spaces-lg, 1.5rem); margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-my-xl"] { margin-top: var(--spaces-xl, 2.5rem); margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-my-xxl"] { margin-top: var(--spaces-xxl, 5rem); margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-my-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-mt-reset"] { margin-top: var(--spaces-reset, 0); } *[class*="--media-xxxxl-mt-auto"] { margin-top: var(--spaces-auto, auto); } *[class*="--media-xxxxl-mt-inherit"] { margin-top: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-mt-xxxs"] { margin-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-mt-xxs"] { margin-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-mt-xs"] { margin-top: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-mt-sm"] { margin-top: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-mt-md"] { margin-top: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-mt-lg"] { margin-top: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-mt-xl"] { margin-top: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-mt-xxl"] { margin-top: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-mt-xxxl"] { margin-top: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-mb-reset"] { margin-bottom: var(--spaces-reset, 0); } *[class*="--media-xxxxl-mb-auto"] { margin-bottom: var(--spaces-auto, auto); } *[class*="--media-xxxxl-mb-inherit"] { margin-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-mb-xxxs"] { margin-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-mb-xxs"] { margin-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-mb-xs"] { margin-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-mb-sm"] { margin-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-mb-md"] { margin-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-mb-lg"] { margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-mb-xl"] { margin-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-mb-xxl"] { margin-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-ms-reset"] { margin-right: var(--spaces-reset, 0); } *[class*="--media-xxxxl-ms-auto"] { margin-right: var(--spaces-auto, auto); } *[class*="--media-xxxxl-ms-inherit"] { margin-right: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-ms-xxxs"] { margin-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-ms-xxs"] { margin-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-ms-xs"] { margin-right: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-ms-sm"] { margin-right: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-ms-md"] { margin-right: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-ms-lg"] { margin-right: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-ms-xl"] { margin-right: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-ms-xxl"] { margin-right: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-ms-xxxl"] { margin-right: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-me-reset"] { margin-left: var(--spaces-reset, 0); } *[class*="--media-xxxxl-me-auto"] { margin-left: var(--spaces-auto, auto); } *[class*="--media-xxxxl-me-inherit"] { margin-left: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-me-xxxs"] { margin-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-me-xxs"] { margin-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-me-xs"] { margin-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-me-sm"] { margin-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-me-md"] { margin-left: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-me-lg"] { margin-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-me-xl"] { margin-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-me-xxl"] { margin-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-me-xxxl"] { margin-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-p-reset"] { padding: var(--spaces-reset, 0); } *[class*="--media-xxxxl-p-auto"] { padding: var(--spaces-auto, auto); } *[class*="--media-xxxxl-p-inherit"] { padding: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-p-xxxs"] { padding: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-p-xxs"] { padding: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-p-xs"] { padding: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-p-sm"] { padding: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-p-md"] { padding: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-p-lg"] { padding: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-p-xl"] { padding: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-p-xxl"] { padding: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-p-xxxl"] { padding: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-p-xxxxl"] { padding: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-px-reset"] { padding-right: var(--spaces-reset, 0); padding-left: var(--spaces-reset, 0); } *[class*="--media-xxxxl-px-auto"] { padding-right: var(--spaces-auto, auto); padding-left: var(--spaces-auto, auto); } *[class*="--media-xxxxl-px-inherit"] { padding-right: var(--spaces-inherit, inherit); padding-left: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-px-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-px-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-px-xs"] { padding-right: var(--spaces-xs, 0.5rem); padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-px-sm"] { padding-right: var(--spaces-sm, 0.75rem); padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-px-md"] { padding-right: var(--spaces-md, 1rem); padding-left: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-px-lg"] { padding-right: var(--spaces-lg, 1.5rem); padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-px-xl"] { padding-right: var(--spaces-xl, 2.5rem); padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-px-xxl"] { padding-right: var(--spaces-xxl, 5rem); padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-px-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-py-reset"] { padding-top: var(--spaces-reset, 0); padding-bottom: var(--spaces-reset, 0); } *[class*="--media-xxxxl-py-auto"] { padding-top: var(--spaces-auto, auto); padding-bottom: var(--spaces-auto, auto); } *[class*="--media-xxxxl-py-inherit"] { padding-top: var(--spaces-inherit, inherit); padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-py-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-py-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-py-xs"] { padding-top: var(--spaces-xs, 0.5rem); padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-py-sm"] { padding-top: var(--spaces-sm, 0.75rem); padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-py-md"] { padding-top: var(--spaces-md, 1rem); padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-py-lg"] { padding-top: var(--spaces-lg, 1.5rem); padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-py-xl"] { padding-top: var(--spaces-xl, 2.5rem); padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-py-xxl"] { padding-top: var(--spaces-xxl, 5rem); padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-py-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-pt-reset"] { padding-top: var(--spaces-reset, 0); } *[class*="--media-xxxxl-pt-auto"] { padding-top: var(--spaces-auto, auto); } *[class*="--media-xxxxl-pt-inherit"] { padding-top: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-pt-xxxs"] { padding-top: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-pt-xxs"] { padding-top: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-pt-xs"] { padding-top: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-pt-sm"] { padding-top: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-pt-md"] { padding-top: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-pt-lg"] { padding-top: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-pt-xl"] { padding-top: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-pt-xxl"] { padding-top: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-pt-xxxl"] { padding-top: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-pb-reset"] { padding-bottom: var(--spaces-reset, 0); } *[class*="--media-xxxxl-pb-auto"] { padding-bottom: var(--spaces-auto, auto); } *[class*="--media-xxxxl-pb-inherit"] { padding-bottom: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-pb-xxxs"] { padding-bottom: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-pb-xxs"] { padding-bottom: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-pb-xs"] { padding-bottom: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-pb-sm"] { padding-bottom: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-pb-md"] { padding-bottom: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-pb-lg"] { padding-bottom: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-pb-xl"] { padding-bottom: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-pb-xxl"] { padding-bottom: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-ps-reset"] { padding-right: var(--spaces-reset, 0); } *[class*="--media-xxxxl-ps-auto"] { padding-right: var(--spaces-auto, auto); } *[class*="--media-xxxxl-ps-inherit"] { padding-right: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-ps-xxxs"] { padding-right: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-ps-xxs"] { padding-right: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-ps-xs"] { padding-right: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-ps-sm"] { padding-right: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-ps-md"] { padding-right: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-ps-lg"] { padding-right: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-ps-xl"] { padding-right: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-ps-xxl"] { padding-right: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-ps-xxxl"] { padding-right: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-pe-reset"] { padding-left: var(--spaces-reset, 0); } *[class*="--media-xxxxl-pe-auto"] { padding-left: var(--spaces-auto, auto); } *[class*="--media-xxxxl-pe-inherit"] { padding-left: var(--spaces-inherit, inherit); } *[class*="--media-xxxxl-pe-xxxs"] { padding-left: var(--spaces-xxxs, 0.125rem); } *[class*="--media-xxxxl-pe-xxs"] { padding-left: var(--spaces-xxs, 0.25rem); } *[class*="--media-xxxxl-pe-xs"] { padding-left: var(--spaces-xs, 0.5rem); } *[class*="--media-xxxxl-pe-sm"] { padding-left: var(--spaces-sm, 0.75rem); } *[class*="--media-xxxxl-pe-md"] { padding-left: var(--spaces-md, 1rem); } *[class*="--media-xxxxl-pe-lg"] { padding-left: var(--spaces-lg, 1.5rem); } *[class*="--media-xxxxl-pe-xl"] { padding-left: var(--spaces-xl, 2.5rem); } *[class*="--media-xxxxl-pe-xxl"] { padding-left: var(--spaces-xxl, 5rem); } *[class*="--media-xxxxl-pe-xxxl"] { padding-left: var(--spaces-xxxl, 8rem); } *[class*="--media-xxxxl-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 12rem); } *[class*="--media-xxxxl-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 15rem); } *[class*="--media-xxxxl-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 18rem); } *[class*="--media-xxxxl-flex-1"] { flex: 1 1 0%; } *[class*="--media-xxxxl-flex-auto"] { flex: 1 1 auto; } *[class*="--media-xxxxl-flex-initial"] { flex: 0 1 auto; } *[class*="--media-xxxxl-flex-none"] { flex: none; } *[class*="--media-xxxxl-flex-direction-row"] { flex-direction: row; } *[class*="--media-xxxxl-flex-direction-row-reverse"] { flex-direction: row-reverse; } *[class*="--media-xxxxl-flex-direction-column"] { flex-direction: column; } *[class*="--media-xxxxl-flex-direction-column-reverse"] { flex-direction: column-reverse; } *[class*="--media-xxxxl-flex-wrap-wrap"] { flex-wrap: wrap; } *[class*="--media-xxxxl-flex-wrap-nowrap"] { flex-wrap: nowrap; } *[class*="--media-xxxxl-order-first"] { order: -1; } *[class*="--media-xxxxl-order-0"] { order: 0; } *[class*="--media-xxxxl-order-1"] { order: 1; } *[class*="--media-xxxxl-order-2"] { order: 2; } *[class*="--media-xxxxl-order-3"] { order: 3; } *[class*="--media-xxxxl-order-4"] { order: 4; } *[class*="--media-xxxxl-order-5"] { order: 5; } *[class*="--media-xxxxl-order-6"] { order: 6; } *[class*="--media-xxxxl-order-7"] { order: 7; } *[class*="--media-xxxxl-order-8"] { order: 8; } *[class*="--media-xxxxl-order-9"] { order: 9; } *[class*="--media-xxxxl-order-last"] { order: 10; } *[class*="--media-xxxxl-flex-basis-auto"] { flex-basis: auto; } *[class*="--media-xxxxl-flex-basis-0"] { flex-basis: 0; } *[class*="--media-xxxxl-flex-basis-1"] { flex-basis: 1; } *[class*="--media-xxxxl-flex-grow-auto"] { flex-grow: auto; } *[class*="--media-xxxxl-flex-grow-0"] { flex-grow: 0; } *[class*="--media-xxxxl-flex-grow-1"] { flex-grow: 1; } *[class*="--media-xxxxl-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)); } *[class*="--media-xxxxl-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } *[class*="--media-xxxxl-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } *[class*="--media-xxxxl-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } *[class*="--media-xxxxl-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); } *[class*="--media-xxxxl-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); } *[class*="--media-xxxxl-cols-7"] { grid-template-columns: repeat(7, minmax(0, 1fr)); } *[class*="--media-xxxxl-cols-8"] { grid-template-columns: repeat(8, minmax(0, 1fr)); } *[class*="--media-xxxxl-cols-9"] { grid-template-columns: repeat(9, minmax(0, 1fr)); } *[class*="--media-xxxxl-cols-10"] { grid-template-columns: repeat(10, minmax(0, 1fr)); } *[class*="--media-xxxxl-cols-11"] { grid-template-columns: repeat(11, minmax(0, 1fr)); } *[class*="--media-xxxxl-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)); } *[class*="--media-xxxxl-col-span-full"] { grid-column: -1; } *[class*="--media-xxxxl-col-span-1"] { grid-column: span 1/span 1; } *[class*="--media-xxxxl-col-span-2"] { grid-column: span 2/span 2; } *[class*="--media-xxxxl-col-span-3"] { grid-column: span 3/span 3; } *[class*="--media-xxxxl-col-span-4"] { grid-column: span 4/span 4; } *[class*="--media-xxxxl-col-span-5"] { grid-column: span 5/span 5; } *[class*="--media-xxxxl-col-span-6"] { grid-column: span 6/span 6; } *[class*="--media-xxxxl-col-span-7"] { grid-column: span 7/span 7; } *[class*="--media-xxxxl-col-span-8"] { grid-column: span 8/span 8; } *[class*="--media-xxxxl-col-span-9"] { grid-column: span 9/span 9; } *[class*="--media-xxxxl-col-span-10"] { grid-column: span 10/span 10; } *[class*="--media-xxxxl-col-span-11"] { grid-column: span 11/span 11; } *[class*="--media-xxxxl-col-span-12"] { grid-column: span 12/span 12; } *[class*="--media-xxxxl-col-start-auto"] { grid-column-start: auto; } *[class*="--media-xxxxl-col-start-1"] { grid-column-start: 1; } *[class*="--media-xxxxl-col-start-2"] { grid-column-start: 2; } *[class*="--media-xxxxl-col-start-3"] { grid-column-start: 3; } *[class*="--media-xxxxl-col-start-4"] { grid-column-start: 4; } *[class*="--media-xxxxl-col-start-5"] { grid-column-start: 5; } *[class*="--media-xxxxl-col-start-6"] { grid-column-start: 6; } *[class*="--media-xxxxl-col-start-7"] { grid-column-start: 7; } *[class*="--media-xxxxl-col-start-8"] { grid-column-start: 8; } *[class*="--media-xxxxl-col-start-9"] { grid-column-start: 9; } *[class*="--media-xxxxl-col-start-10"] { grid-column-start: 10; } *[class*="--media-xxxxl-col-start-11"] { grid-column-start: 11; } *[class*="--media-xxxxl-col-start-12"] { grid-column-start: 12; } *[class*="--media-xxxxl-col-end-auto"] { grid-column-end: auto; } *[class*="--media-xxxxl-col-end-1"] { grid-column-end: 1; } *[class*="--media-xxxxl-col-end-2"] { grid-column-end: 2; } *[class*="--media-xxxxl-col-end-3"] { grid-column-end: 3; } *[class*="--media-xxxxl-col-end-4"] { grid-column-end: 4; } *[class*="--media-xxxxl-col-end-5"] { grid-column-end: 5; } *[class*="--media-xxxxl-col-end-6"] { grid-column-end: 6; } *[class*="--media-xxxxl-col-end-7"] { grid-column-end: 7; } *[class*="--media-xxxxl-col-end-8"] { grid-column-end: 8; } *[class*="--media-xxxxl-col-end-9"] { grid-column-end: 9; } *[class*="--media-xxxxl-col-end-10"] { grid-column-end: 10; } *[class*="--media-xxxxl-col-end-11"] { grid-column-end: 11; } *[class*="--media-xxxxl-col-end-12"] { grid-column-end: 12; } *[class*="--media-xxxxl-gap-reset"] { gap: 0; } *[class*="--media-xxxxl-gap-auto"] { gap: auto; } *[class*="--media-xxxxl-gap-inherit"] { gap: inherit; } *[class*="--media-xxxxl-gap-xxxs"] { gap: 0.125rem; } *[class*="--media-xxxxl-gap-xxs"] { gap: 0.25rem; } *[class*="--media-xxxxl-gap-xs"] { gap: 0.5rem; } *[class*="--media-xxxxl-gap-sm"] { gap: 0.75rem; } *[class*="--media-xxxxl-gap-md"] { gap: 1rem; } *[class*="--media-xxxxl-gap-lg"] { gap: 1.5rem; } *[class*="--media-xxxxl-gap-xl"] { gap: 2.5rem; } *[class*="--media-xxxxl-gap-xxl"] { gap: 5rem; } *[class*="--media-xxxxl-gap-xxxl"] { gap: 8rem; } *[class*="--media-xxxxl-gap-xxxxl"] { gap: 12rem; } *[class*="--media-xxxxl-gap-xxxxxl"] { gap: 15rem; } *[class*="--media-xxxxl-gap-xxxxxxl"] { gap: 18rem; } *[class*="--media-xxxxl-gap-x-reset"] { column-gap: 0; } *[class*="--media-xxxxl-gap-x-auto"] { column-gap: auto; } *[class*="--media-xxxxl-gap-x-inherit"] { column-gap: inherit; } *[class*="--media-xxxxl-gap-x-xxxs"] { column-gap: 0.125rem; } *[class*="--media-xxxxl-gap-x-xxs"] { column-gap: 0.25rem; } *[class*="--media-xxxxl-gap-x-xs"] { column-gap: 0.5rem; } *[class*="--media-xxxxl-gap-x-sm"] { column-gap: 0.75rem; } *[class*="--media-xxxxl-gap-x-md"] { column-gap: 1rem; } *[class*="--media-xxxxl-gap-x-lg"] { column-gap: 1.5rem; } *[class*="--media-xxxxl-gap-x-xl"] { column-gap: 2.5rem; } *[class*="--media-xxxxl-gap-x-xxl"] { column-gap: 5rem; } *[class*="--media-xxxxl-gap-x-xxxl"] { column-gap: 8rem; } *[class*="--media-xxxxl-gap-x-xxxxl"] { column-gap: 12rem; } *[class*="--media-xxxxl-gap-x-xxxxxl"] { column-gap: 15rem; } *[class*="--media-xxxxl-gap-x-xxxxxxl"] { column-gap: 18rem; } *[class*="--media-xxxxl-gap-y-reset"] { row-gap: 0; } *[class*="--media-xxxxl-gap-y-auto"] { row-gap: auto; } *[class*="--media-xxxxl-gap-y-inherit"] { row-gap: inherit; } *[class*="--media-xxxxl-gap-y-xxxs"] { row-gap: 0.125rem; } *[class*="--media-xxxxl-gap-y-xxs"] { row-gap: 0.25rem; } *[class*="--media-xxxxl-gap-y-xs"] { row-gap: 0.5rem; } *[class*="--media-xxxxl-gap-y-sm"] { row-gap: 0.75rem; } *[class*="--media-xxxxl-gap-y-md"] { row-gap: 1rem; } *[class*="--media-xxxxl-gap-y-lg"] { row-gap: 1.5rem; } *[class*="--media-xxxxl-gap-y-xl"] { row-gap: 2.5rem; } *[class*="--media-xxxxl-gap-y-xxl"] { row-gap: 5rem; } *[class*="--media-xxxxl-gap-y-xxxl"] { row-gap: 8rem; } *[class*="--media-xxxxl-gap-y-xxxxl"] { row-gap: 12rem; } *[class*="--media-xxxxl-gap-y-xxxxxl"] { row-gap: 15rem; } *[class*="--media-xxxxl-gap-y-xxxxxxl"] { row-gap: 18rem; } *[class*="--media-xxxxl-justify-content-start"] { justify-content: flex-start; } *[class*="--media-xxxxl-justify-content-end"] { justify-content: flex-end; } *[class*="--media-xxxxl-justify-content-center"] { justify-content: center; } *[class*="--media-xxxxl-justify-content-between"] { justify-content: space-between; } *[class*="--media-xxxxl-justify-content-around"] { justify-content: space-around; } *[class*="--media-xxxxl-justify-content-evenly"] { justify-content: space-evenly; } *[class*="--media-xxxxl-align-items-start"] { align-items: flex-start; } *[class*="--media-xxxxl-align-items-end"] { align-items: flex-end; } *[class*="--media-xxxxl-align-items-center"] { align-items: center; } *[class*="--media-xxxxl-align-items-baseline"] { align-items: baseline; } *[class*="--media-xxxxl-align-items-stretch"] { align-items: stretch; } *[class*="--media-xxxxl-align-content-start"] { align-content: flex-start; } *[class*="--media-xxxxl-align-content-end"] { align-content: flex-end; } *[class*="--media-xxxxl-align-content-center"] { align-content: center; } *[class*="--media-xxxxl-align-content-between"] { align-content: space-between; } *[class*="--media-xxxxl-align-content-around"] { align-content: space-around; } *[class*="--media-xxxxl-align-content-stretch"] { align-content: stretch; } *[class*="--media-xxxxl-justify-self-auto"] { justify-self: auto; } *[class*="--media-xxxxl-justify-self-start"] { justify-self: flex-start; } *[class*="--media-xxxxl-justify-self-end"] { justify-self: flex-end; } *[class*="--media-xxxxl-justify-self-center"] { justify-self: center; } *[class*="--media-xxxxl-justify-self-baseline"] { justify-self: baseline; } *[class*="--media-xxxxl-justify-self-stretch"] { justify-self: stretch; } *[class*="--media-xxxxl-align-self-auto"] { align-self: auto; } *[class*="--media-xxxxl-align-self-start"] { align-self: flex-start; } *[class*="--media-xxxxl-align-self-end"] { align-self: flex-end; } *[class*="--media-xxxxl-align-self-center"] { align-self: center; } *[class*="--media-xxxxl-align-self-baseline"] { align-self: baseline; } *[class*="--media-xxxxl-align-self-stretch"] { align-self: stretch; } *[class*="--media-xxxxl-b-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-b-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxxl-b-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxxl-b-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxxl-b-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxxl-b-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxxl-b-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxxl-b-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-b-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-b-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-b-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxxl-b-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-b-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxxl-b-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxxl-b-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxxl-b-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxxl-b-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxxl-b-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxxl-b-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxxl-b-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxxl-b-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxxl-b-0"] { border: 0; } *[class*="--media-xxxxl-b-bg-default"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-b-bg-primary"] { border: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxxl-b-bg-primary-light"] { border: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxxl-b-bg-primary-dark"] { border: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxxl-b-bg-secondary"] { border: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxxl-b-bg-secondary-light"] { border: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxxl-b-bg-secondary-dark"] { border: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxxl-b-bg-natural"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-b-bg-natural-400"] { border: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-b-bg-natural-700"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-b-bg-natural-light"] { border: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxxl-b-bg-natural-dark"] { border: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-b-bg-white"] { border: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxxl-b-bg-black"] { border: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxxl-b-bg-grey-dark"] { border: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxxl-b-bg-grey-base"] { border: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxxl-b-bg-grey-light"] { border: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxxl-b-bg-success"] { border: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxxl-b-bg-success-light"] { border: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxxl-b-bg-danger"] { border: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxxl-b-bg-info"] { border: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxxl-b-bg-0"] { border: 0; } *[class*="--media-xxxxl-bt-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bt-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxxl-bt-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxxl-bt-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxxl-bt-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxxl-bt-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxxl-bt-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxxl-bt-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bt-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bt-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bt-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxxl-bt-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bt-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxxl-bt-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxxl-bt-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxxl-bt-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxxl-bt-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxxl-bt-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxxl-bt-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxxl-bt-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxxl-bt-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxxl-bt-0"] { border-top: 0; } *[class*="--media-xxxxl-bt-bg-default"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bt-bg-primary"] { border-top: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxxl-bt-bg-primary-light"] { border-top: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxxl-bt-bg-primary-dark"] { border-top: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxxl-bt-bg-secondary"] { border-top: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxxl-bt-bg-secondary-light"] { border-top: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxxl-bt-bg-secondary-dark"] { border-top: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxxl-bt-bg-natural"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bt-bg-natural-400"] { border-top: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bt-bg-natural-700"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bt-bg-natural-light"] { border-top: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxxl-bt-bg-natural-dark"] { border-top: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bt-bg-white"] { border-top: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxxl-bt-bg-black"] { border-top: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxxl-bt-bg-grey-dark"] { border-top: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxxl-bt-bg-grey-base"] { border-top: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxxl-bt-bg-grey-light"] { border-top: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxxl-bt-bg-success"] { border-top: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxxl-bt-bg-success-light"] { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxxl-bt-bg-danger"] { border-top: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxxl-bt-bg-info"] { border-top: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxxl-bt-bg-0"] { border-top: 0; } *[class*="--media-xxxxl-bb-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bb-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxxl-bb-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxxl-bb-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxxl-bb-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxxl-bb-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxxl-bb-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxxl-bb-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bb-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bb-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bb-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxxl-bb-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bb-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxxl-bb-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxxl-bb-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxxl-bb-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxxl-bb-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxxl-bb-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxxl-bb-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxxl-bb-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxxl-bb-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxxl-bb-0"] { border-bottom: 0; } *[class*="--media-xxxxl-bb-bg-default"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bb-bg-primary"] { border-bottom: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxxl-bb-bg-primary-light"] { border-bottom: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxxl-bb-bg-primary-dark"] { border-bottom: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxxl-bb-bg-secondary"] { border-bottom: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxxl-bb-bg-secondary-light"] { border-bottom: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxxl-bb-bg-secondary-dark"] { border-bottom: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxxl-bb-bg-natural"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bb-bg-natural-400"] { border-bottom: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bb-bg-natural-700"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bb-bg-natural-light"] { border-bottom: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxxl-bb-bg-natural-dark"] { border-bottom: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bb-bg-white"] { border-bottom: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxxl-bb-bg-black"] { border-bottom: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxxl-bb-bg-grey-dark"] { border-bottom: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxxl-bb-bg-grey-base"] { border-bottom: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxxl-bb-bg-grey-light"] { border-bottom: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxxl-bb-bg-success"] { border-bottom: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxxl-bb-bg-success-light"] { border-bottom: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxxl-bb-bg-danger"] { border-bottom: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxxl-bb-bg-info"] { border-bottom: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxxl-bb-bg-0"] { border-bottom: 0; } *[class*="--media-xxxxl-bs-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bs-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxxl-bs-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxxl-bs-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxxl-bs-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxxl-bs-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxxl-bs-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxxl-bs-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bs-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bs-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bs-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxxl-bs-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bs-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxxl-bs-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxxl-bs-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxxl-bs-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxxl-bs-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxxl-bs-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxxl-bs-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxxl-bs-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxxl-bs-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxxl-bs-0"] { border-right: 0; } *[class*="--media-xxxxl-bs-bg-default"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bs-bg-primary"] { border-right: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxxl-bs-bg-primary-light"] { border-right: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxxl-bs-bg-primary-dark"] { border-right: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxxl-bs-bg-secondary"] { border-right: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxxl-bs-bg-secondary-light"] { border-right: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxxl-bs-bg-secondary-dark"] { border-right: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxxl-bs-bg-natural"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bs-bg-natural-400"] { border-right: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-bs-bg-natural-700"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bs-bg-natural-light"] { border-right: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxxl-bs-bg-natural-dark"] { border-right: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-bs-bg-white"] { border-right: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxxl-bs-bg-black"] { border-right: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxxl-bs-bg-grey-dark"] { border-right: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxxl-bs-bg-grey-base"] { border-right: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxxl-bs-bg-grey-light"] { border-right: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxxl-bs-bg-success"] { border-right: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxxl-bs-bg-success-light"] { border-right: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxxl-bs-bg-danger"] { border-right: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxxl-bs-bg-info"] { border-right: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxxl-bs-bg-0"] { border-right: 0; } *[class*="--media-xxxxl-be-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-be-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxxl-be-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxxl-be-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxxl-be-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxxl-be-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxxl-be-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxxl-be-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-be-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-be-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-be-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxxl-be-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-be-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxxl-be-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxxl-be-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxxl-be-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxxl-be-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxxl-be-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxxl-be-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxxl-be-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxxl-be-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxxl-be-0"] { border-left: 0; } *[class*="--media-xxxxl-be-bg-default"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-be-bg-primary"] { border-left: 2px solid var(--colors-primary-base, #975B14); } *[class*="--media-xxxxl-be-bg-primary-light"] { border-left: 2px solid var(--colors-primary-light, #A47341); } *[class*="--media-xxxxl-be-bg-primary-dark"] { border-left: 2px solid var(--colors-primary-dark, #4C241D); } *[class*="--media-xxxxl-be-bg-secondary"] { border-left: 2px solid var(--colors-secondary-base, #EED91E); } *[class*="--media-xxxxl-be-bg-secondary-light"] { border-left: 2px solid var(--colors-secondary-light, #f2e14d); } *[class*="--media-xxxxl-be-bg-secondary-dark"] { border-left: 2px solid var(--colors-secondary-dark, #cab70f); } *[class*="--media-xxxxl-be-bg-natural"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-be-bg-natural-400"] { border-left: 2px solid var(--colors-background-natural-400, #FAF5EF); } *[class*="--media-xxxxl-be-bg-natural-700"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-be-bg-natural-light"] { border-left: 2px solid var(--colors-background-natural-100, #eeded07a); } *[class*="--media-xxxxl-be-bg-natural-dark"] { border-left: 2px solid var(--colors-background-natural-700, #F5E3D2); } *[class*="--media-xxxxl-be-bg-white"] { border-left: 2px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxxl-be-bg-black"] { border-left: 2px solid var(--colors-background-black, #000000); } *[class*="--media-xxxxl-be-bg-grey-dark"] { border-left: 2px solid var(--colors-natural-grey-700, #242424); } *[class*="--media-xxxxl-be-bg-grey-base"] { border-left: 2px solid var(--colors-natural-grey-400, #242424e6); } *[class*="--media-xxxxl-be-bg-grey-light"] { border-left: 2px solid var(--colors-natural-grey-100, #24242480); } *[class*="--media-xxxxl-be-bg-success"] { border-left: 2px solid var(--colors-state-success, #a6f3b4); } *[class*="--media-xxxxl-be-bg-success-light"] { border-left: 2px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxxl-be-bg-danger"] { border-left: 2px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxxl-be-bg-info"] { border-left: 2px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxxl-be-bg-0"] { border-left: 0; } *[class*="--media-xxxxl-tsize-xxs"] { font-size: var(--font-sizes-xxs, 0.55rem); } *[class*="--media-xxxxl-tsize-xs"] { font-size: var(--font-sizes-xs, 0.825rem); } *[class*="--media-xxxxl-tsize-sm"] { font-size: var(--font-sizes-sm, 0.99rem); } *[class*="--media-xxxxl-tsize-md"] { font-size: var(--font-sizes-md, 1.1rem); } *[class*="--media-xxxxl-tsize-lg"] { font-size: var(--font-sizes-lg, 1.375rem); } *[class*="--media-xxxxl-tsize-xl"] { font-size: var(--font-sizes-xl, 1.925rem); } *[class*="--media-xxxxl-tsize-xxl"] { font-size: var(--font-sizes-xxl, 2.75rem); } *[class*="--media-xxxxl-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.4rem); } *[class*="--media-xxxxl-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 6.05rem); } *[class*="--media-xxxxl-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 7.15rem); } *[class*="--media-xxxxl-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 8.8rem); } *[class*="--media-xxxxl-tweight-thin"] { font-weight: var(--font-weights-thin, 100); } *[class*="--media-xxxxl-tweight-extra-light"] { font-weight: var(--font-weights-extra-light, 200); } *[class*="--media-xxxxl-tweight-light"] { font-weight: var(--font-weights-light, 300); } *[class*="--media-xxxxl-tweight-regular"] { font-weight: var(--font-weights-regular, 400); } *[class*="--media-xxxxl-tweight-medium"] { font-weight: var(--font-weights-medium, 500); } *[class*="--media-xxxxl-tweight-semi-bold"] { font-weight: var(--font-weights-semi-bold, 600); } *[class*="--media-xxxxl-tweight-bold"] { font-weight: var(--font-weights-bold, 700); } *[class*="--media-xxxxl-tweight-extra-bold"] { font-weight: var(--font-weights-extra-bold, 800); } *[class*="--media-xxxxl-tweight-black"] { font-weight: var(--font-weights-black, 900); } *[class*="--media-xxxxl-talign-c"] { text-align: center; } *[class*="--media-xxxxl-talign-s"] { text-align: right; } *[class*="--media-xxxxl-talign-e"] { text-align: left; } *[class*="--media-xxxxl-ttruncate-2"] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxxxl-ttruncate-3"] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxxxl-ttruncate-4"] { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxxxl-ttruncate-5"] { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } *[class*="--media-xxxxl-d-inline"] { display: inline; } *[class*="--media-xxxxl-d-inline-block"] { display: inline-block; } *[class*="--media-xxxxl-d-block"] { display: block; } *[class*="--media-xxxxl-d-grid"] { display: grid; } *[class*="--media-xxxxl-d-table"] { display: table; } *[class*="--media-xxxxl-d-table-row"] { display: table-row; } *[class*="--media-xxxxl-d-table-cell"] { display: table-cell; } *[class*="--media-xxxxl-d-flex"] { display: flex; } *[class*="--media-xxxxl-d-inline-flex"] { display: inline-flex; } *[class*="--media-xxxxl-d-none"] { display: none; } *[class*="--media-xxxxl-maxw-2.5"] { max-width: 2.5px; } *[class*="--media-xxxxl-maxw-5"] { max-width: 5px; } *[class*="--media-xxxxl-maxw-7.5"] { max-width: 7.5px; } *[class*="--media-xxxxl-maxw-10"] { max-width: 10px; } *[class*="--media-xxxxl-maxw-12.5"] { max-width: 12.5px; } *[class*="--media-xxxxl-maxw-15"] { max-width: 15px; } *[class*="--media-xxxxl-maxw-17.5"] { max-width: 17.5px; } *[class*="--media-xxxxl-maxw-20"] { max-width: 20px; } *[class*="--media-xxxxl-maxw-25"] { max-width: 25px; } *[class*="--media-xxxxl-maxw-30"] { max-width: 30px; } *[class*="--media-xxxxl-maxw-35"] { max-width: 35px; } *[class*="--media-xxxxl-maxw-40"] { max-width: 40px; } *[class*="--media-xxxxl-maxw-45"] { max-width: 45px; } *[class*="--media-xxxxl-maxw-50"] { max-width: 50px; } *[class*="--media-xxxxl-maxw-55"] { max-width: 55px; } *[class*="--media-xxxxl-maxw-60"] { max-width: 60px; } *[class*="--media-xxxxl-maxw-65"] { max-width: 65px; } *[class*="--media-xxxxl-maxw-70"] { max-width: 70px; } *[class*="--media-xxxxl-maxw-75"] { max-width: 75px; } *[class*="--media-xxxxl-maxw-80"] { max-width: 80px; } *[class*="--media-xxxxl-maxw-85"] { max-width: 85px; } *[class*="--media-xxxxl-maxw-90"] { max-width: 90px; } *[class*="--media-xxxxl-maxw-95"] { max-width: 95px; } *[class*="--media-xxxxl-maxw-100"] { max-width: 100px; } *[class*="--media-xxxxl-maxw-105"] { max-width: 105px; } *[class*="--media-xxxxl-maxw-110"] { max-width: 110px; } *[class*="--media-xxxxl-maxw-115"] { max-width: 115px; } *[class*="--media-xxxxl-maxw-120"] { max-width: 120px; } *[class*="--media-xxxxl-maxw-125"] { max-width: 125px; } *[class*="--media-xxxxl-maxw-150"] { max-width: 150px; } *[class*="--media-xxxxl-maxw-200"] { max-width: 200px; } *[class*="--media-xxxxl-maxw-250"] { max-width: 250px; } *[class*="--media-xxxxl-maxw-300"] { max-width: 300px; } *[class*="--media-xxxxl-maxw-350"] { max-width: 350px; } *[class*="--media-xxxxl-maxw-400"] { max-width: 400px; } *[class*="--media-xxxxl-maxw-450"] { max-width: 450px; } *[class*="--media-xxxxl-maxw-500"] { max-width: 500px; } *[class*="--media-xxxxl-maxw-550"] { max-width: 550px; } *[class*="--media-xxxxl-maxw-600"] { max-width: 600px; } *[class*="--media-xxxxl-maxw-650"] { max-width: 650px; } *[class*="--media-xxxxl-maxw-reset"] { max-width: 0; } *[class*="--media-xxxxl-maxw-auto"] { max-width: auto; } *[class*="--media-xxxxl-maxw-inherit"] { max-width: inherit; } *[class*="--media-xxxxl-maxw-xxxs"] { max-width: 0.125rem; } *[class*="--media-xxxxl-maxw-xxs"] { max-width: 0.25rem; } *[class*="--media-xxxxl-maxw-xs"] { max-width: 0.5rem; } *[class*="--media-xxxxl-maxw-sm"] { max-width: 0.75rem; } *[class*="--media-xxxxl-maxw-md"] { max-width: 1rem; } *[class*="--media-xxxxl-maxw-lg"] { max-width: 1.5rem; } *[class*="--media-xxxxl-maxw-xl"] { max-width: 2.5rem; } *[class*="--media-xxxxl-maxw-xxl"] { max-width: 5rem; } *[class*="--media-xxxxl-maxw-xxxl"] { max-width: 8rem; } *[class*="--media-xxxxl-maxw-xxxxl"] { max-width: 12rem; } *[class*="--media-xxxxl-maxw-xxxxxl"] { max-width: 15rem; } *[class*="--media-xxxxl-maxw-xxxxxxl"] { max-width: 18rem; } *[class*="--media-xxxxl-maxw-full"] { max-width: 100%; } *[class*="--media-xxxxl-maxw-three-quarters"] { max-width: 75%; } *[class*="--media-xxxxl-maxw-half"] { max-width: 50%; } *[class*="--media-xxxxl-maxw-quarter"] { max-width: 25%; } *[class*="--media-xxxxl-maxw-none"] { max-width: none; } *[class*="--media-xxxxl-maxh-full"] { max-height: 100%; } *[class*="--media-xxxxl-maxh-none"] { max-height: none; } *[class*="--media-xxxxl-w-2.5"] { width: 2.5px; } *[class*="--media-xxxxl-w-5"] { width: 5px; } *[class*="--media-xxxxl-w-7.5"] { width: 7.5px; } *[class*="--media-xxxxl-w-10"] { width: 10px; } *[class*="--media-xxxxl-w-12.5"] { width: 12.5px; } *[class*="--media-xxxxl-w-15"] { width: 15px; } *[class*="--media-xxxxl-w-17.5"] { width: 17.5px; } *[class*="--media-xxxxl-w-20"] { width: 20px; } *[class*="--media-xxxxl-w-25"] { width: 25px; } *[class*="--media-xxxxl-w-30"] { width: 30px; } *[class*="--media-xxxxl-w-35"] { width: 35px; } *[class*="--media-xxxxl-w-40"] { width: 40px; } *[class*="--media-xxxxl-w-45"] { width: 45px; } *[class*="--media-xxxxl-w-50"] { width: 50px; } *[class*="--media-xxxxl-w-55"] { width: 55px; } *[class*="--media-xxxxl-w-60"] { width: 60px; } *[class*="--media-xxxxl-w-65"] { width: 65px; } *[class*="--media-xxxxl-w-70"] { width: 70px; } *[class*="--media-xxxxl-w-75"] { width: 75px; } *[class*="--media-xxxxl-w-80"] { width: 80px; } *[class*="--media-xxxxl-w-85"] { width: 85px; } *[class*="--media-xxxxl-w-90"] { width: 90px; } *[class*="--media-xxxxl-w-95"] { width: 95px; } *[class*="--media-xxxxl-w-100"] { width: 100px; } *[class*="--media-xxxxl-w-105"] { width: 105px; } *[class*="--media-xxxxl-w-110"] { width: 110px; } *[class*="--media-xxxxl-w-115"] { width: 115px; } *[class*="--media-xxxxl-w-120"] { width: 120px; } *[class*="--media-xxxxl-w-125"] { width: 125px; } *[class*="--media-xxxxl-w-150"] { width: 150px; } *[class*="--media-xxxxl-w-200"] { width: 200px; } *[class*="--media-xxxxl-w-250"] { width: 250px; } *[class*="--media-xxxxl-w-300"] { width: 300px; } *[class*="--media-xxxxl-w-350"] { width: 350px; } *[class*="--media-xxxxl-w-400"] { width: 400px; } *[class*="--media-xxxxl-w-450"] { width: 450px; } *[class*="--media-xxxxl-w-500"] { width: 500px; } *[class*="--media-xxxxl-w-550"] { width: 550px; } *[class*="--media-xxxxl-w-600"] { width: 600px; } *[class*="--media-xxxxl-w-650"] { width: 650px; } *[class*="--media-xxxxl-w-reset"] { width: 0; } *[class*="--media-xxxxl-w-auto"] { width: auto; } *[class*="--media-xxxxl-w-inherit"] { width: inherit; } *[class*="--media-xxxxl-w-xxxs"] { width: 0.125rem; } *[class*="--media-xxxxl-w-xxs"] { width: 0.25rem; } *[class*="--media-xxxxl-w-xs"] { width: 0.5rem; } *[class*="--media-xxxxl-w-sm"] { width: 0.75rem; } *[class*="--media-xxxxl-w-md"] { width: 1rem; } *[class*="--media-xxxxl-w-lg"] { width: 1.5rem; } *[class*="--media-xxxxl-w-xl"] { width: 2.5rem; } *[class*="--media-xxxxl-w-xxl"] { width: 5rem; } *[class*="--media-xxxxl-w-xxxl"] { width: 8rem; } *[class*="--media-xxxxl-w-xxxxl"] { width: 12rem; } *[class*="--media-xxxxl-w-xxxxxl"] { width: 15rem; } *[class*="--media-xxxxl-w-xxxxxxl"] { width: 18rem; } *[class*="--media-xxxxl-w-full"] { width: 100%; } *[class*="--media-xxxxl-w-three-quarters"] { width: 75%; } *[class*="--media-xxxxl-w-half"] { width: 50%; } *[class*="--media-xxxxl-w-quarter"] { width: 25%; } *[class*="--media-xxxxl-w-max-content"] { width: max-content; } *[class*="--media-xxxxl-h-2.5"] { height: 2.5px; } *[class*="--media-xxxxl-h-5"] { height: 5px; } *[class*="--media-xxxxl-h-7.5"] { height: 7.5px; } *[class*="--media-xxxxl-h-10"] { height: 10px; } *[class*="--media-xxxxl-h-12.5"] { height: 12.5px; } *[class*="--media-xxxxl-h-15"] { height: 15px; } *[class*="--media-xxxxl-h-17.5"] { height: 17.5px; } *[class*="--media-xxxxl-h-20"] { height: 20px; } *[class*="--media-xxxxl-h-25"] { height: 25px; } *[class*="--media-xxxxl-h-30"] { height: 30px; } *[class*="--media-xxxxl-h-35"] { height: 35px; } *[class*="--media-xxxxl-h-40"] { height: 40px; } *[class*="--media-xxxxl-h-45"] { height: 45px; } *[class*="--media-xxxxl-h-50"] { height: 50px; } *[class*="--media-xxxxl-h-55"] { height: 55px; } *[class*="--media-xxxxl-h-60"] { height: 60px; } *[class*="--media-xxxxl-h-65"] { height: 65px; } *[class*="--media-xxxxl-h-70"] { height: 70px; } *[class*="--media-xxxxl-h-75"] { height: 75px; } *[class*="--media-xxxxl-h-80"] { height: 80px; } *[class*="--media-xxxxl-h-85"] { height: 85px; } *[class*="--media-xxxxl-h-90"] { height: 90px; } *[class*="--media-xxxxl-h-95"] { height: 95px; } *[class*="--media-xxxxl-h-100"] { height: 100px; } *[class*="--media-xxxxl-h-105"] { height: 105px; } *[class*="--media-xxxxl-h-110"] { height: 110px; } *[class*="--media-xxxxl-h-115"] { height: 115px; } *[class*="--media-xxxxl-h-120"] { height: 120px; } *[class*="--media-xxxxl-h-125"] { height: 125px; } *[class*="--media-xxxxl-h-150"] { height: 150px; } *[class*="--media-xxxxl-h-200"] { height: 200px; } *[class*="--media-xxxxl-h-250"] { height: 250px; } *[class*="--media-xxxxl-h-300"] { height: 300px; } *[class*="--media-xxxxl-h-350"] { height: 350px; } *[class*="--media-xxxxl-h-400"] { height: 400px; } *[class*="--media-xxxxl-h-450"] { height: 450px; } *[class*="--media-xxxxl-h-500"] { height: 500px; } *[class*="--media-xxxxl-h-550"] { height: 550px; } *[class*="--media-xxxxl-h-600"] { height: 600px; } *[class*="--media-xxxxl-h-650"] { height: 650px; } *[class*="--media-xxxxl-h-reset"] { height: 0; } *[class*="--media-xxxxl-h-auto"] { height: auto; } *[class*="--media-xxxxl-h-inherit"] { height: inherit; } *[class*="--media-xxxxl-h-xxxs"] { height: 0.125rem; } *[class*="--media-xxxxl-h-xxs"] { height: 0.25rem; } *[class*="--media-xxxxl-h-xs"] { height: 0.5rem; } *[class*="--media-xxxxl-h-sm"] { height: 0.75rem; } *[class*="--media-xxxxl-h-md"] { height: 1rem; } *[class*="--media-xxxxl-h-lg"] { height: 1.5rem; } *[class*="--media-xxxxl-h-xl"] { height: 2.5rem; } *[class*="--media-xxxxl-h-xxl"] { height: 5rem; } *[class*="--media-xxxxl-h-xxxl"] { height: 8rem; } *[class*="--media-xxxxl-h-xxxxl"] { height: 12rem; } *[class*="--media-xxxxl-h-xxxxxl"] { height: 15rem; } *[class*="--media-xxxxl-h-xxxxxxl"] { height: 18rem; } *[class*="--media-xxxxl-h-full"] { height: 100%; } *[class*="--media-xxxxl-h-three-quarters"] { height: 75%; } *[class*="--media-xxxxl-h-half"] { height: 50%; } *[class*="--media-xxxxl-h-quarter"] { height: 25%; } *[class*="--media-xxxxl-h-max-content"] { height: max-content; } *[class*="--media-xxxxl-position-static"] { position: static; } *[class*="--media-xxxxl-position-relative"] { position: relative; } *[class*="--media-xxxxl-position-absolute"] { position: absolute; } *[class*="--media-xxxxl-position-fixed"] { position: fixed; } *[class*="--media-xxxxl-position-sticky"] { position: sticky; } *[class*="--media-xxxxl-position-t-quarter"] { top: 25%; } *[class*="--media-xxxxl-position-t-half"] { top: 50%; } *[class*="--media-xxxxl-position-t-full"] { top: 100%; } *[class*="--media-xxxxl-position-t-header"] { top: 100px; } *[class*="--media-xxxxl-position-t-header-indent"] { top: calc(100px + 2rem); } *[class*="--media-xxxxl-position-t-reset"] { top: 0; } *[class*="--media-xxxxl-position-t-reset-opposite"] { top: -0; } *[class*="--media-xxxxl-position-t-auto"] { top: auto; } *[class*="--media-xxxxl-position-t-auto-opposite"] { top: -auto; } *[class*="--media-xxxxl-position-t-inherit"] { top: inherit; } *[class*="--media-xxxxl-position-t-inherit-opposite"] { top: -inherit; } *[class*="--media-xxxxl-position-t-xxxs"] { top: 0.125rem; } *[class*="--media-xxxxl-position-t-xxxs-opposite"] { top: -0.125rem; } *[class*="--media-xxxxl-position-t-xxs"] { top: 0.25rem; } *[class*="--media-xxxxl-position-t-xxs-opposite"] { top: -0.25rem; } *[class*="--media-xxxxl-position-t-xs"] { top: 0.5rem; } *[class*="--media-xxxxl-position-t-xs-opposite"] { top: -0.5rem; } *[class*="--media-xxxxl-position-t-sm"] { top: 0.75rem; } *[class*="--media-xxxxl-position-t-sm-opposite"] { top: -0.75rem; } *[class*="--media-xxxxl-position-t-md"] { top: 1rem; } *[class*="--media-xxxxl-position-t-md-opposite"] { top: -1rem; } *[class*="--media-xxxxl-position-t-lg"] { top: 1.5rem; } *[class*="--media-xxxxl-position-t-lg-opposite"] { top: -1.5rem; } *[class*="--media-xxxxl-position-t-xl"] { top: 2.5rem; } *[class*="--media-xxxxl-position-t-xl-opposite"] { top: -2.5rem; } *[class*="--media-xxxxl-position-t-xxl"] { top: 5rem; } *[class*="--media-xxxxl-position-t-xxl-opposite"] { top: -5rem; } *[class*="--media-xxxxl-position-t-xxxl"] { top: 8rem; } *[class*="--media-xxxxl-position-t-xxxl-opposite"] { top: -8rem; } *[class*="--media-xxxxl-position-t-xxxxl"] { top: 12rem; } *[class*="--media-xxxxl-position-t-xxxxl-opposite"] { top: -12rem; } *[class*="--media-xxxxl-position-t-xxxxxl"] { top: 15rem; } *[class*="--media-xxxxl-position-t-xxxxxl-opposite"] { top: -15rem; } *[class*="--media-xxxxl-position-t-xxxxxxl"] { top: 18rem; } *[class*="--media-xxxxl-position-t-xxxxxxl-opposite"] { top: -18rem; } *[class*="--media-xxxxl-position-b-quarter"] { bottom: 25%; } *[class*="--media-xxxxl-position-b-half"] { bottom: 50%; } *[class*="--media-xxxxl-position-b-full"] { bottom: 100%; } *[class*="--media-xxxxl-position-b-header"] { bottom: 100px; } *[class*="--media-xxxxl-position-b-header-indent"] { bottom: calc(100px + 2rem); } *[class*="--media-xxxxl-position-b-reset"] { bottom: 0; } *[class*="--media-xxxxl-position-b-reset-opposite"] { bottom: -0; } *[class*="--media-xxxxl-position-b-auto"] { bottom: auto; } *[class*="--media-xxxxl-position-b-auto-opposite"] { bottom: -auto; } *[class*="--media-xxxxl-position-b-inherit"] { bottom: inherit; } *[class*="--media-xxxxl-position-b-inherit-opposite"] { bottom: -inherit; } *[class*="--media-xxxxl-position-b-xxxs"] { bottom: 0.125rem; } *[class*="--media-xxxxl-position-b-xxxs-opposite"] { bottom: -0.125rem; } *[class*="--media-xxxxl-position-b-xxs"] { bottom: 0.25rem; } *[class*="--media-xxxxl-position-b-xxs-opposite"] { bottom: -0.25rem; } *[class*="--media-xxxxl-position-b-xs"] { bottom: 0.5rem; } *[class*="--media-xxxxl-position-b-xs-opposite"] { bottom: -0.5rem; } *[class*="--media-xxxxl-position-b-sm"] { bottom: 0.75rem; } *[class*="--media-xxxxl-position-b-sm-opposite"] { bottom: -0.75rem; } *[class*="--media-xxxxl-position-b-md"] { bottom: 1rem; } *[class*="--media-xxxxl-position-b-md-opposite"] { bottom: -1rem; } *[class*="--media-xxxxl-position-b-lg"] { bottom: 1.5rem; } *[class*="--media-xxxxl-position-b-lg-opposite"] { bottom: -1.5rem; } *[class*="--media-xxxxl-position-b-xl"] { bottom: 2.5rem; } *[class*="--media-xxxxl-position-b-xl-opposite"] { bottom: -2.5rem; } *[class*="--media-xxxxl-position-b-xxl"] { bottom: 5rem; } *[class*="--media-xxxxl-position-b-xxl-opposite"] { bottom: -5rem; } *[class*="--media-xxxxl-position-b-xxxl"] { bottom: 8rem; } *[class*="--media-xxxxl-position-b-xxxl-opposite"] { bottom: -8rem; } *[class*="--media-xxxxl-position-b-xxxxl"] { bottom: 12rem; } *[class*="--media-xxxxl-position-b-xxxxl-opposite"] { bottom: -12rem; } *[class*="--media-xxxxl-position-b-xxxxxl"] { bottom: 15rem; } *[class*="--media-xxxxl-position-b-xxxxxl-opposite"] { bottom: -15rem; } *[class*="--media-xxxxl-position-b-xxxxxxl"] { bottom: 18rem; } *[class*="--media-xxxxl-position-b-xxxxxxl-opposite"] { bottom: -18rem; } *[class*="--media-xxxxl-position-s-quarter"] { right: 25%; } *[class*="--media-xxxxl-position-s-half"] { right: 50%; } *[class*="--media-xxxxl-position-s-full"] { right: 100%; } *[class*="--media-xxxxl-position-s-header"] { right: 100px; } *[class*="--media-xxxxl-position-s-header-indent"] { right: calc(100px + 2rem); } *[class*="--media-xxxxl-position-s-reset"] { right: 0; } *[class*="--media-xxxxl-position-s-reset-opposite"] { right: -0; } *[class*="--media-xxxxl-position-s-auto"] { right: auto; } *[class*="--media-xxxxl-position-s-auto-opposite"] { right: -auto; } *[class*="--media-xxxxl-position-s-inherit"] { right: inherit; } *[class*="--media-xxxxl-position-s-inherit-opposite"] { right: -inherit; } *[class*="--media-xxxxl-position-s-xxxs"] { right: 0.125rem; } *[class*="--media-xxxxl-position-s-xxxs-opposite"] { right: -0.125rem; } *[class*="--media-xxxxl-position-s-xxs"] { right: 0.25rem; } *[class*="--media-xxxxl-position-s-xxs-opposite"] { right: -0.25rem; } *[class*="--media-xxxxl-position-s-xs"] { right: 0.5rem; } *[class*="--media-xxxxl-position-s-xs-opposite"] { right: -0.5rem; } *[class*="--media-xxxxl-position-s-sm"] { right: 0.75rem; } *[class*="--media-xxxxl-position-s-sm-opposite"] { right: -0.75rem; } *[class*="--media-xxxxl-position-s-md"] { right: 1rem; } *[class*="--media-xxxxl-position-s-md-opposite"] { right: -1rem; } *[class*="--media-xxxxl-position-s-lg"] { right: 1.5rem; } *[class*="--media-xxxxl-position-s-lg-opposite"] { right: -1.5rem; } *[class*="--media-xxxxl-position-s-xl"] { right: 2.5rem; } *[class*="--media-xxxxl-position-s-xl-opposite"] { right: -2.5rem; } *[class*="--media-xxxxl-position-s-xxl"] { right: 5rem; } *[class*="--media-xxxxl-position-s-xxl-opposite"] { right: -5rem; } *[class*="--media-xxxxl-position-s-xxxl"] { right: 8rem; } *[class*="--media-xxxxl-position-s-xxxl-opposite"] { right: -8rem; } *[class*="--media-xxxxl-position-s-xxxxl"] { right: 12rem; } *[class*="--media-xxxxl-position-s-xxxxl-opposite"] { right: -12rem; } *[class*="--media-xxxxl-position-s-xxxxxl"] { right: 15rem; } *[class*="--media-xxxxl-position-s-xxxxxl-opposite"] { right: -15rem; } *[class*="--media-xxxxl-position-s-xxxxxxl"] { right: 18rem; } *[class*="--media-xxxxl-position-s-xxxxxxl-opposite"] { right: -18rem; } *[class*="--media-xxxxl-position-e-quarter"] { left: 25%; } *[class*="--media-xxxxl-position-e-half"] { left: 50%; } *[class*="--media-xxxxl-position-e-full"] { left: 100%; } *[class*="--media-xxxxl-position-e-header"] { left: 100px; } *[class*="--media-xxxxl-position-e-header-indent"] { left: calc(100px + 2rem); } *[class*="--media-xxxxl-position-e-reset"] { left: 0; } *[class*="--media-xxxxl-position-e-reset-opposite"] { left: -0; } *[class*="--media-xxxxl-position-e-auto"] { left: auto; } *[class*="--media-xxxxl-position-e-auto-opposite"] { left: -auto; } *[class*="--media-xxxxl-position-e-inherit"] { left: inherit; } *[class*="--media-xxxxl-position-e-inherit-opposite"] { left: -inherit; } *[class*="--media-xxxxl-position-e-xxxs"] { left: 0.125rem; } *[class*="--media-xxxxl-position-e-xxxs-opposite"] { left: -0.125rem; } *[class*="--media-xxxxl-position-e-xxs"] { left: 0.25rem; } *[class*="--media-xxxxl-position-e-xxs-opposite"] { left: -0.25rem; } *[class*="--media-xxxxl-position-e-xs"] { left: 0.5rem; } *[class*="--media-xxxxl-position-e-xs-opposite"] { left: -0.5rem; } *[class*="--media-xxxxl-position-e-sm"] { left: 0.75rem; } *[class*="--media-xxxxl-position-e-sm-opposite"] { left: -0.75rem; } *[class*="--media-xxxxl-position-e-md"] { left: 1rem; } *[class*="--media-xxxxl-position-e-md-opposite"] { left: -1rem; } *[class*="--media-xxxxl-position-e-lg"] { left: 1.5rem; } *[class*="--media-xxxxl-position-e-lg-opposite"] { left: -1.5rem; } *[class*="--media-xxxxl-position-e-xl"] { left: 2.5rem; } *[class*="--media-xxxxl-position-e-xl-opposite"] { left: -2.5rem; } *[class*="--media-xxxxl-position-e-xxl"] { left: 5rem; } *[class*="--media-xxxxl-position-e-xxl-opposite"] { left: -5rem; } *[class*="--media-xxxxl-position-e-xxxl"] { left: 8rem; } *[class*="--media-xxxxl-position-e-xxxl-opposite"] { left: -8rem; } *[class*="--media-xxxxl-position-e-xxxxl"] { left: 12rem; } *[class*="--media-xxxxl-position-e-xxxxl-opposite"] { left: -12rem; } *[class*="--media-xxxxl-position-e-xxxxxl"] { left: 15rem; } *[class*="--media-xxxxl-position-e-xxxxxl-opposite"] { left: -15rem; } *[class*="--media-xxxxl-position-e-xxxxxxl"] { left: 18rem; } *[class*="--media-xxxxl-position-e-xxxxxxl-opposite"] { left: -18rem; } *[class*="--media-xxxxl-transform-translateX-full"] { --transform-translateX: 100%; } *[class*="--media-xxxxl-transform-translateX-full-opposite"] { --transform-translateX: -100%; } *[class*="--media-xxxxl-transform-translateX-half"] { --transform-translateX: 50%; } *[class*="--media-xxxxl-transform-translateX-half-opposite"] { --transform-translateX: -50%; } *[class*="--media-xxxxl-transform-translateX-reset"] { --transform-translateX: 0; } *[class*="--media-xxxxl-transform-translateY-full"] { --transform-translateY: 100%; } *[class*="--media-xxxxl-transform-translateY-full-opposite"] { --transform-translateY: -100%; } *[class*="--media-xxxxl-transform-translateY-half"] { --transform-translateY: 50%; } *[class*="--media-xxxxl-transform-translateY-half-opposite"] { --transform-translateY: -50%; } *[class*="--media-xxxxl-transform-translateY-reset"] { --transform-translateY: 0; } *[class*="--media-xxxxl-transform-scaleX-25"] { --transform-scaleX: 2; } *[class*="--media-xxxxl-transform-scaleY-25"] { --transform-scaleY: 2; } *[class*="--media-xxxxl-aspect-ratio-reset"] { --aspect-ratio: 0; } *[class*="--media-xxxxl-aspect-ratio-1-1"] { --aspect-ratio: 1; } *[class*="--media-xxxxl-aspect-ratio-1-1.15"] { --aspect-ratio: 1.15; } *[class*="--media-xxxxl-aspect-ratio-1-1.33"] { --aspect-ratio: 1.33; } *[class*="--media-xxxxl-aspect-ratio-1-1.5"] { --aspect-ratio: 1.5; } *[class*="--media-xxxxl-aspect-ratio-1-3"] { --aspect-ratio: 3; } *[class*="--media-xxxxl-aspect-ratio-4-3"] { --aspect-ratio: 0.75; } *[class*="--media-xxxxl-aspect-ratio-3-2"] { --aspect-ratio: 0.67; } *[class*="--media-xxxxl-aspect-ratio-16-9"] { --aspect-ratio: 0.5625; } *[class*="--media-xxxxl-aspect-ratio-24-10"] { --aspect-ratio: 0.4167; } } /* ======= MISC ======== */ *[class*="--has-paragraph"] p { margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--has-paragraph"] p:last-of-type { margin-bottom: var(--spaces-reset, 0); } *[class*="--is-rich-editor"] * + h2, *[class*="--is-rich-editor"] * + h3, *[class*="--is-rich-editor"] * + h4, *[class*="--is-rich-editor"] * + h5, *[class*="--is-rich-editor"] * + h6, *[class*="--is-rich-editor"] * + h7, *[class*="--is-rich-editor"] * + h8 { margin-top: var(--spaces-xl, 2.5rem); } *[class*="--is-rich-editor"] h2, *[class*="--is-rich-editor"] h3, *[class*="--is-rich-editor"] h4, *[class*="--is-rich-editor"] h5, *[class*="--is-rich-editor"] h6, *[class*="--is-rich-editor"] h7, *[class*="--is-rich-editor"] h8 { font-size: var(--font-sizes-xl, 1.925rem); font-weight: var(--font-weights-semi-bold, 600); margin-bottom: var(--spaces-md, 1rem); } *[class*="--is-rich-editor"] p { margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--is-rich-editor"] p:last-of-type { margin-bottom: var(--spaces-reset, 0); } *[class*="--is-rich-editor"] a { color: var(--colors-primary-base, #975B14); text-decoration: underline; } *[class*="--is-arrow-icon"] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; /* MODIFIERS */ } *[class*="--is-arrow-icon"] *[class*="prefix"] { height: 2px; background-color: currentColor; position: absolute; -webkit-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; -o-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; /* MODIFIERS */ } *[class*="--is-arrow-icon"] *[class*="prefix"][class*="--md"] { width: 0; } *[class*="--is-arrow-icon"] *[class*="prefix"][class*="--lg"] { width: 25px; } *[class*="--is-arrow-icon"] *[class*="prefix"][class*="--lg"] ~ svg { -webkit-transform: translateX(calc(-1 * 25px)); -ms-transform: translateX(calc(-1 * 25px)); transform: translateX(calc(-1 * 25px)); } *[class*="--is-arrow-icon"] svg { -webkit-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } *[class*="--is-arrow-icon"][class*="--reverse"] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } *[class*="__btn"]:not([disabled]):hover *[class*="--is-arrow-icon"][class*="--hover-grow"] *[class*="prefix"] { -webkit-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); /* MODIFIERS */ } *[class*="__btn"]:not([disabled]):hover *[class*="--is-arrow-icon"][class*="--hover-grow"] *[class*="prefix"][class*="--md"] { width: 10px; } *[class*="__btn"]:not([disabled]):hover *[class*="--is-arrow-icon"][class*="--hover-grow"] *[class*="prefix"][class*="--md"] ~ svg { -webkit-transform: translateX(calc(-1 * 8px)); -ms-transform: translateX(calc(-1 * 8px)); transform: translateX(calc(-1 * 8px)); -webkit-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; -o-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; } *[class*="__btn"]:not([disabled]):hover *[class*="--is-arrow-icon"][class*="--hover-grow"] *[class*="prefix"][class*="--lg"] { width: 40px; } *[class*="__btn"]:not([disabled]):hover *[class*="--is-arrow-icon"][class*="--hover-grow"] *[class*="prefix"][class*="--lg"] ~ svg { -webkit-transform: translateX(calc(-1 * 40px)); -ms-transform: translateX(calc(-1 * 40px)); transform: translateX(calc(-1 * 40px)); -webkit-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; -o-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; } *[class*="--is-arrow-icon"][class*="--hover-grow"]:hover *[class*="prefix"] { -webkit-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: width 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); /* MODIFIERS */ } *[class*="--is-arrow-icon"][class*="--hover-grow"]:hover *[class*="prefix"][class*="--md"] { width: 10px; } *[class*="--is-arrow-icon"][class*="--hover-grow"]:hover *[class*="prefix"][class*="--md"] ~ svg { -webkit-transform: translateX(calc(-1 * 10px)); -ms-transform: translateX(calc(-1 * 10px)); transform: translateX(calc(-1 * 10px)); -webkit-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; -o-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; } *[class*="--is-arrow-icon"][class*="--hover-grow"]:hover *[class*="prefix"][class*="--lg"] { width: 40px; } *[class*="--is-arrow-icon"][class*="--hover-grow"]:hover *[class*="prefix"][class*="--lg"] ~ svg { -webkit-transform: translateX(calc(-1 * 40px)); -ms-transform: translateX(calc(-1 * 40px)); transform: translateX(calc(-1 * 40px)); -webkit-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; -o-transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; } .product-action { /* MODIFIERS */ } .product-action.product-action--wishlist { /* ELEMENTS */ /* MODIFIERS */ } .product-action.product-action--wishlist svg path { -webkit-transition: fill-opacity 0.25s ease-in-out; -o-transition: fill-opacity 0.25s ease-in-out; transition: fill-opacity 0.25s ease-in-out; } .product-action.product-action--wishlist[data-wishlist-action="remove"] { /* ELEMENTS */ } .product-action.product-action--wishlist[data-wishlist-action="remove"] svg path { fill-opacity: 1; } /** Box Shadow */ *[class*="--has-box-shadow"][class*="--has-box-shadow-sm"] { -webkit-box-shadow: 3px 3px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); -moz-box-shadow: 3px 3px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); box-shadow: 3px 3px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); } *[class*="--has-box-shadow"][class*="--has-box-shadow-md"] { -webkit-box-shadow: 6px 6px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); -moz-box-shadow: 6px 6px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); box-shadow: 6px 6px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); } *[class*="--has-box-shadow"][class*="--has-box-shadow-lg"] { -webkit-box-shadow: 10px 10px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); -moz-box-shadow: 10px 10px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); box-shadow: 10px 10px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 1); } *[class*="--box-shadow-hover"]:hover *[class*="--has-box-shadow"], *[class*="--box-shadow-hover"]:hover[class*="--has-box-shadow"] { -webkit-box-shadow: 0px 0px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 0); -moz-box-shadow: 0px 0px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 0); box-shadow: 0px 0px 0px 0px rgba(var(--colors-background-black-rgb, 0,0,0), 0); } *[class*="--box-shadow-hover"] *[class*="--has-box-shadow"], *[class*="--box-shadow-hover"][class*="--has-box-shadow"] { -webkit-transition: box-shadow 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: box-shadow 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: box-shadow 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); } /* For Priority */