@charset "UTF-8"; /* ======= 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 */ body.home .site-content { overflow-x: hidden; } /* ======= 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 ============= */ *[class*="--is-arrow-icon"], *[class*="--has-inline-vector"], *[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-icon"], .row, body.post-type-archive-service .services-archive .service-card .service-card__body, body.post-type-archive-service .services-archive .service-card, body.single-service .service-hero .service-hero__content-wrapper, body.post-type-archive-testimonial .testimonials .testimonials__content-wrapper .testimonials__list .testimonials__item .testimonial__header, body:not(.home) .hero, .floating-whatsapp, body.home .app .app__block.app-block--top .app-block__testimonials .block-testimonials__list, body.home .app .app__image-wrapper, body.home .services .service .service__content-wrapper, body.home .about .about__boxes .about-boxes__list, body.home .hero .hero__content-wrapper, body.home .hero .hero__image-wrapper, body.home .hero .hero__wrapper, body.home .hero, .sidebar-widget.sidebar-widget--staff-members .sidebar-widget__body .sidebar-widget__staff-members .staff-members__content-wrapper .staff-members__list .staff-members__item, .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--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, .site-footer .site-footer__body .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, .site-footer .site-footer__body .site-footer__info .site-footer__logo .site-footer__logo-link .site-footer__logo-image, .site-footer .site-footer__body, .site-footer .site-footer__columns, body.home .site-content .site-content__sidebar-layout, .primary-navigation .primary-navigation__list .primary-navigation__item[data-item-id*=wpml-ls] .primary-navigation__link .primary-navigation__label, .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__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, .primary-navigation .primary-navigation__header, .aside .aside__footer .aside__social .aside-social__list, .aside .aside__footer .aside__language-picker > .language-picker__link.language-link--has-dropdown, .aside, .site-header .site-header__top .site-header__content .site-header__actions .header-actions__list .header-actions__item.header-action--social .header-action__social .social__list .social__item .social-item__link .social-item__icon-wrapper, .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 .site-header__top, .marker, .video .video__thumbnail .video-thumbnail__play .video-thumbnail__play-icon, .video .video__thumbnail .video-thumbnail__play, .bubble .bubble__bg, .bubble, .contact-button .contact-button__toggle, .contact-button, .accordion .accordion__list .accordion__item .accordion-item__header .accordion-item__button, .timeline--horizontal .timeline__list .timeline__item .timeline-item__date-wrapper, .timeline--horizontal .timeline__list, .timeline .timeline__list .timeline__item .timeline-item__date-wrapper, .timeline .timeline__list .timeline__item .timeline-item__content-wrapper, .timeline .timeline__list .timeline__item .timeline-item__dot .timeline-item__icon, .timeline .timeline__list .timeline__item .timeline-item__dot, .timeline .timeline__list .timeline__item, .tabs--vertical .tabs__list, .tabs--horizontal.tabs--center .tabs__list, .badge--xxxxxxl.badge--full-rounded, .badge--xxxxxl.badge--full-rounded, .badge--xxxxl.badge--full-rounded, .badge--xxxl.badge--full-rounded, .badge--xxl.badge--full-rounded, .badge--xl.badge--full-rounded, .badge--lg.badge--full-rounded, .badge--md.badge--full-rounded, .badge--sm.badge--full-rounded, .badge--xs.badge--full-rounded, .badge--xxs.badge--full-rounded, .entry-box .entry-box__actions .entry-box__action .entry-box__icon, .entry-box .entry-box__actions, .list .list__body .list__row .list__col .list__col-content, .kanban .kanban__list .kanban__item .kanban-stage__list, .kanban .kanban__list, .table .table__body .table__row .table__col .table__col-content .col-content__entry-actions, .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, .table .table__header .table__row .table__col .table__col-content.col-content--sortable .col-content__sort, .table .table__header .table__row .table__col .table__col-content, .view-footer .view-footer__action-bar .action-bar__actions, .view-footer .view-footer__action-bar, .view-footer .view-footer__pagination .pagination__list .pagination__item .pagination__link, .view-footer .view-footer__pagination .pagination__list, .view-footer .view-footer__pagination, .view-footer, .view-header .view-header__plus-wrapper .view-header__plus, .view-header .view-header__actions .view-header__view-filter .view-filter__btn .view-filter__icon, .view-header .view-header__actions .view-header__view-filter .view-filter__btn, .view-header .view-header__actions, .view-header .view-header__top .view-header__data-views .data-views__list .data-views__item, .view-header .view-header__top .view-header__data-views .data-views__list, .view-header .view-header__top, .input-file.input-file--has-action-icon .input-file__action-icon, .input-file.input-file--has-icon .input-file__icon, .input-file .input-file__btn, .input-color .input-color__input::-webkit-color-swatch-wrapper, .input-color .input-color__input, .input-color.input-color--has-action-icon .input-color__action-icon, .input-color.input-color--has-icon .input-color__icon, .input-custom .input-custom__input, .input-custom.input-custom--has-action-icon .input-custom__action-icon, .input-custom.input-custom--has-icon .input-custom__icon, .input-textarea.input-textarea--has-action-icon .input-textarea__action-icon, .input-textarea.input-textarea--has-icon .input-textarea__icon, .input-textarea, .datepicker .datepicker__header, .toggle-switch--icons .toggle-switch__switch .toggle-switch__btn .toggle-switch__icon, .toggle-switch .toggle-switch__switch .toggle-switch__btn, .radio.radio--is-button .radio__label, .radio .radio__label .radio__switch, .radio .radio__label, .checkbox.checkbox--is-button .checkbox__label, .checkbox .checkbox__label .checkbox__switch, .checkbox .checkbox__label, .input-autocomplete__options.input-autocomplete__options--has-action-icon .input-autocomplete__options__action-icon, .input-autocomplete__options.input-autocomplete__options--has-icon .input-autocomplete__options__icon, .input-autocomplete .input-autocomplete__options, .input-select__options.input-select__options--has-action-icon .input-select__options__action-icon, .input-select__options.input-select__options--has-icon .input-select__options__icon, .input-select .input-select__options, .input-select .input-select__select, .input-select.input-select--has-action-icon .input-select__action-icon, .input-select.input-select--has-icon .input-select__icon, .input-select .input-select__btn, .input-text.input-text--has-action-icon .input-text__action-icon, .input-text.input-text--has-icon .input-text__icon, .chart-line .chart-line__lines .chart-line__line-group .chart-line__line .chart-line__line-indicator, .chart-line .chart-line__lines .chart-line__line-group, .chart-line .chart-line__lines, .chart-area .chart-area__areas .chart-area__area-group .chart-area__area .chart-area__area-indicator, .chart-area .chart-area__areas .chart-area__area-group, .chart-area .chart-area__areas, .chart-bar .chart-bar__bars .chart-bar__bar-group, .chart-bar .chart-bar__bars, .chart-legend .chart-legend__list, .indicator--has-label .indicator__label, .modal .modal__close, .title--has-underline .title__underline, .swipe-button .swipe-button__slider, .swipe-button, .button-group.button-group--pill .button-group__button, .btn.btn--special .btn__icon-special, *[class*=__navigation-arrow] *[class*=__arrow-icon], .woocommerce-order-details .woocommerce-order-details__review .order-review__list .order-review__item, .woocommerce-order-details .woocommerce-order-details__review .order-review__list, .woocommerce-checkout #payment .woocommerce-checkout-payment__wrapper .form__checkbox .checkbox__label, .woocommerce-checkout #payment, .woocommerce-checkout .woocommerce-checkout__checkout-coupon .checkout-coupon__wrapper .checkout-coupon__form .form__input-wrapper, .woocommerce-checkout .woocommerce-checkout__checkout-coupon, .woocommerce form.woocommerce-form-login { display: -webkit-box; display: -ms-flexbox; display: flex; } *[class*="--has-inline-vector"] *[class*=__vector]:not(*[class*="--has-inline-vector"]), *[class*="--has-inline-vector"] *[class*=-vector]:not(*[class*="--has-inline-vector"]), *[class*="--has-inline-icon"] *[class*=__icon]:not(*[class*="--has-inline-icon"]), *[class*="--has-inline-icon"] *[class*=-icon]:not(*[class*="--has-inline-icon"]), .primary-navigation .primary-navigation__list .primary-navigation__item, .toggle-switch, .button-group, .btn { 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 0.5rem; } /** Form Login */ .woocommerce form.woocommerce-form-login { margin-bottom: var(--spaces-xl, 2.5rem); padding: var(--spaces-lg, 1.5rem); background-color: var(--colors-background-natural-light, #F6F6F6); border: 0; -webkit-box-shadow: 0 2px 10px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); -moz-box-shadow: 0 2px 10px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); box-shadow: 0 2px 10px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); } /** Checkout */ .woocommerce-checkout { /** Coupon */ } .woocommerce-checkout .woocommerce-checkout__checkout-coupon { margin-bottom: var(--spaces-xl, 2.5rem); padding: var(--spaces-lg, 1.5rem); background-color: var(--colors-background-white, #FFFFFF); } .woocommerce-checkout .woocommerce-checkout__checkout-coupon .checkout-coupon__wrapper .checkout-coupon__form .form__input-wrapper { /* BREAKPOINTS */ } @media (max-width: 991.98px) { .woocommerce-checkout .woocommerce-checkout__checkout-coupon .checkout-coupon__wrapper .checkout-coupon__form .form__input-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .woocommerce-checkout .woocommerce-checkout__checkout-coupon .checkout-coupon__wrapper .checkout-coupon__form .form__input-text { width: 300px; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .woocommerce-checkout .woocommerce-checkout__checkout-coupon .checkout-coupon__wrapper .checkout-coupon__form .form__input-text { width: 100%; } } .woocommerce-checkout .woocommerce-checkout__checkout-coupon .checkout-coupon__wrapper .checkout-coupon__form .form__btn-wrapper { /* BREAKPOINTS */ } @media (max-width: 991.98px) { .woocommerce-checkout .woocommerce-checkout__checkout-coupon .checkout-coupon__wrapper .checkout-coupon__form .form__btn-wrapper { margin: var(--spaces-lg, 1.5rem) var(--spaces-auto, auto) var(--spaces-reset, 0); } } .woocommerce-checkout #payment { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: var(--spaces-xl, 2.5rem); background: none; -webkit-box-shadow: 0 2px 10px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); -moz-box-shadow: 0 2px 10px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); box-shadow: 0 2px 10px rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); } .woocommerce-checkout #payment .woocommerce-checkout-payment__wrapper { height: 100%; padding: var(--spaces-lg, 1.5rem); background-color: var(--colors-background-white, #FFFFFF); } .woocommerce-checkout #payment .woocommerce-checkout-payment__wrapper .payment_methods { padding: var(--spaces-reset, 0); border-bottom: none; } .woocommerce-checkout #payment .woocommerce-checkout-payment__wrapper .form__checkbox .checkbox__label { line-height: normal; } /** Notice */ .woocommerce-notice { padding: var(--spaces-sm, 0.75rem) var(--spaces-lg, 1.5rem); background-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); border-top: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: var(--colors-theme-text, #c3c3c3); } .woocommerce-notice:before { display: none; } /** Order View */ .woocommerce-order-details .woocommerce-order-details__review { width: max-content; margin-top: var(--spaces-lg, 1.5rem); padding: var(--spaces-lg, 1.5rem); background-color: var(--colors-primary-base, #3F0097); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .woocommerce-order-details .woocommerce-order-details__review .order-review__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--spaces-md, 1rem); } .woocommerce-order-details .woocommerce-order-details__review .order-review__list .order-review__item { color: var(--colors-foreground-white, #FFFFFF); } .woocommerce-order-details .woocommerce-order-details__review .order-review__list .order-review__item .order-review__title { width: 150px; font-weight: var(--font-weights-semi-bold, 600); } .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, #3F0097); } .bapf_sfilter .bapf_body .irs .irs-from:before, .bapf_sfilter .bapf_body .irs .irs-to:before { border-top-color: var(--colors-primary-base, #3F0097); } .bapf_sfilter .bapf_body .irs .irs-handle { border-color: var(--colors-primary-base, #3F0097); } .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, #3F0097) !important; background: var(--colors-primary-base, #3F0097) !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-base, rgb(220.5, 220.5, 220.5)) !important; background: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)) !important; color: var(--colors-foreground-natural-dark, #c3c3c3) !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, #c3c3c3) !important; } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_head { -webkit-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); -moz-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); } .berocket_single_filter_widget.berocket_hidden_clickable .bapf_sfilter .bapf_body { border: none !important; background-color: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)) !important; -webkit-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); -moz-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 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-border-natural-base, rgb(220.5, 220.5, 220.5)); 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-border-natural-light, #F6F6F6); -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-border-natural-base, rgb(220.5, 220.5, 220.5)); scrollbar-track-color: var(--colors-border-natural-light, #F6F6F6); } } .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, 221,221,221), 0.5); opacity: 1; } .swiper .swiper-pagination .swiper-pagination-bullet-active { background: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); } .swiper .swiper-pagination--xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--xxl .swiper-pagination-bullet { width: 4rem; height: 4rem; } .swiper .swiper-pagination--xxxl .swiper-pagination-bullet { width: 6rem; height: 6rem; } .swiper .swiper-pagination--xxxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--xxxxxl .swiper-pagination-bullet { width: 10rem; height: 10rem; } .swiper .swiper-pagination--xxxxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } @media (min-width: 576px) { .swiper .swiper-pagination--media-sm-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-sm-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-sm-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-sm-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-sm-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-sm-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-sm-xxl .swiper-pagination-bullet { width: 4rem; height: 4rem; } .swiper .swiper-pagination--media-sm-xxxl .swiper-pagination-bullet { width: 6rem; height: 6rem; } .swiper .swiper-pagination--media-sm-xxxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-sm-xxxxxl .swiper-pagination-bullet { width: 10rem; height: 10rem; } .swiper .swiper-pagination--media-sm-xxxxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } } @media (min-width: 768px) { .swiper .swiper-pagination--media-md-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-md-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-md-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-md-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-md-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-md-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-md-xxl .swiper-pagination-bullet { width: 4rem; height: 4rem; } .swiper .swiper-pagination--media-md-xxxl .swiper-pagination-bullet { width: 6rem; height: 6rem; } .swiper .swiper-pagination--media-md-xxxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-md-xxxxxl .swiper-pagination-bullet { width: 10rem; height: 10rem; } .swiper .swiper-pagination--media-md-xxxxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } } @media (min-width: 992px) { .swiper .swiper-pagination--media-lg-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-lg-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-lg-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-lg-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-lg-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-lg-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-lg-xxl .swiper-pagination-bullet { width: 4rem; height: 4rem; } .swiper .swiper-pagination--media-lg-xxxl .swiper-pagination-bullet { width: 6rem; height: 6rem; } .swiper .swiper-pagination--media-lg-xxxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-lg-xxxxxl .swiper-pagination-bullet { width: 10rem; height: 10rem; } .swiper .swiper-pagination--media-lg-xxxxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } } @media (min-width: 1200px) { .swiper .swiper-pagination--media-xl-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-xl-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-xl-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-xl-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-xl-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-xl-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-xl-xxl .swiper-pagination-bullet { width: 4rem; height: 4rem; } .swiper .swiper-pagination--media-xl-xxxl .swiper-pagination-bullet { width: 6rem; height: 6rem; } .swiper .swiper-pagination--media-xl-xxxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-xl-xxxxxl .swiper-pagination-bullet { width: 10rem; height: 10rem; } .swiper .swiper-pagination--media-xl-xxxxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } } @media (min-width: 1440px) { .swiper .swiper-pagination--media-xxl-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-xxl-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-xxl-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-xxl-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-xxl-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-xxl-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-xxl-xxl .swiper-pagination-bullet { width: 4rem; height: 4rem; } .swiper .swiper-pagination--media-xxl-xxxl .swiper-pagination-bullet { width: 6rem; height: 6rem; } .swiper .swiper-pagination--media-xxl-xxxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-xxl-xxxxxl .swiper-pagination-bullet { width: 10rem; height: 10rem; } .swiper .swiper-pagination--media-xxl-xxxxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } } @media (min-width: 1600px) { .swiper .swiper-pagination--media-xxxl-xxs .swiper-pagination-bullet { width: 0.25rem; height: 0.25rem; } .swiper .swiper-pagination--media-xxxl-xs .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; } .swiper .swiper-pagination--media-xxxl-sm .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; } .swiper .swiper-pagination--media-xxxl-md .swiper-pagination-bullet { width: 1rem; height: 1rem; } .swiper .swiper-pagination--media-xxxl-lg .swiper-pagination-bullet { width: 1.5rem; height: 1.5rem; } .swiper .swiper-pagination--media-xxxl-xl .swiper-pagination-bullet { width: 2.5rem; height: 2.5rem; } .swiper .swiper-pagination--media-xxxl-xxl .swiper-pagination-bullet { width: 4rem; height: 4rem; } .swiper .swiper-pagination--media-xxxl-xxxl .swiper-pagination-bullet { width: 6rem; height: 6rem; } .swiper .swiper-pagination--media-xxxl-xxxxl .swiper-pagination-bullet { width: 8rem; height: 8rem; } .swiper .swiper-pagination--media-xxxl-xxxxxl .swiper-pagination-bullet { width: 10rem; height: 10rem; } .swiper .swiper-pagination--media-xxxl-xxxxxxl .swiper-pagination-bullet { width: 12rem; height: 12rem; } } .swiper .swiper-progress { width: 100%; height: 5px; position: absolute; top: 0; right: 0; background-color: var(--colors-primary-base, #3F0097); -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-arrow] { position: absolute; top: 50%; z-index: 1; cursor: pointer; /* ELEMENTS */ /* MODIFIERS */ } *[class*=__navigation-arrow] *[class*=__arrow-icon] { color: inherit; } *[class*=__navigation-arrow][class*="--next"] { left: calc(-1 * var(--spaces-lg, 1.5rem)); -webkit-transform: translateX(-100%) translateY(-50%); -ms-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%); /* BREAKPOINTS */ } @media (max-width: 991.98px) { *[class*=__navigation-arrow][class*="--next"] { display: none; left: calc(1 * var(--spaces-xs, 0.5rem)); } } *[class*=__navigation-arrow][class*="--prev"] { right: calc(-1 * var(--spaces-lg, 1.5rem)); -webkit-transform: translateX(100%) translateY(-50%); -ms-transform: translateX(100%) translateY(-50%); transform: translateX(100%) translateY(-50%); /* BREAKPOINTS */ } @media (max-width: 991.98px) { *[class*=__navigation-arrow][class*="--prev"] { display: none; right: calc(1 * var(--spaces-xs, 0.5rem)); } } *[class*=__navigation-arrow].swiper-button-disabled *[class*=__arrow-icon] { color: rgba(var(--colors-background-black-rgb, 0,0,0), 0.5); } *[class*="--navigation-hidden"] *[class*=__navigation-arrow] { display: none; } #enable-toolbar-trigger { left: var(--spaces-auto, auto) !important; right: var(--spaces-xl, 2.5rem) !important; top: -110px !important; /* BREAKPOINTS */ } @media (max-width: 991.98px) { #enable-toolbar-trigger { right: var(--spaces-lg, 1.5rem) !important; top: -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-light: #F6F6F6; --colors-natural-grey-light-rgb: 246,246,246; --colors-natural-grey-base: rgb(220.5, 220.5, 220.5); --colors-natural-grey-base-rgb: 221,221,221; --colors-natural-grey-dark: #c3c3c3; --colors-natural-grey-dark-rgb: 195,195,195; --colors-natural-dark-grey-dark: #2d2d2d; --colors-natural-dark-grey-dark-rgb: 45,45,45; --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-light-pink: #F9F5FF; --colors-background-light-pink-rgb: 249,245,255; --colors-background-black: #000000; --colors-background-black-rgb: 0,0,0; --colors-background-natural-light: #F6F6F6; --colors-background-natural-light-rgb: 246,246,246; --colors-background-natural-base: rgb(220.5, 220.5, 220.5); --colors-background-natural-base-rgb: 221,221,221; --colors-background-natural-dark: #c3c3c3; --colors-background-natural-dark-rgb: 195,195,195; --colors-background-color-light: #d3f9da; --colors-background-color-light-rgb: 211,249,218; --colors-background-color-base: rgb(166.12, 242.88, 180.26); --colors-background-color-base-rgb: 166,243,180; --colors-background-color-dark: rgb(121.24, 236.76, 142.52); --colors-background-color-dark-rgb: 121,237,143; --colors-background-gradient-primary-start: #3F0097; --colors-background-gradient-primary-start-rgb: 63,0,151; --colors-background-gradient-primary-end: #0CC0DF; --colors-background-gradient-primary-end-rgb: 12,192,223; --colors-border-natural-light: #F6F6F6; --colors-border-natural-light-rgb: 246,246,246; --colors-border-natural-base: rgb(220.5, 220.5, 220.5); --colors-border-natural-base-rgb: 221,221,221; --colors-border-natural-dark: #c3c3c3; --colors-border-natural-dark-rgb: 195,195,195; --colors-border-color-light: #d3f9da; --colors-border-color-light-rgb: 211,249,218; --colors-border-color-base: rgb(166.12, 242.88, 180.26); --colors-border-color-base-rgb: 166,243,180; --colors-border-color-dark: rgb(121.24, 236.76, 142.52); --colors-border-color-dark-rgb: 121,237,143; --colors-shadow-black: #000000; --colors-shadow-black-rgb: 0,0,0; --colors-shadow-natural-base: rgb(220.5, 220.5, 220.5); --colors-shadow-natural-base-rgb: 221,221,221; --colors-shadow-color-base: #AFA28E; --colors-shadow-color-base-rgb: 175,162,142; --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: rgb(220.5, 220.5, 220.5); --colors-foreground-natural-base-rgb: 221,221,221; --colors-foreground-natural-dark: #c3c3c3; --colors-foreground-natural-dark-rgb: 195,195,195; --colors-foreground-color-light: #d3f9da; --colors-foreground-color-light-rgb: 211,249,218; --colors-foreground-color-base: rgb(166.12, 242.88, 180.26); --colors-foreground-color-base-rgb: 166,243,180; --colors-foreground-color-dark: rgb(121.24, 236.76, 142.52); --colors-foreground-color-dark-rgb: 121,237,143; --colors-theme-background: rgb(220.5, 220.5, 220.5); --colors-theme-background-rgb: 221,221,221; --colors-theme-border: #c3c3c3; --colors-theme-border-rgb: 195,195,195; --colors-theme-text: #c3c3c3; --colors-theme-text-rgb: 195,195,195; --colors-theme-text-no-background: #c3c3c3; --colors-theme-text-no-background-rgb: 195,195,195; --colors-theme-special-background: #3F0097; --colors-theme-special-background-rgb: 63,0,151; --colors-theme-special-text: #FFFFFF; --colors-theme-special-text-rgb: 255,255,255; --colors-theme-special-text-no-background: #3F0097; --colors-theme-special-text-no-background-rgb: 63,0,151; --colors-state-danger: #f25767; --colors-state-danger-rgb: 242,87,103; --colors-state-danger-light: rgb(249.3259668508, 181.6740331492, 188.6574585635); --colors-state-danger-light-rgb: 249,182,189; --colors-state-danger-dark: rgb(210.6961325967, 16.3038674033, 36.3701657459); --colors-state-danger-dark-rgb: 211,16,36; --colors-state-success: rgb(166.12, 242.88, 180.26); --colors-state-success-rgb: 166,243,180; --colors-state-success-light: #d3f9da; --colors-state-success-light-rgb: 211,249,218; --colors-state-success-dark: rgb(121.24, 236.76, 142.52); --colors-state-success-dark-rgb: 121,237,143; --colors-state-info: #0CC0DF; --colors-state-info-rgb: 12,192,223; --colors-state-info-light: rgb(9.3957446809, 150.3319148936, 174.6042553191); --colors-state-info-light-rgb: 9,150,175; --colors-state-info-dark: rgb(9.3957446809, 150.3319148936, 174.6042553191); --colors-state-info-dark-rgb: 9,150,175; --colors-state-warning: #f2b457; --colors-state-warning-rgb: 242,180,87; --colors-state-warning-light: rgb(249.3259668508, 222.2651933702, 181.6740331492); --colors-state-warning-light-rgb: 249,222,182; --colors-state-warning-dark: rgb(210.6961325967, 132.9392265193, 16.3038674033); --colors-state-warning-dark-rgb: 211,133,16; --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: #3F0097; --colors-primary-base-rgb: 63,0,151; --colors-primary-light: rgb(73.6390728477, 0, 176.5); --colors-primary-light-rgb: 74,0,177; --colors-primary-dark: #3a0087; --colors-primary-dark-rgb: 58,0,135; --colors-secondary-base: #FFD028; --colors-secondary-base-rgb: 255,208,40; --colors-secondary-light: rgb(255, 219.1488372093, 91); --colors-secondary-light-rgb: 255,219,91; --colors-secondary-dark: rgb(244, 190.6604651163, 0); --colors-secondary-dark-rgb: 244,191,0; --colors-sun-start: #FF2E9C; --colors-sun-start-rgb: 255,46,156; --colors-sun-end: #AFA28E; --colors-sun-end-rgb: 175,162,142; --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: #AFA28E; --colors-chart-third-rgb: 175,162,142; --colors-chart-fourth: #3F0097; --colors-chart-fourth-rgb: 63,0,151; --colors-chart-fifth: rgb(166.12, 242.88, 180.26); --colors-chart-fifth-rgb: 166,243,180; --colors-chart-sixth: #f25767; --colors-chart-sixth-rgb: 242,87,103; --colors-chart-seventh: #FFD028; --colors-chart-seventh-rgb: 255,208,40; --colors-chart-eightn: #0CC0DF; --colors-chart-eightn-rgb: 12,192,223; --colors-chart-ninth: #FF2E9C; --colors-chart-ninth-rgb: 255,46,156; --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: #AFA28E; --colors-color-orange-rgb: 175,162,142; --colors-color-dark-purple: #3F0097; --colors-color-dark-purple-rgb: 63,0,151; --colors-color-green: rgb(166.12, 242.88, 180.26); --colors-color-green-rgb: 166,243,180; --colors-color-red: #f25767; --colors-color-red-rgb: 242,87,103; --colors-color-yellow: #FFD028; --colors-color-yellow-rgb: 255,208,40; --colors-color-azure: #0CC0DF; --colors-color-azure-rgb: 12,192,223; --colors-color-pink: #FF2E9C; --colors-color-pink-rgb: 255,46,156; --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: rgb(70.5, 70.5, 70.5); --colors-natural-grey-rgb: 71,71,71; --colors-natural-black: #000000; --colors-natural-black-rgb: 0,0,0; --colors-background-transparent: transparent; --colors-background-transparent-rgb: transparent; --colors-background-white: rgb(57.75, 57.75, 57.75); --colors-background-white-rgb: 58,58,58; --colors-background-black: #000000; --colors-background-black-rgb: 0,0,0; --colors-background-natural-light: rgb(64.125, 64.125, 64.125); --colors-background-natural-light-rgb: 64,64,64; --colors-background-natural-base: rgb(57.75, 57.75, 57.75); --colors-background-natural-base-rgb: 58,58,58; --colors-background-natural-dark: #2d2d2d; --colors-background-natural-dark-rgb: 45,45,45; --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: #3F0097; --colors-background-color-dark-rgb: 63,0,151; --colors-background-gradient-primary-start: #3F0097; --colors-background-gradient-primary-start-rgb: 63,0,151; --colors-background-gradient-primary-end: #0CC0DF; --colors-background-gradient-primary-end-rgb: 12,192,223; --colors-border-natural-light: rgb(64.125, 64.125, 64.125); --colors-border-natural-light-rgb: 64,64,64; --colors-border-natural-base: rgb(57.75, 57.75, 57.75); --colors-border-natural-base-rgb: 58,58,58; --colors-border-natural-dark: #2d2d2d; --colors-border-natural-dark-rgb: 45,45,45; --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: #3F0097; --colors-border-color-dark-rgb: 63,0,151; --colors-shadow-black: #000000; --colors-shadow-black-rgb: 0,0,0; --colors-shadow-natural-base: rgba(57.75, 57.75, 57.75, 0.3); --colors-shadow-natural-base-rgb: 58,58,58; --colors-shadow-color-base: rgba(63, 0, 151, 0.3); --colors-shadow-color-base-rgb: 63,0,151; --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: rgb(220.5, 220.5, 220.5); --colors-foreground-natural-base-rgb: 221,221,221; --colors-foreground-natural-dark: #c3c3c3; --colors-foreground-natural-dark-rgb: 195,195,195; --colors-theme-background: rgb(66.675, 66.675, 66.675); --colors-theme-background-rgb: 67,67,67; --colors-theme-border: rgb(220.5, 220.5, 220.5); --colors-theme-border-rgb: 221,221,221; --colors-theme-text: #FFFFFF; --colors-theme-text-rgb: 255,255,255; --colors-theme-text-no-background: rgb(66.675, 66.675, 66.675); --colors-theme-text-no-background-rgb: 67,67,67; --colors-theme-special-background: #3F0097; --colors-theme-special-background-rgb: 63,0,151; --colors-theme-special-text: #FFFFFF; --colors-theme-special-text-rgb: 255,255,255; --colors-theme-special-text-no-background: #3F0097; --colors-theme-special-text-no-background-rgb: 63,0,151; --colors-state-danger: #f25767; --colors-state-danger-rgb: 242,87,103; --colors-state-danger-light: rgb(249.3259668508, 181.6740331492, 188.6574585635); --colors-state-danger-light-rgb: 249,182,189; --colors-state-danger-dark: rgb(210.6961325967, 16.3038674033, 36.3701657459); --colors-state-danger-dark-rgb: 211,16,36; --colors-state-success: rgb(166.12, 242.88, 180.26); --colors-state-success-rgb: 166,243,180; --colors-state-success-light: #d3f9da; --colors-state-success-light-rgb: 211,249,218; --colors-state-success-dark: rgb(121.24, 236.76, 142.52); --colors-state-success-dark-rgb: 121,237,143; --colors-state-info: #0CC0DF; --colors-state-info-rgb: 12,192,223; --colors-state-info-light: rgb(9.3957446809, 150.3319148936, 174.6042553191); --colors-state-info-light-rgb: 9,150,175; --colors-state-info-dark: rgb(9.3957446809, 150.3319148936, 174.6042553191); --colors-state-info-dark-rgb: 9,150,175; --colors-state-warning: #f2b457; --colors-state-warning-rgb: 242,180,87; --colors-state-warning-light: rgb(249.3259668508, 222.2651933702, 181.6740331492); --colors-state-warning-light-rgb: 249,222,182; --colors-state-warning-dark: rgb(210.6961325967, 132.9392265193, 16.3038674033); --colors-state-warning-dark-rgb: 211,133,16; --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: rgb(13.8653846154, 29.7115384615, 89.1346153846); --colors-primary-light-rgb: 14,30,89; --colors-primary-dark: rgb(3.5673076923, 7.6442307692, 22.9326923077); --colors-primary-dark-rgb: 4,8,23; --colors-secondary-base: #AFA28E; --colors-secondary-base-rgb: 175,162,142; --colors-secondary-light: rgb(244.7616580311, 243.0979274611, 240.5383419689); --colors-secondary-light-rgb: 245,243,241; --colors-secondary-dark: rgb(153.8601036269, 137.4248704663, 112.1398963731); --colors-secondary-dark-rgb: 154,137,112; --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: #AFA28E; --colors-charts-third-rgb: 175,162,142; --colors-charts-fourth: #3F0097; --colors-charts-fourth-rgb: 63,0,151; --colors-charts-fifth: rgb(166.12, 242.88, 180.26); --colors-charts-fifth-rgb: 166,243,180; --colors-charts-sixth: #f25767; --colors-charts-sixth-rgb: 242,87,103; --colors-charts-seventh: #FFD028; --colors-charts-seventh-rgb: 255,208,40; --colors-charts-eightn: #0CC0DF; --colors-charts-eightn-rgb: 12,192,223; --colors-charts-ninth: #FF2E9C; --colors-charts-ninth-rgb: 255,46,156; --colors-charts-tenth: #f2b457; --colors-charts-tenth-rgb: 242,180,87; } /* ======= TYPOGRAPHY ======== */ :root { --font-sizes-xxxs: 0.3125rem; --font-sizes-xxs: 0.625rem; --font-sizes-xs: 0.9375rem; --font-sizes-sm: 1.125rem; --font-sizes-md: 1.25rem; --font-sizes-lg: 1.5625rem; --font-sizes-xl: 2.5rem; --font-sizes-xxl: 3.75rem; --font-sizes-xxxl: 4.375rem; --font-sizes-xxxxl: 5.625rem; --font-sizes-xxxxxl: 8.125rem; --font-sizes-xxxxxxl: 10rem; --line-heights-xxxs: 0.78125rem; --line-heights-xxs: 1.171875rem; --line-heights-xs: 1.40625rem; --line-heights-sm: 1.796875rem; --line-heights-md: 1.953125rem; --line-heights-lg: 1.953125rem; --line-heights-xl: 3.125rem; --line-heights-xxl: 4.6875rem; --line-heights-xxxl: 5.46875rem; --line-heights-xxxxl: 7.03125rem; --line-heights-xxxxxl: 10.15625rem; --line-heights-xxxxxxl: 12.5rem; --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: 4rem; --spaces-xxxl: 6rem; --spaces-xxxxl: 8rem; --spaces-xxxxxl: 10rem; --spaces-xxxxxxl: 12rem; } /* ======= 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: "almoni"; font-weight: 200; font-style: normal; src: url("../fonts/almoni/almoni-thin-aaa.eot") format("eot"), url("../fonts/almoni/almoni-thin-aaa.woff2") format("woff2"), url("../fonts/almoni/almoni-thin-aaa.woff") format("woff"); } @font-face { font-family: "almoni"; font-weight: 300; font-style: normal; src: url("../fonts/almoni/almoni-light-aaa.eot") format("eot"), url("../fonts/almoni/almoni-light-aaa.woff2") format("woff2"), url("../fonts/almoni/almoni-light-aaa.woff") format("woff"); } @font-face { font-family: "almoni"; font-weight: 400; font-style: normal; src: url("../fonts/almoni/almoni-regular-aaa.eot") format("eot"), url("../fonts/almoni/almoni-regular-aaa.woff2") format("woff2"), url("../fonts/almoni/almoni-regular-aaa.woff") format("woff"); } @font-face { font-family: "almoni"; font-weight: 500; font-style: normal; src: url("../fonts/almoni/almoni-medium-aaa.eot") format("eot"), url("../fonts/almoni/almoni-medium-aaa.woff2") format("woff2"), url("../fonts/almoni/almoni-medium-aaa.woff") format("woff"); } @font-face { font-family: "almoni"; font-weight: 600; font-style: normal; src: url("../fonts/almoni/almoni-demibold-aaa.eot") format("eot"), url("../fonts/almoni/almoni-demibold-aaa.woff2") format("woff2"), url("../fonts/almoni/almoni-demibold-aaa.woff") format("woff"); } @font-face { font-family: "almoni"; font-weight: 700; font-style: normal; src: url("../fonts/almoni/almoni-bold-aaa.eot") format("eot"), url("../fonts/almoni/almoni-bold-aaa.woff2") format("woff2"), url("../fonts/almoni/almoni-bold-aaa.woff") format("woff"); } @font-face { font-family: "almoni"; font-weight: 900; font-style: normal; src: url("../fonts/almoni/almoni-ultrabold-aaa.eot") format("eot"), url("../fonts/almoni/almoni-ultrabold-aaa.woff2") format("woff2"), url("../fonts/almoni/almoni-ultrabold-aaa.woff") format("woff"); } body { font-family: "almoni", sans-serif; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-regular, 400); line-height: 1.2; color: var(--colors-foreground-black, #000000); /* BREAKPOINTS */ } body { background-color: var(--colors-background-white, #FFFFFF); direction: rtl; overflow-x: hidden; } body::-webkit-scrollbar { width: 20px; height: 20px; } body::-webkit-scrollbar-thumb { background: var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); 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-border-natural-light, #F6F6F6); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } body { scrollbar-face-color: var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); scrollbar-track-color: var(--colors-border-natural-light, #F6F6F6); } html[data-theme=dark] .toggle-switch .toggle-switch__switch { border: 1px solid rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 1); } html[data-theme=dark] .toggle-switch .toggle-switch__switch .toggle-switch__btn { background-color: rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 1); } html[data-theme=dark] .aside .aside__separator { background-color: rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 1); } html[data-theme=dark] .site-sidebar .site-sidebar__widget { background-color: var(--colors-background-natural-dark, #c3c3c3); } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { background: var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); 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-border-natural-light, #F6F6F6); -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); } } /* ============= WHEEL ============= */ @-webkit-keyframes wheel { to { opacity: 0; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } } @-moz-keyframes wheel { to { opacity: 0; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } } @-o-keyframes wheel { to { opacity: 0; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } } @keyframes wheel { to { opacity: 0; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } } .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, rgb(220.5, 220.5, 220.5)); border: 1px solid var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; color: var(--colors-theme-text, #c3c3c3); direction: rtl; 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 { color: rgba(var(--colors-background-black-rgb, 0,0,0), 0.25); 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, rgb(220.5, 220.5, 220.5)); color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); } *[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, 221,221,221), 0.5); } .btn.btn--hover-border:hover { background: none; border: 1px solid var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); } .btn.btn--hover-fill:hover { background: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); 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.1666666667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--xxs.btn--square { width: 1.5rem; height: 1.5rem; padding: var(--spaces-reset, 0); } .btn--xs { padding: 0.3333333333rem 1rem; font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); } .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, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--sm.btn--square { width: 4.5rem; height: 4.5rem; padding: var(--spaces-reset, 0); } .btn--md { padding: 0.6666666667rem 2rem; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); } .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.5625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--lg.btn--square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--xl { padding: 1.6666666667rem 5rem; font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--xl.btn--square { width: 15rem; height: 15rem; width: 12.5rem; height: 12.5rem; padding: var(--spaces-reset, 0); } .btn--xxl { padding: 2.6666666667rem 8rem; font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--xxl.btn--square { width: 24rem; height: 24rem; width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); } .btn--xxxl { padding: 4rem 12rem; font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--xxxl.btn--square { width: 36rem; height: 36rem; width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); } .btn--xxxxl { padding: 5.3333333333rem 16rem; font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--xxxxl.btn--square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--xxxxxl { padding: 6.6666666667rem 20rem; font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--xxxxxl.btn--square { width: 60rem; height: 60rem; width: 50rem; height: 50rem; padding: var(--spaces-reset, 0); } .btn--xxxxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--xxxxxxl.btn--square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } @media (min-width: 576px) { .btn--media-sm-xxs { padding: 0.1666666667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.625rem); font-weight: var(--font-weights-semi-bold, 600); } .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.3333333333rem 1rem; font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); } .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, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); } .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.6666666667rem 2rem; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); } .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.5625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-sm-lg.btn--media-sm-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xl { padding: 1.6666666667rem 5rem; font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); } .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: 2.6666666667rem 8rem; font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-sm-xxl.btn--media-sm-square { width: 24rem; height: 24rem; width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xxxl { padding: 4rem 12rem; font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-sm-xxxl.btn--media-sm-square { width: 36rem; height: 36rem; width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xxxxl { padding: 5.3333333333rem 16rem; font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-sm-xxxxl.btn--media-sm-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xxxxxl { padding: 6.6666666667rem 20rem; font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-sm-xxxxxl.btn--media-sm-square { width: 60rem; height: 60rem; width: 50rem; height: 50rem; padding: var(--spaces-reset, 0); } .btn--media-sm-xxxxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-sm-xxxxxxl.btn--media-sm-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } } @media (min-width: 768px) { .btn--media-md-xxs { padding: 0.1666666667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.625rem); font-weight: var(--font-weights-semi-bold, 600); } .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.3333333333rem 1rem; font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); } .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, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); } .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.6666666667rem 2rem; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); } .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.5625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-md-lg.btn--media-md-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-md-xl { padding: 1.6666666667rem 5rem; font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); } .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: 2.6666666667rem 8rem; font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-md-xxl.btn--media-md-square { width: 24rem; height: 24rem; width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); } .btn--media-md-xxxl { padding: 4rem 12rem; font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-md-xxxl.btn--media-md-square { width: 36rem; height: 36rem; width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); } .btn--media-md-xxxxl { padding: 5.3333333333rem 16rem; font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-md-xxxxl.btn--media-md-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-md-xxxxxl { padding: 6.6666666667rem 20rem; font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-md-xxxxxl.btn--media-md-square { width: 60rem; height: 60rem; width: 50rem; height: 50rem; padding: var(--spaces-reset, 0); } .btn--media-md-xxxxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-md-xxxxxxl.btn--media-md-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } } @media (min-width: 992px) { .btn--media-lg-xxs { padding: 0.1666666667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.625rem); font-weight: var(--font-weights-semi-bold, 600); } .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.3333333333rem 1rem; font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); } .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, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); } .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.6666666667rem 2rem; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); } .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.5625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-lg-lg.btn--media-lg-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xl { padding: 1.6666666667rem 5rem; font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); } .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: 2.6666666667rem 8rem; font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-lg-xxl.btn--media-lg-square { width: 24rem; height: 24rem; width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xxxl { padding: 4rem 12rem; font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-lg-xxxl.btn--media-lg-square { width: 36rem; height: 36rem; width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xxxxl { padding: 5.3333333333rem 16rem; font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-lg-xxxxl.btn--media-lg-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xxxxxl { padding: 6.6666666667rem 20rem; font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-lg-xxxxxl.btn--media-lg-square { width: 60rem; height: 60rem; width: 50rem; height: 50rem; padding: var(--spaces-reset, 0); } .btn--media-lg-xxxxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-lg-xxxxxxl.btn--media-lg-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } } @media (min-width: 1200px) { .btn--media-xl-xxs { padding: 0.1666666667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.625rem); font-weight: var(--font-weights-semi-bold, 600); } .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.3333333333rem 1rem; font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); } .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, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); } .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.6666666667rem 2rem; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); } .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.5625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xl-lg.btn--media-xl-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xl { padding: 1.6666666667rem 5rem; font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); } .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: 2.6666666667rem 8rem; font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xl-xxl.btn--media-xl-square { width: 24rem; height: 24rem; width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xxxl { padding: 4rem 12rem; font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xl-xxxl.btn--media-xl-square { width: 36rem; height: 36rem; width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xxxxl { padding: 5.3333333333rem 16rem; font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xl-xxxxl.btn--media-xl-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xxxxxl { padding: 6.6666666667rem 20rem; font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xl-xxxxxl.btn--media-xl-square { width: 60rem; height: 60rem; width: 50rem; height: 50rem; padding: var(--spaces-reset, 0); } .btn--media-xl-xxxxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xl-xxxxxxl.btn--media-xl-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } } @media (min-width: 1440px) { .btn--media-xxl-xxs { padding: 0.1666666667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.625rem); font-weight: var(--font-weights-semi-bold, 600); } .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.3333333333rem 1rem; font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); } .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, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); } .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.6666666667rem 2rem; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); } .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.5625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxl-lg.btn--media-xxl-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xl { padding: 1.6666666667rem 5rem; font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); } .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: 2.6666666667rem 8rem; font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxl-xxl.btn--media-xxl-square { width: 24rem; height: 24rem; width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xxxl { padding: 4rem 12rem; font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxl-xxxl.btn--media-xxl-square { width: 36rem; height: 36rem; width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xxxxl { padding: 5.3333333333rem 16rem; font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxl-xxxxl.btn--media-xxl-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xxxxxl { padding: 6.6666666667rem 20rem; font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxl-xxxxxl.btn--media-xxl-square { width: 60rem; height: 60rem; width: 50rem; height: 50rem; padding: var(--spaces-reset, 0); } .btn--media-xxl-xxxxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxl-xxxxxxl.btn--media-xxl-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } } @media (min-width: 1600px) { .btn--media-xxxl-xxs { padding: 0.1666666667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.625rem); font-weight: var(--font-weights-semi-bold, 600); } .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.3333333333rem 1rem; font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); } .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, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); } .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.6666666667rem 2rem; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); } .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.5625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxxl-lg.btn--media-xxxl-square { width: 9rem; height: 9rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xl { padding: 1.6666666667rem 5rem; font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); } .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: 2.6666666667rem 8rem; font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxxl-xxl.btn--media-xxxl-square { width: 24rem; height: 24rem; width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xxxl { padding: 4rem 12rem; font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxxl-xxxl.btn--media-xxxl-square { width: 36rem; height: 36rem; width: 30rem; height: 30rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xxxxl { padding: 5.3333333333rem 16rem; font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxxl-xxxxl.btn--media-xxxl-square { width: 48rem; height: 48rem; width: 40rem; height: 40rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xxxxxl { padding: 6.6666666667rem 20rem; font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxxl-xxxxxl.btn--media-xxxl-square { width: 60rem; height: 60rem; width: 50rem; height: 50rem; padding: var(--spaces-reset, 0); } .btn--media-xxxl-xxxxxxl { padding: 8rem 24rem; font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .btn--media-xxxl-xxxxxxl.btn--media-xxxl-square { width: 72rem; height: 72rem; width: 60rem; height: 60rem; padding: var(--spaces-reset, 0); } } .btn.btn--special { background: var(--colors-secondary-base, #FFD028); color: var(--colors-primary-base, #3F0097); border-color: transparent; } .btn.btn--special.service-buttons__btn { padding: 0.75rem 0 0.75rem 0.75rem; } .btn.btn--special.service-buttons__btn svg { stroke: var(--colors-primary-base, #3F0097); } .btn.btn--special .btn__icon-special { background-color: var(--colors-primary-base, #3F0097); border-radius: 50%; margin-right: 1rem; width: 57px; height: 57px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; } .btn.btn--special .btn__icon--is-arrow-icon > svg { transform: rotateZ(140deg); transition: transform 0.3s ease; } .btn.btn--special.service-buttons__btn { width: 41px; height: 41px; min-height: 41px; min-width: 41px; padding: 0; } .btn.btn--special:hover .btn__icon--is-arrow-icon > svg { transform: rotateZ(90deg); } .btn.btn--special-animated.btn--special { padding: 0 1rem 0 0; position: relative; overflow: hidden; } .btn.btn--special-animated.btn--special::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--colors-primary-base, #3F0097); border-radius: inherit; transition: width 0.4s ease; z-index: 1; } .btn.btn--special-animated.btn--special:hover::before { width: 100%; } .btn.btn--special-animated.btn--special:hover .btn__label { color: white; position: relative; z-index: 2; } .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, rgb(220.5, 220.5, 220.5)); 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: -1px; } .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: -1px; } .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, rgb(220.5, 220.5, 220.5)); /* 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, rgb(220.5, 220.5, 220.5)); -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, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); -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; } .swipe-button.swipe-button--unlocked .swipe-button__slider .swipe-button__slider-indicator .swipe-button__slider-icon { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .title { display: inline-block; position: relative; color: var(--colors-theme-text-no-background, #c3c3c3); } .title--xxs { font-size: var(--font-sizes-xxs, 0.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--xxs.title--has-bullet:after { width: 0.0555555556rem; height: 0.0555555556rem; margin-right: 0.0625rem; } .title--xs { font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--xs.title--has-bullet:after { width: 0.1111111111rem; height: 0.1111111111rem; margin-right: 0.125rem; } .title--sm { font-size: var(--font-sizes-sm, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--sm.title--has-bullet:after { width: 0.1666666667rem; height: 0.1666666667rem; margin-right: 0.1875rem; } .title--md { font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--md.title--has-bullet:after { width: 0.2222222222rem; height: 0.2222222222rem; margin-right: 0.25rem; } .title--lg { font-size: var(--font-sizes-lg, 1.5625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--lg.title--has-bullet:after { width: 0.3333333333rem; height: 0.3333333333rem; margin-right: 0.375rem; } .title--xl { font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--xl.title--has-bullet:after { width: 0.5555555556rem; height: 0.5555555556rem; margin-right: 0.625rem; } .title--xxl { font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--xxl.title--has-bullet:after { width: 0.8888888889rem; height: 0.8888888889rem; margin-right: 1rem; } .title--xxxl { font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--xxxl.title--has-bullet:after { width: 1.3333333333rem; height: 1.3333333333rem; margin-right: 1.5rem; } .title--xxxxl { font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--xxxxl.title--has-bullet:after { width: 1.7777777778rem; height: 1.7777777778rem; margin-right: 2rem; } .title--xxxxxl { font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--xxxxxl.title--has-bullet:after { width: 2.2222222222rem; height: 2.2222222222rem; margin-right: 2.5rem; } .title--xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--xxxxxxl.title--has-bullet:after { width: 2.6666666667rem; height: 2.6666666667rem; margin-right: 3rem; } .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.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-sm-xxs.title--has-bullet:after { width: 0.0555555556rem; height: 0.0555555556rem; margin-right: 0.0625rem; } .title--media-sm-xs { font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-sm-xs.title--has-bullet:after { width: 0.1111111111rem; height: 0.1111111111rem; margin-right: 0.125rem; } .title--media-sm-sm { font-size: var(--font-sizes-sm, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-sm-sm.title--has-bullet:after { width: 0.1666666667rem; height: 0.1666666667rem; margin-right: 0.1875rem; } .title--media-sm-md { font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-sm-md.title--has-bullet:after { width: 0.2222222222rem; height: 0.2222222222rem; margin-right: 0.25rem; } .title--media-sm-lg { font-size: var(--font-sizes-lg, 1.5625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-sm-lg.title--has-bullet:after { width: 0.3333333333rem; height: 0.3333333333rem; margin-right: 0.375rem; } .title--media-sm-xl { font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-sm-xl.title--has-bullet:after { width: 0.5555555556rem; height: 0.5555555556rem; margin-right: 0.625rem; } .title--media-sm-xxl { font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-sm-xxl.title--has-bullet:after { width: 0.8888888889rem; height: 0.8888888889rem; margin-right: 1rem; } .title--media-sm-xxxl { font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-sm-xxxl.title--has-bullet:after { width: 1.3333333333rem; height: 1.3333333333rem; margin-right: 1.5rem; } .title--media-sm-xxxxl { font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-sm-xxxxl.title--has-bullet:after { width: 1.7777777778rem; height: 1.7777777778rem; margin-right: 2rem; } .title--media-sm-xxxxxl { font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-sm-xxxxxl.title--has-bullet:after { width: 2.2222222222rem; height: 2.2222222222rem; margin-right: 2.5rem; } .title--media-sm-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-sm-xxxxxxl.title--has-bullet:after { width: 2.6666666667rem; height: 2.6666666667rem; margin-right: 3rem; } .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.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-md-xxs.title--has-bullet:after { width: 0.0555555556rem; height: 0.0555555556rem; margin-right: 0.0625rem; } .title--media-md-xs { font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-md-xs.title--has-bullet:after { width: 0.1111111111rem; height: 0.1111111111rem; margin-right: 0.125rem; } .title--media-md-sm { font-size: var(--font-sizes-sm, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-md-sm.title--has-bullet:after { width: 0.1666666667rem; height: 0.1666666667rem; margin-right: 0.1875rem; } .title--media-md-md { font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-md-md.title--has-bullet:after { width: 0.2222222222rem; height: 0.2222222222rem; margin-right: 0.25rem; } .title--media-md-lg { font-size: var(--font-sizes-lg, 1.5625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-md-lg.title--has-bullet:after { width: 0.3333333333rem; height: 0.3333333333rem; margin-right: 0.375rem; } .title--media-md-xl { font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-md-xl.title--has-bullet:after { width: 0.5555555556rem; height: 0.5555555556rem; margin-right: 0.625rem; } .title--media-md-xxl { font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-md-xxl.title--has-bullet:after { width: 0.8888888889rem; height: 0.8888888889rem; margin-right: 1rem; } .title--media-md-xxxl { font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-md-xxxl.title--has-bullet:after { width: 1.3333333333rem; height: 1.3333333333rem; margin-right: 1.5rem; } .title--media-md-xxxxl { font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-md-xxxxl.title--has-bullet:after { width: 1.7777777778rem; height: 1.7777777778rem; margin-right: 2rem; } .title--media-md-xxxxxl { font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-md-xxxxxl.title--has-bullet:after { width: 2.2222222222rem; height: 2.2222222222rem; margin-right: 2.5rem; } .title--media-md-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-md-xxxxxxl.title--has-bullet:after { width: 2.6666666667rem; height: 2.6666666667rem; margin-right: 3rem; } .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.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-lg-xxs.title--has-bullet:after { width: 0.0555555556rem; height: 0.0555555556rem; margin-right: 0.0625rem; } .title--media-lg-xs { font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-lg-xs.title--has-bullet:after { width: 0.1111111111rem; height: 0.1111111111rem; margin-right: 0.125rem; } .title--media-lg-sm { font-size: var(--font-sizes-sm, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-lg-sm.title--has-bullet:after { width: 0.1666666667rem; height: 0.1666666667rem; margin-right: 0.1875rem; } .title--media-lg-md { font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-lg-md.title--has-bullet:after { width: 0.2222222222rem; height: 0.2222222222rem; margin-right: 0.25rem; } .title--media-lg-lg { font-size: var(--font-sizes-lg, 1.5625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-lg-lg.title--has-bullet:after { width: 0.3333333333rem; height: 0.3333333333rem; margin-right: 0.375rem; } .title--media-lg-xl { font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-lg-xl.title--has-bullet:after { width: 0.5555555556rem; height: 0.5555555556rem; margin-right: 0.625rem; } .title--media-lg-xxl { font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-lg-xxl.title--has-bullet:after { width: 0.8888888889rem; height: 0.8888888889rem; margin-right: 1rem; } .title--media-lg-xxxl { font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-lg-xxxl.title--has-bullet:after { width: 1.3333333333rem; height: 1.3333333333rem; margin-right: 1.5rem; } .title--media-lg-xxxxl { font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-lg-xxxxl.title--has-bullet:after { width: 1.7777777778rem; height: 1.7777777778rem; margin-right: 2rem; } .title--media-lg-xxxxxl { font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-lg-xxxxxl.title--has-bullet:after { width: 2.2222222222rem; height: 2.2222222222rem; margin-right: 2.5rem; } .title--media-lg-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-lg-xxxxxxl.title--has-bullet:after { width: 2.6666666667rem; height: 2.6666666667rem; margin-right: 3rem; } .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.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xl-xxs.title--has-bullet:after { width: 0.0555555556rem; height: 0.0555555556rem; margin-right: 0.0625rem; } .title--media-xl-xs { font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xl-xs.title--has-bullet:after { width: 0.1111111111rem; height: 0.1111111111rem; margin-right: 0.125rem; } .title--media-xl-sm { font-size: var(--font-sizes-sm, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xl-sm.title--has-bullet:after { width: 0.1666666667rem; height: 0.1666666667rem; margin-right: 0.1875rem; } .title--media-xl-md { font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xl-md.title--has-bullet:after { width: 0.2222222222rem; height: 0.2222222222rem; margin-right: 0.25rem; } .title--media-xl-lg { font-size: var(--font-sizes-lg, 1.5625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xl-lg.title--has-bullet:after { width: 0.3333333333rem; height: 0.3333333333rem; margin-right: 0.375rem; } .title--media-xl-xl { font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xl-xl.title--has-bullet:after { width: 0.5555555556rem; height: 0.5555555556rem; margin-right: 0.625rem; } .title--media-xl-xxl { font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xl-xxl.title--has-bullet:after { width: 0.8888888889rem; height: 0.8888888889rem; margin-right: 1rem; } .title--media-xl-xxxl { font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xl-xxxl.title--has-bullet:after { width: 1.3333333333rem; height: 1.3333333333rem; margin-right: 1.5rem; } .title--media-xl-xxxxl { font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xl-xxxxl.title--has-bullet:after { width: 1.7777777778rem; height: 1.7777777778rem; margin-right: 2rem; } .title--media-xl-xxxxxl { font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xl-xxxxxl.title--has-bullet:after { width: 2.2222222222rem; height: 2.2222222222rem; margin-right: 2.5rem; } .title--media-xl-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xl-xxxxxxl.title--has-bullet:after { width: 2.6666666667rem; height: 2.6666666667rem; margin-right: 3rem; } .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.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxl-xxs.title--has-bullet:after { width: 0.0555555556rem; height: 0.0555555556rem; margin-right: 0.0625rem; } .title--media-xxl-xs { font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxl-xs.title--has-bullet:after { width: 0.1111111111rem; height: 0.1111111111rem; margin-right: 0.125rem; } .title--media-xxl-sm { font-size: var(--font-sizes-sm, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxl-sm.title--has-bullet:after { width: 0.1666666667rem; height: 0.1666666667rem; margin-right: 0.1875rem; } .title--media-xxl-md { font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxl-md.title--has-bullet:after { width: 0.2222222222rem; height: 0.2222222222rem; margin-right: 0.25rem; } .title--media-xxl-lg { font-size: var(--font-sizes-lg, 1.5625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxl-lg.title--has-bullet:after { width: 0.3333333333rem; height: 0.3333333333rem; margin-right: 0.375rem; } .title--media-xxl-xl { font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxl-xl.title--has-bullet:after { width: 0.5555555556rem; height: 0.5555555556rem; margin-right: 0.625rem; } .title--media-xxl-xxl { font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxl-xxl.title--has-bullet:after { width: 0.8888888889rem; height: 0.8888888889rem; margin-right: 1rem; } .title--media-xxl-xxxl { font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxl-xxxl.title--has-bullet:after { width: 1.3333333333rem; height: 1.3333333333rem; margin-right: 1.5rem; } .title--media-xxl-xxxxl { font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxl-xxxxl.title--has-bullet:after { width: 1.7777777778rem; height: 1.7777777778rem; margin-right: 2rem; } .title--media-xxl-xxxxxl { font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxl-xxxxxl.title--has-bullet:after { width: 2.2222222222rem; height: 2.2222222222rem; margin-right: 2.5rem; } .title--media-xxl-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxl-xxxxxxl.title--has-bullet:after { width: 2.6666666667rem; height: 2.6666666667rem; margin-right: 3rem; } .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.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxxl-xxs.title--has-bullet:after { width: 0.0555555556rem; height: 0.0555555556rem; margin-right: 0.0625rem; } .title--media-xxxl-xs { font-size: var(--font-sizes-xs, 0.9375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxxl-xs.title--has-bullet:after { width: 0.1111111111rem; height: 0.1111111111rem; margin-right: 0.125rem; } .title--media-xxxl-sm { font-size: var(--font-sizes-sm, 1.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxxl-sm.title--has-bullet:after { width: 0.1666666667rem; height: 0.1666666667rem; margin-right: 0.1875rem; } .title--media-xxxl-md { font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxxl-md.title--has-bullet:after { width: 0.2222222222rem; height: 0.2222222222rem; margin-right: 0.25rem; } .title--media-xxxl-lg { font-size: var(--font-sizes-lg, 1.5625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxxl-lg.title--has-bullet:after { width: 0.3333333333rem; height: 0.3333333333rem; margin-right: 0.375rem; } .title--media-xxxl-xl { font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxxl-xl.title--has-bullet:after { width: 0.5555555556rem; height: 0.5555555556rem; margin-right: 0.625rem; } .title--media-xxxl-xxl { font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxxl-xxl.title--has-bullet:after { width: 0.8888888889rem; height: 0.8888888889rem; margin-right: 1rem; } .title--media-xxxl-xxxl { font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxxl-xxxl.title--has-bullet:after { width: 1.3333333333rem; height: 1.3333333333rem; margin-right: 1.5rem; } .title--media-xxxl-xxxxl { font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxxl-xxxxl.title--has-bullet:after { width: 1.7777777778rem; height: 1.7777777778rem; margin-right: 2rem; } .title--media-xxxl-xxxxxl { font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxxl-xxxxxl.title--has-bullet:after { width: 2.2222222222rem; height: 2.2222222222rem; margin-right: 2.5rem; } .title--media-xxxl-xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); line-height: 0.8; } .title--media-xxxl-xxxxxxl.title--has-bullet:after { width: 2.6666666667rem; height: 2.6666666667rem; margin-right: 3rem; } .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; } } .title--has-topline:before { content: ""; display: block; width: 75px; height: 2px; margin-bottom: var(--spaces-md, 1rem); background-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); } .title--has-underline { position: relative; /* ELEMENTS */ } .title--has-underline .title__underline { position: absolute; } .title--has-underline .title__underline svg { width: 100%; height: auto; } .title--has-bullet { line-height: 1; } .title--has-bullet:after { content: ""; display: inline-block; background-color: var(--colors-primary-base, #3F0097); -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.625rem); } .text--xs { font-size: var(--font-sizes-xs, 0.9375rem); } .text--sm { font-size: var(--font-sizes-sm, 1.125rem); } .text--md { font-size: var(--font-sizes-md, 1.25rem); } .text--lg { font-size: var(--font-sizes-lg, 1.5625rem); } .text--xl { font-size: var(--font-sizes-xl, 2.5rem); } .text--xxl { font-size: var(--font-sizes-xxl, 3.75rem); } .text--xxxl { font-size: var(--font-sizes-xxxl, 4.375rem); } .text--xxxxl { font-size: var(--font-sizes-xxxxl, 5.625rem); } .text--xxxxxl { font-size: var(--font-sizes-xxxxxl, 8.125rem); } .text--xxxxxxl { font-size: var(--font-sizes-xxxxxxl, 10rem); } .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, rgb(220.5, 220.5, 220.5)); -webkit-box-shadow: 0 2px 22px rgba(var(--colors-background-natural-base-rgb, 221,221,221), 0.5); -moz-box-shadow: 0 2px 22px rgba(var(--colors-background-natural-base-rgb, 221,221,221), 0.5); box-shadow: 0 2px 22px rgba(var(--colors-background-natural-base-rgb, 221,221,221), 0.5); 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%; } .modal .modal__header { z-index: 3; } .modal .modal__header--has-bg { background-color: var(--colors-theme-special-background, #3F0097); } .modal .modal__header--has-bg .modal__close--has-bg { background-color: var(--colors-theme-special-text, #FFFFFF); color: var(--colors-theme-special-background, #3F0097); } .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: v(spaces, lg); right: v(spaces, lg);*/ 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, #3F0097); 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--xs { max-width: 320px; width: 100%; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .modal--xs { max-width: 95%; } } .modal--sm { max-width: 420px; width: 100%; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .modal--sm { max-width: 95%; } } .modal--md { max-width: 640px; width: 100%; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .modal--md { max-width: 95%; } } .modal--lg { max-width: 920px; width: 100%; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .modal--lg { max-width: 95%; } } @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; } } .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; } } .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; } } .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; } } .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; } } .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; } } .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; } } .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; } } *[class*="--has-indicator"] { position: relative; } .indicator { display: inline-block; position: absolute; background-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); } .indicator:before { content: ""; display: none; position: absolute; background-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); } .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.625rem); 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.9375rem); 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, 1.125rem); 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.25rem); 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.5625rem); 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, 2.5rem); 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: 4rem; } .indicator--xxl:before { width: 12rem; height: 12rem; top: -2rem; right: -2rem; } .indicator--xxl.indicator--full-rounded { padding: 4rem; border-radius: 50%; } .indicator--xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--xxl.indicator--has-label { width: 8rem; height: 8rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xxl.indicator--t { top: -4rem; } .indicator--xxl.indicator--b { bottom: -4rem; } .indicator--xxl.indicator--s { right: -4rem; } .indicator--xxl.indicator--e { left: -4rem; } .indicator--xxxl { padding: 6rem; } .indicator--xxxl:before { width: 18rem; height: 18rem; top: -3rem; right: -3rem; } .indicator--xxxl.indicator--full-rounded { padding: 6rem; border-radius: 50%; } .indicator--xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--xxxl.indicator--has-label { width: 12rem; height: 12rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xxxl.indicator--t { top: -6rem; } .indicator--xxxl.indicator--b { bottom: -6rem; } .indicator--xxxl.indicator--s { right: -6rem; } .indicator--xxxl.indicator--e { left: -6rem; } .indicator--xxxxl { padding: 8rem; } .indicator--xxxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--xxxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--xxxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xxxxl.indicator--t { top: -8rem; } .indicator--xxxxl.indicator--b { bottom: -8rem; } .indicator--xxxxl.indicator--s { right: -8rem; } .indicator--xxxxl.indicator--e { left: -8rem; } .indicator--xxxxxl { padding: 10rem; } .indicator--xxxxxl:before { width: 30rem; height: 30rem; top: -5rem; right: -5rem; } .indicator--xxxxxl.indicator--full-rounded { padding: 10rem; border-radius: 50%; } .indicator--xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--xxxxxl.indicator--has-label { width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xxxxxl.indicator--t { top: -10rem; } .indicator--xxxxxl.indicator--b { bottom: -10rem; } .indicator--xxxxxl.indicator--s { right: -10rem; } .indicator--xxxxxl.indicator--e { left: -10rem; } .indicator--xxxxxxl { padding: 12rem; } .indicator--xxxxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--xxxxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--xxxxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--xxxxxxl.indicator--t { top: -12rem; } .indicator--xxxxxxl.indicator--b { bottom: -12rem; } .indicator--xxxxxxl.indicator--s { right: -12rem; } .indicator--xxxxxxl.indicator--e { left: -12rem; } @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.625rem); 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.9375rem); 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, 1.125rem); 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.25rem); 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.5625rem); 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, 2.5rem); 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: 4rem; } .indicator--media-sm-xxl:before { width: 12rem; height: 12rem; top: -2rem; right: -2rem; } .indicator--media-sm-xxl.indicator--full-rounded { padding: 4rem; border-radius: 50%; } .indicator--media-sm-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xxl.indicator--has-label { width: 8rem; height: 8rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xxl.indicator--t { top: -4rem; } .indicator--media-sm-xxl.indicator--b { bottom: -4rem; } .indicator--media-sm-xxl.indicator--s { right: -4rem; } .indicator--media-sm-xxl.indicator--e { left: -4rem; } .indicator--media-sm-xxxl { padding: 6rem; } .indicator--media-sm-xxxl:before { width: 18rem; height: 18rem; top: -3rem; right: -3rem; } .indicator--media-sm-xxxl.indicator--full-rounded { padding: 6rem; border-radius: 50%; } .indicator--media-sm-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xxxl.indicator--has-label { width: 12rem; height: 12rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xxxl.indicator--t { top: -6rem; } .indicator--media-sm-xxxl.indicator--b { bottom: -6rem; } .indicator--media-sm-xxxl.indicator--s { right: -6rem; } .indicator--media-sm-xxxl.indicator--e { left: -6rem; } .indicator--media-sm-xxxxl { padding: 8rem; } .indicator--media-sm-xxxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-sm-xxxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-sm-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xxxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xxxxl.indicator--t { top: -8rem; } .indicator--media-sm-xxxxl.indicator--b { bottom: -8rem; } .indicator--media-sm-xxxxl.indicator--s { right: -8rem; } .indicator--media-sm-xxxxl.indicator--e { left: -8rem; } .indicator--media-sm-xxxxxl { padding: 10rem; } .indicator--media-sm-xxxxxl:before { width: 30rem; height: 30rem; top: -5rem; right: -5rem; } .indicator--media-sm-xxxxxl.indicator--full-rounded { padding: 10rem; border-radius: 50%; } .indicator--media-sm-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xxxxxl.indicator--has-label { width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xxxxxl.indicator--t { top: -10rem; } .indicator--media-sm-xxxxxl.indicator--b { bottom: -10rem; } .indicator--media-sm-xxxxxl.indicator--s { right: -10rem; } .indicator--media-sm-xxxxxl.indicator--e { left: -10rem; } .indicator--media-sm-xxxxxxl { padding: 12rem; } .indicator--media-sm-xxxxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-sm-xxxxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-sm-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-sm-xxxxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-sm-xxxxxxl.indicator--t { top: -12rem; } .indicator--media-sm-xxxxxxl.indicator--b { bottom: -12rem; } .indicator--media-sm-xxxxxxl.indicator--s { right: -12rem; } .indicator--media-sm-xxxxxxl.indicator--e { left: -12rem; } } @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.625rem); 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.9375rem); 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, 1.125rem); 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.25rem); 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.5625rem); 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, 2.5rem); 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: 4rem; } .indicator--media-md-xxl:before { width: 12rem; height: 12rem; top: -2rem; right: -2rem; } .indicator--media-md-xxl.indicator--full-rounded { padding: 4rem; border-radius: 50%; } .indicator--media-md-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xxl.indicator--has-label { width: 8rem; height: 8rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xxl.indicator--t { top: -4rem; } .indicator--media-md-xxl.indicator--b { bottom: -4rem; } .indicator--media-md-xxl.indicator--s { right: -4rem; } .indicator--media-md-xxl.indicator--e { left: -4rem; } .indicator--media-md-xxxl { padding: 6rem; } .indicator--media-md-xxxl:before { width: 18rem; height: 18rem; top: -3rem; right: -3rem; } .indicator--media-md-xxxl.indicator--full-rounded { padding: 6rem; border-radius: 50%; } .indicator--media-md-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xxxl.indicator--has-label { width: 12rem; height: 12rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xxxl.indicator--t { top: -6rem; } .indicator--media-md-xxxl.indicator--b { bottom: -6rem; } .indicator--media-md-xxxl.indicator--s { right: -6rem; } .indicator--media-md-xxxl.indicator--e { left: -6rem; } .indicator--media-md-xxxxl { padding: 8rem; } .indicator--media-md-xxxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-md-xxxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-md-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xxxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xxxxl.indicator--t { top: -8rem; } .indicator--media-md-xxxxl.indicator--b { bottom: -8rem; } .indicator--media-md-xxxxl.indicator--s { right: -8rem; } .indicator--media-md-xxxxl.indicator--e { left: -8rem; } .indicator--media-md-xxxxxl { padding: 10rem; } .indicator--media-md-xxxxxl:before { width: 30rem; height: 30rem; top: -5rem; right: -5rem; } .indicator--media-md-xxxxxl.indicator--full-rounded { padding: 10rem; border-radius: 50%; } .indicator--media-md-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xxxxxl.indicator--has-label { width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xxxxxl.indicator--t { top: -10rem; } .indicator--media-md-xxxxxl.indicator--b { bottom: -10rem; } .indicator--media-md-xxxxxl.indicator--s { right: -10rem; } .indicator--media-md-xxxxxl.indicator--e { left: -10rem; } .indicator--media-md-xxxxxxl { padding: 12rem; } .indicator--media-md-xxxxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-md-xxxxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-md-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-md-xxxxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-md-xxxxxxl.indicator--t { top: -12rem; } .indicator--media-md-xxxxxxl.indicator--b { bottom: -12rem; } .indicator--media-md-xxxxxxl.indicator--s { right: -12rem; } .indicator--media-md-xxxxxxl.indicator--e { left: -12rem; } } @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.625rem); 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.9375rem); 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, 1.125rem); 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.25rem); 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.5625rem); 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, 2.5rem); 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: 4rem; } .indicator--media-lg-xxl:before { width: 12rem; height: 12rem; top: -2rem; right: -2rem; } .indicator--media-lg-xxl.indicator--full-rounded { padding: 4rem; border-radius: 50%; } .indicator--media-lg-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xxl.indicator--has-label { width: 8rem; height: 8rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xxl.indicator--t { top: -4rem; } .indicator--media-lg-xxl.indicator--b { bottom: -4rem; } .indicator--media-lg-xxl.indicator--s { right: -4rem; } .indicator--media-lg-xxl.indicator--e { left: -4rem; } .indicator--media-lg-xxxl { padding: 6rem; } .indicator--media-lg-xxxl:before { width: 18rem; height: 18rem; top: -3rem; right: -3rem; } .indicator--media-lg-xxxl.indicator--full-rounded { padding: 6rem; border-radius: 50%; } .indicator--media-lg-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xxxl.indicator--has-label { width: 12rem; height: 12rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xxxl.indicator--t { top: -6rem; } .indicator--media-lg-xxxl.indicator--b { bottom: -6rem; } .indicator--media-lg-xxxl.indicator--s { right: -6rem; } .indicator--media-lg-xxxl.indicator--e { left: -6rem; } .indicator--media-lg-xxxxl { padding: 8rem; } .indicator--media-lg-xxxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-lg-xxxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-lg-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xxxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xxxxl.indicator--t { top: -8rem; } .indicator--media-lg-xxxxl.indicator--b { bottom: -8rem; } .indicator--media-lg-xxxxl.indicator--s { right: -8rem; } .indicator--media-lg-xxxxl.indicator--e { left: -8rem; } .indicator--media-lg-xxxxxl { padding: 10rem; } .indicator--media-lg-xxxxxl:before { width: 30rem; height: 30rem; top: -5rem; right: -5rem; } .indicator--media-lg-xxxxxl.indicator--full-rounded { padding: 10rem; border-radius: 50%; } .indicator--media-lg-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xxxxxl.indicator--has-label { width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xxxxxl.indicator--t { top: -10rem; } .indicator--media-lg-xxxxxl.indicator--b { bottom: -10rem; } .indicator--media-lg-xxxxxl.indicator--s { right: -10rem; } .indicator--media-lg-xxxxxl.indicator--e { left: -10rem; } .indicator--media-lg-xxxxxxl { padding: 12rem; } .indicator--media-lg-xxxxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-lg-xxxxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-lg-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-lg-xxxxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-lg-xxxxxxl.indicator--t { top: -12rem; } .indicator--media-lg-xxxxxxl.indicator--b { bottom: -12rem; } .indicator--media-lg-xxxxxxl.indicator--s { right: -12rem; } .indicator--media-lg-xxxxxxl.indicator--e { left: -12rem; } } @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.625rem); 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.9375rem); 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, 1.125rem); 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.25rem); 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.5625rem); 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, 2.5rem); 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: 4rem; } .indicator--media-xl-xxl:before { width: 12rem; height: 12rem; top: -2rem; right: -2rem; } .indicator--media-xl-xxl.indicator--full-rounded { padding: 4rem; border-radius: 50%; } .indicator--media-xl-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xxl.indicator--has-label { width: 8rem; height: 8rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xxl.indicator--t { top: -4rem; } .indicator--media-xl-xxl.indicator--b { bottom: -4rem; } .indicator--media-xl-xxl.indicator--s { right: -4rem; } .indicator--media-xl-xxl.indicator--e { left: -4rem; } .indicator--media-xl-xxxl { padding: 6rem; } .indicator--media-xl-xxxl:before { width: 18rem; height: 18rem; top: -3rem; right: -3rem; } .indicator--media-xl-xxxl.indicator--full-rounded { padding: 6rem; border-radius: 50%; } .indicator--media-xl-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xxxl.indicator--has-label { width: 12rem; height: 12rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xxxl.indicator--t { top: -6rem; } .indicator--media-xl-xxxl.indicator--b { bottom: -6rem; } .indicator--media-xl-xxxl.indicator--s { right: -6rem; } .indicator--media-xl-xxxl.indicator--e { left: -6rem; } .indicator--media-xl-xxxxl { padding: 8rem; } .indicator--media-xl-xxxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-xl-xxxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-xl-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xxxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xxxxl.indicator--t { top: -8rem; } .indicator--media-xl-xxxxl.indicator--b { bottom: -8rem; } .indicator--media-xl-xxxxl.indicator--s { right: -8rem; } .indicator--media-xl-xxxxl.indicator--e { left: -8rem; } .indicator--media-xl-xxxxxl { padding: 10rem; } .indicator--media-xl-xxxxxl:before { width: 30rem; height: 30rem; top: -5rem; right: -5rem; } .indicator--media-xl-xxxxxl.indicator--full-rounded { padding: 10rem; border-radius: 50%; } .indicator--media-xl-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xxxxxl.indicator--has-label { width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xxxxxl.indicator--t { top: -10rem; } .indicator--media-xl-xxxxxl.indicator--b { bottom: -10rem; } .indicator--media-xl-xxxxxl.indicator--s { right: -10rem; } .indicator--media-xl-xxxxxl.indicator--e { left: -10rem; } .indicator--media-xl-xxxxxxl { padding: 12rem; } .indicator--media-xl-xxxxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-xl-xxxxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-xl-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xl-xxxxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xl-xxxxxxl.indicator--t { top: -12rem; } .indicator--media-xl-xxxxxxl.indicator--b { bottom: -12rem; } .indicator--media-xl-xxxxxxl.indicator--s { right: -12rem; } .indicator--media-xl-xxxxxxl.indicator--e { left: -12rem; } } @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.625rem); 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.9375rem); 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, 1.125rem); 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.25rem); 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.5625rem); 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, 2.5rem); 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: 4rem; } .indicator--media-xxl-xxl:before { width: 12rem; height: 12rem; top: -2rem; right: -2rem; } .indicator--media-xxl-xxl.indicator--full-rounded { padding: 4rem; border-radius: 50%; } .indicator--media-xxl-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xxl.indicator--has-label { width: 8rem; height: 8rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xxl.indicator--t { top: -4rem; } .indicator--media-xxl-xxl.indicator--b { bottom: -4rem; } .indicator--media-xxl-xxl.indicator--s { right: -4rem; } .indicator--media-xxl-xxl.indicator--e { left: -4rem; } .indicator--media-xxl-xxxl { padding: 6rem; } .indicator--media-xxl-xxxl:before { width: 18rem; height: 18rem; top: -3rem; right: -3rem; } .indicator--media-xxl-xxxl.indicator--full-rounded { padding: 6rem; border-radius: 50%; } .indicator--media-xxl-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xxxl.indicator--has-label { width: 12rem; height: 12rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xxxl.indicator--t { top: -6rem; } .indicator--media-xxl-xxxl.indicator--b { bottom: -6rem; } .indicator--media-xxl-xxxl.indicator--s { right: -6rem; } .indicator--media-xxl-xxxl.indicator--e { left: -6rem; } .indicator--media-xxl-xxxxl { padding: 8rem; } .indicator--media-xxl-xxxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-xxl-xxxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-xxl-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xxxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xxxxl.indicator--t { top: -8rem; } .indicator--media-xxl-xxxxl.indicator--b { bottom: -8rem; } .indicator--media-xxl-xxxxl.indicator--s { right: -8rem; } .indicator--media-xxl-xxxxl.indicator--e { left: -8rem; } .indicator--media-xxl-xxxxxl { padding: 10rem; } .indicator--media-xxl-xxxxxl:before { width: 30rem; height: 30rem; top: -5rem; right: -5rem; } .indicator--media-xxl-xxxxxl.indicator--full-rounded { padding: 10rem; border-radius: 50%; } .indicator--media-xxl-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xxxxxl.indicator--has-label { width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xxxxxl.indicator--t { top: -10rem; } .indicator--media-xxl-xxxxxl.indicator--b { bottom: -10rem; } .indicator--media-xxl-xxxxxl.indicator--s { right: -10rem; } .indicator--media-xxl-xxxxxl.indicator--e { left: -10rem; } .indicator--media-xxl-xxxxxxl { padding: 12rem; } .indicator--media-xxl-xxxxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-xxl-xxxxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-xxl-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxl-xxxxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxl-xxxxxxl.indicator--t { top: -12rem; } .indicator--media-xxl-xxxxxxl.indicator--b { bottom: -12rem; } .indicator--media-xxl-xxxxxxl.indicator--s { right: -12rem; } .indicator--media-xxl-xxxxxxl.indicator--e { left: -12rem; } } @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.625rem); 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.9375rem); 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, 1.125rem); 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.25rem); 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.5625rem); 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, 2.5rem); 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: 4rem; } .indicator--media-xxxl-xxl:before { width: 12rem; height: 12rem; top: -2rem; right: -2rem; } .indicator--media-xxxl-xxl.indicator--full-rounded { padding: 4rem; border-radius: 50%; } .indicator--media-xxxl-xxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xxl.indicator--has-label { width: 8rem; height: 8rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xxl.indicator--t { top: -4rem; } .indicator--media-xxxl-xxl.indicator--b { bottom: -4rem; } .indicator--media-xxxl-xxl.indicator--s { right: -4rem; } .indicator--media-xxxl-xxl.indicator--e { left: -4rem; } .indicator--media-xxxl-xxxl { padding: 6rem; } .indicator--media-xxxl-xxxl:before { width: 18rem; height: 18rem; top: -3rem; right: -3rem; } .indicator--media-xxxl-xxxl.indicator--full-rounded { padding: 6rem; border-radius: 50%; } .indicator--media-xxxl-xxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xxxl.indicator--has-label { width: 12rem; height: 12rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xxxl.indicator--t { top: -6rem; } .indicator--media-xxxl-xxxl.indicator--b { bottom: -6rem; } .indicator--media-xxxl-xxxl.indicator--s { right: -6rem; } .indicator--media-xxxl-xxxl.indicator--e { left: -6rem; } .indicator--media-xxxl-xxxxl { padding: 8rem; } .indicator--media-xxxl-xxxxl:before { width: 24rem; height: 24rem; top: -4rem; right: -4rem; } .indicator--media-xxxl-xxxxl.indicator--full-rounded { padding: 8rem; border-radius: 50%; } .indicator--media-xxxl-xxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xxxxl.indicator--has-label { width: 16rem; height: 16rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xxxxl.indicator--t { top: -8rem; } .indicator--media-xxxl-xxxxl.indicator--b { bottom: -8rem; } .indicator--media-xxxl-xxxxl.indicator--s { right: -8rem; } .indicator--media-xxxl-xxxxl.indicator--e { left: -8rem; } .indicator--media-xxxl-xxxxxl { padding: 10rem; } .indicator--media-xxxl-xxxxxl:before { width: 30rem; height: 30rem; top: -5rem; right: -5rem; } .indicator--media-xxxl-xxxxxl.indicator--full-rounded { padding: 10rem; border-radius: 50%; } .indicator--media-xxxl-xxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xxxxxl.indicator--has-label { width: 20rem; height: 20rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xxxxxl.indicator--t { top: -10rem; } .indicator--media-xxxl-xxxxxl.indicator--b { bottom: -10rem; } .indicator--media-xxxl-xxxxxl.indicator--s { right: -10rem; } .indicator--media-xxxl-xxxxxl.indicator--e { left: -10rem; } .indicator--media-xxxl-xxxxxxl { padding: 12rem; } .indicator--media-xxxl-xxxxxxl:before { width: 36rem; height: 36rem; top: -6rem; right: -6rem; } .indicator--media-xxxl-xxxxxxl.indicator--full-rounded { padding: 12rem; border-radius: 50%; } .indicator--media-xxxl-xxxxxxl.indicator--full-rounded:before { border-radius: 50%; } .indicator--media-xxxl-xxxxxxl.indicator--has-label { width: 24rem; height: 24rem; padding: var(--spaces-reset, 0); font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-semi-bold, 600); } .indicator--media-xxxl-xxxxxxl.indicator--t { top: -12rem; } .indicator--media-xxxl-xxxxxxl.indicator--b { bottom: -12rem; } .indicator--media-xxxl-xxxxxxl.indicator--s { right: -12rem; } .indicator--media-xxxl-xxxxxxl.indicator--e { left: -12rem; } } .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, rgb(220.5, 220.5, 220.5)); border-width: 0; border-color: var(--colors-theme-border, #c3c3c3); border-style: solid; color: var(--colors-theme-text, #c3c3c3); /* ELEMENTS */ } .box--border { border-width: 1px; } .box .box__header--has-bg { background-color: var(--colors-theme-special-background, #3F0097); } .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, #3F0097); 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, 175,162,142)), 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, 63,0,151)), 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,243,180)), 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, 255,208,40)), 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, 255,46,156)), 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: 0.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) - 0.25))); border-bottom-color: rgba(var(--first-color, var(--colors-chart-first-rgb, 174,145,242)), calc(100 * (var(--first) - 0.5))); border-left-color: rgba(var(--first-color, var(--colors-chart-first-rgb, 174,145,242)), calc(100 * (var(--first) - 0.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) - 0.25))); border-bottom-color: rgba(var(--second-color, var(--colors-chart-second-rgb, 244,245,253)), calc(100 * (var(--second) - 0.5))); border-left-color: rgba(var(--second-color, var(--colors-chart-second-rgb, 244,245,253)), calc(100 * (var(--second) - 0.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, 175,162,142)), 1); border-right-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 175,162,142)), calc(100 * (var(--third) - 0.25))); border-bottom-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 175,162,142)), calc(100 * (var(--third) - 0.5))); border-left-color: rgba(var(--third-color, var(--colors-chart-third-rgb, 175,162,142)), calc(100 * (var(--third) - 0.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, 63,0,151)), 1); border-right-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 63,0,151)), calc(100 * (var(--fourth) - 0.25))); border-bottom-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 63,0,151)), calc(100 * (var(--fourth) - 0.5))); border-left-color: rgba(var(--fourth-color, var(--colors-chart-fourth-rgb, 63,0,151)), calc(100 * (var(--fourth) - 0.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,243,180)), 1); border-right-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166,243,180)), calc(100 * (var(--fifth) - 0.25))); border-bottom-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166,243,180)), calc(100 * (var(--fifth) - 0.5))); border-left-color: rgba(var(--fifth-color, var(--colors-chart-fifth-rgb, 166,243,180)), calc(100 * (var(--fifth) - 0.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) - 0.25))); border-bottom-color: rgba(var(--sixth-color, var(--colors-chart-sixth-rgb, 242,87,103)), calc(100 * (var(--sixth) - 0.5))); border-left-color: rgba(var(--sixth-color, var(--colors-chart-sixth-rgb, 242,87,103)), calc(100 * (var(--sixth) - 0.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, 255,208,40)), 1); border-right-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 255,208,40)), calc(100 * (var(--seventh) - 0.25))); border-bottom-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 255,208,40)), calc(100 * (var(--seventh) - 0.5))); border-left-color: rgba(var(--seventh-color, var(--colors-chart-seventh-rgb, 255,208,40)), calc(100 * (var(--seventh) - 0.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) - 0.25))); border-bottom-color: rgba(var(--eightn-color, var(--colors-chart-eightn-rgb, 12,192,223)), calc(100 * (var(--eightn) - 0.5))); border-left-color: rgba(var(--eightn-color, var(--colors-chart-eightn-rgb, 12,192,223)), calc(100 * (var(--eightn) - 0.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, 255,46,156)), 1); border-right-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 255,46,156)), calc(100 * (var(--ninth) - 0.25))); border-bottom-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 255,46,156)), calc(100 * (var(--ninth) - 0.5))); border-left-color: rgba(var(--ninth-color, var(--colors-chart-ninth-rgb, 255,46,156)), calc(100 * (var(--ninth) - 0.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) - 0.25))); border-bottom-color: rgba(var(--tenth-color, var(--colors-chart-tenth-rgb, 242,180,87)), calc(100 * (var(--tenth) - 0.5))); border-left-color: rgba(var(--tenth-color, var(--colors-chart-tenth-rgb, 242,180,87)), calc(100 * (var(--tenth) - 0.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, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); 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, 175,162,142)), 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, 63,0,151)), 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,243,180)), 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, 255,208,40)), 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, 255,46,156)), 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, 1.125rem); 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, 175,162,142)), 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, 63,0,151)), 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,243,180)), 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, 255,208,40)), 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, 255,46,156)), 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, #AFA28E); } .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, #3F0097); } .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, rgb(166.12, 242.88, 180.26)); } .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, #FFD028); } .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, #FF2E9C); } .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, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); 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, 1.125rem); 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, 175,162,142)), 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, 63,0,151)), 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,243,180)), 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, 255,208,40)), 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, 255,46,156)), 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, rgb(220.5, 220.5, 220.5)); border: 1px 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, 1.125rem); 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: 1px solid var(--colors-border-natural-light, #F6F6F6); } .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: 1px solid var(--colors-border-natural-light, #F6F6F6); } .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, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); 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, 1.125rem); 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, 175,162,142)), 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, 63,0,151)), 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,243,180)), 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, 255,208,40)), 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, 255,46,156)), 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, rgb(220.5, 220.5, 220.5)); border: 1px 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, 1.125rem); 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: 1px solid var(--colors-border-natural-light, #F6F6F6); } .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: 1px solid var(--colors-border-natural-light, #F6F6F6); } .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: 50px; padding: 0.5rem 1rem; background: var(--colors-background-light-pink, #F9F5FF); border: none; border-radius: 30px; direction: rtl; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; box-shadow: 0px 4px 13.3px 0px rgba(0, 0, 0, 0.2509803922); /* For Select */ } .input-text .input-text__input:focus { padding-right: 1.5rem; border-color: var(--colors-primary-base, #3F0097); } .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.9375rem); } .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, #3F0097); -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 0.5rem; background-color: var(--colors-theme-special-background, #3F0097); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .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: 2.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,243,180)%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 { opacity: 0; font-size: var(--font-sizes-semi-bold, ); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .input-text .input-text__input:-moz-placeholder { opacity: 0; font-size: var(--font-sizes-semi-bold, ); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .input-text .input-text__input::-moz-placeholder { opacity: 0; font-size: var(--font-sizes-semi-bold, ); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .input-text .input-text__input:-ms-input-placeholder { opacity: 0; font-size: var(--font-sizes-semi-bold, ); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .input-text .input-text__input--h-full { height: 100%; } .input-text .input-text__label { position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-special-text, #FFFFFF); font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: text; pointer-events: none; direction: rtl; } .input-text .input-text__label--required:before { content: "*"; padding-left: var(--spaces-xxs, 0.25rem); font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-700, ); color: var(--colors-state-danger, #f25767); } .input-text.input-text--label-on-top .input-text__input::-webkit-input-placeholder { opacity: 1; } .input-text.input-text--label-on-top .input-text__input:-moz-placeholder { opacity: 1; } .input-text.input-text--label-on-top .input-text__input::-moz-placeholder { opacity: 1; } .input-text.input-text--label-on-top .input-text__input:-ms-input-placeholder { opacity: 1; } .input-text.input-text--label-on-top .input-text__label { top: -1rem; right: var(--spaces-sm, 0.75rem); padding: var(--spaces-reset, 0) var(--spaces-xxs, 0.25rem); font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-text.input-text--label-on-top .input-text__label--required { right: var(--spaces-lg, 1.5rem); } .input-select { /*position: relative; @include input-style;*/ /* ELEMENTS */ /* MODIFIERS */ } .input-select .input-select__btn { /* ELEMENTS */ width: 100%; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 1rem; background: var(--colors-background-transparent, transparent); border: 1px solid var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); border-radius: 30px; direction: rtl; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -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; /* BREAKPOINTS */ } .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.9375rem); } .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 + 0.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, #3F0097); -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 0.5rem; background-color: var(--colors-theme-special-background, #3F0097); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .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: 2.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,243,180)%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; } @media (max-width: 991.98px) { .input-select .input-select__btn { display: none; } } .input-select .input-select__select { /* ELEMENTS */ /* MODIFIERS */ /* BREAKPOINTS */ } .input-select .input-select__select option { /* BREAKPOINTS */ } @media (max-width: 991.98px) { .input-select .input-select__select option { font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-medium, 500); color: var(--colors-theme-special-text, #FFFFFF); } } .input-select .input-select__select.input-select__select--empty { /* BREAKPOINTS */ } @media (max-width: 991.98px) { .input-select .input-select__select.input-select__select--empty { color: transparent; } } @media (min-width: 992px) { .input-select .input-select__select { display: none; } } @media (max-width: 991.98px) { .input-select .input-select__select { /* ELEMENTS */ width: 100%; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 1rem; background: var(--colors-background-transparent, transparent); border: 1px solid var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); border-radius: 30px; direction: rtl; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -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-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-position: left var(--spaces-md, 1rem) top 50%; background-size: 0.65rem auto; } .input-select .input-select__select .input-select__helper { position: absolute; top: var(--spaces-xs, 0.5rem); left: var(--spaces-xs, 0.5rem); font-size: var(--font-sizes-xs, 0.9375rem); } .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 + 0.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, #3F0097); -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 0.5rem; background-color: var(--colors-theme-special-background, #3F0097); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .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: 2.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,243,180)%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__select { 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__options { width: 100%; position: absolute; right: 0; /* ELEMENTS */ width: 100%; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 1rem; background: var(--colors-background-transparent, transparent); border: 1px solid var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); border-radius: 30px; direction: rtl; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -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,195,195), 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.9375rem); } .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, #3F0097); -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 0.5rem; background-color: var(--colors-theme-special-background, #3F0097); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .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: 2.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,243,180)%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-border-natural-base, rgb(220.5, 220.5, 220.5)); 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-border-natural-light, #F6F6F6); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-select .input-select__options { scrollbar-face-color: var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); scrollbar-track-color: var(--colors-border-natural-light, #F6F6F6); } .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, #3F0097); } .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-border-natural-base, rgb(220.5, 220.5, 220.5)); 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-border-natural-light, #F6F6F6); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-select .input-select__options .select-options__body { scrollbar-face-color: var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); scrollbar-track-color: var(--colors-border-natural-light, #F6F6F6); } .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,195,195), 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, #3F0097); } .input-select .input-select__label { position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-special-text, #FFFFFF); font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: text; pointer-events: none; direction: rtl; } .input-select .input-select__label--required:before { content: "*"; padding-left: var(--spaces-xxs, 0.25rem); font-size: var(--font-sizes-md, 1.25rem); 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: 0; right: var(--spaces-sm, 0.75rem); padding: var(--spaces-reset, 0) var(--spaces-xxs, 0.25rem); background-color: var(--colors-natural-white, #FFFFFF); font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-select.input-select--label-on-top .input-select__label--required { right: var(--spaces-lg, 1.5rem); } .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: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 1rem; background: var(--colors-background-transparent, transparent); border: 1px solid var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); border-radius: 30px; direction: rtl; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -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,195,195), 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.9375rem); } .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, #3F0097); -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 0.5rem; background-color: var(--colors-theme-special-background, #3F0097); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .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: 2.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,243,180)%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-border-natural-base, rgb(220.5, 220.5, 220.5)); 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-border-natural-light, #F6F6F6); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-autocomplete .input-autocomplete__options { scrollbar-face-color: var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); scrollbar-track-color: var(--colors-border-natural-light, #F6F6F6); } .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, #3F0097); } .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-border-natural-base, rgb(220.5, 220.5, 220.5)); 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-border-natural-light, #F6F6F6); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .input-autocomplete .input-autocomplete__options .autocomplete-options__body { scrollbar-face-color: var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); scrollbar-track-color: var(--colors-border-natural-light, #F6F6F6); } .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,195,195), 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, #3F0097); } .input-autocomplete .input-autocomplete__label { position: absolute; top: 50%; right: 1rem; color: var(--colors-theme-text, #c3c3c3); font-size: var(--font-sizes-md, 1.25rem); 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.25rem); 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: -0.2rem; right: 0; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text-no-background, #3F0097); -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, rgb(220.5, 220.5, 220.5)); 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: 1px 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:not(.checkbox.checkbox--is-button .checkbox__label.checkbox--show-switch) .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: 20rem; height: 20rem; } .checkbox.checkbox--is-button.checkbox--xxl.checkbox--rectangle .checkbox__label { width: 28rem; height: 14rem; } .checkbox.checkbox--is-button.checkbox--xxxl { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xxxl.checkbox--square .checkbox__label { width: 30rem; height: 30rem; } .checkbox.checkbox--is-button.checkbox--xxxl.checkbox--rectangle .checkbox__label { width: 42rem; height: 21rem; } .checkbox.checkbox--is-button.checkbox--xxxxl { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xxxxl.checkbox--square .checkbox__label { width: 40rem; height: 40rem; } .checkbox.checkbox--is-button.checkbox--xxxxl.checkbox--rectangle .checkbox__label { width: 56rem; height: 28rem; } .checkbox.checkbox--is-button.checkbox--xxxxxl { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xxxxxl.checkbox--square .checkbox__label { width: 50rem; height: 50rem; } .checkbox.checkbox--is-button.checkbox--xxxxxl.checkbox--rectangle .checkbox__label { width: 70rem; height: 35rem; } .checkbox.checkbox--is-button.checkbox--xxxxxxl { /* ELEMENTS */ } .checkbox.checkbox--is-button.checkbox--xxxxxxl.checkbox--square .checkbox__label { width: 60rem; height: 60rem; } .checkbox.checkbox--is-button.checkbox--xxxxxxl.checkbox--rectangle .checkbox__label { width: 84rem; height: 42rem; } .checkbox.checkbox--check-border.checkbox--is-button .checkbox__input:checked + .checkbox__label { border-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); border-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); border-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); border-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); color: var(--colors-theme-text, #c3c3c3); } .checkbox.checkbox--check-fill.checkbox--has-no-input .checkbox__label .checkbox__switch { background-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); border-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); color: var(--colors-theme-text, #c3c3c3); } .checkbox.checkbox--check-vi .checkbox__label .checkbox__switch:after { content: "✔"; } .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, rgb(220.5, 220.5, 220.5)); } .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, rgb(220.5, 220.5, 220.5)); } .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, rgb(220.5, 220.5, 220.5)); } .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, rgb(220.5, 220.5, 220.5)) 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, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); -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: 1px solid var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); 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:not(.radio.radio--is-button .radio__label.radio--show-switch) .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: 20rem; height: 20rem; } .radio.radio--is-button.radio--xxl.radio--rectangle .radio__label { width: 28rem; height: 14rem; } .radio.radio--is-button.radio--xxxl { /* ELEMENTS */ } .radio.radio--is-button.radio--xxxl.radio--square .radio__label { width: 30rem; height: 30rem; } .radio.radio--is-button.radio--xxxl.radio--rectangle .radio__label { width: 42rem; height: 21rem; } .radio.radio--is-button.radio--xxxxl { /* ELEMENTS */ } .radio.radio--is-button.radio--xxxxl.radio--square .radio__label { width: 40rem; height: 40rem; } .radio.radio--is-button.radio--xxxxl.radio--rectangle .radio__label { width: 56rem; height: 28rem; } .radio.radio--is-button.radio--xxxxxl { /* ELEMENTS */ } .radio.radio--is-button.radio--xxxxxl.radio--square .radio__label { width: 50rem; height: 50rem; } .radio.radio--is-button.radio--xxxxxl.radio--rectangle .radio__label { width: 70rem; height: 35rem; } .radio.radio--is-button.radio--xxxxxxl { /* ELEMENTS */ } .radio.radio--is-button.radio--xxxxxxl.radio--square .radio__label { width: 60rem; height: 60rem; } .radio.radio--is-button.radio--xxxxxxl.radio--rectangle .radio__label { width: 84rem; height: 42rem; } .radio.radio--check-border.radio--is-button .radio__input:checked + .radio__label { border-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); border-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); border-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); color: var(--colors-theme-text, #c3c3c3); } .radio.radio--check-fill.radio--has-no-input .radio__label .radio__switch { background-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); border-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); color: var(--colors-theme-text, #c3c3c3); } .radio.radio--check-vi .radio__label .radio__switch:after { content: "✔"; } .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, rgb(220.5, 220.5, 220.5)); } .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, rgb(220.5, 220.5, 220.5)); } .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, rgb(220.5, 220.5, 220.5)); } .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, rgb(220.5, 220.5, 220.5)) 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, #3F0097); 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); } .toggle-switch { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; /* MODIFIERS */ } .toggle-switch .toggle-switch__switch { width: 70px; height: 25px; display: inline-block; position: relative; background-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); border: 1px solid var(--colors-theme-border, #c3c3c3); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; cursor: pointer; } .toggle-switch .toggle-switch__switch .toggle-switch__btn { width: 25px; height: 25px; -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: 5px; background-color: var(--colors-theme-border, #c3c3c3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px rgba(var(--colors-shadow-natural-base-rgb, 221,221,221), 0.3); -moz-box-shadow: 0 0 0 1px rgba(var(--colors-shadow-natural-base-rgb, 221,221,221), 0.3); box-shadow: 0 0 0 1px rgba(var(--colors-shadow-natural-base-rgb, 221,221,221), 0.3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: right 0.2s ease-in; -o-transition: right 0.2s ease-in; transition: right 0.2s ease-in; } .toggle-switch .toggle-switch__input { position: absolute; visibility: hidden; } .toggle-switch .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 25px - 5px); } .toggle-switch .toggle-switch__label { display: inline-block; } .toggle-switch .toggle-switch__label:first-of-type { margin-left: var(--spaces-xs, 0.5rem); } .toggle-switch .toggle-switch__label:last-of-type { margin-right: var(--spaces-xs, 0.5rem); } .toggle-switch .toggle-switch__label:only-of-type { margin-right: var(--spaces-reset, 0); margin-left: var(--spaces-xs, 0.5rem); } .toggle-switch--on-off .toggle-switch__input:checked ~ .toggle-switch__switch { background-color: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } .toggle-switch--on-off .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { background-color: var(--colors-background-white, #FFFFFF); } .toggle-switch--icons .toggle-switch__switch .toggle-switch__btn .toggle-switch__icon { width: 16px; height: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; color: var(--colors-theme-text, #c3c3c3); -webkit-transition: visibility 0.4s ease-in, opacity 0.4s ease-in; -o-transition: visibility 0.4s ease-in, opacity 0.4s ease-in; transition: visibility 0.4s ease-in, opacity 0.4s ease-in; } .toggle-switch--icons .toggle-switch__switch .toggle-switch__btn .toggle-switch__icon:nth-child(1) { visibility: visible; opacity: 1; } .toggle-switch--icons .toggle-switch__switch .toggle-switch__btn .toggle-switch__icon:nth-child(2) { visibility: hidden; opacity: 0; } .toggle-switch--icons .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn .toggle-switch__icon:nth-child(1) { visibility: hidden; opacity: 0; } .toggle-switch--icons .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn .toggle-switch__icon:nth-child(2) { visibility: visible; opacity: 1; } .toggle-switch--light-dark .toggle-switch__switch { background-color: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); border: 0; -webkit-box-shadow: 0 0 5px 0 rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.2); -moz-box-shadow: 0 0 5px 0 rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.2); box-shadow: 0 0 5px 0 rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.2); } .toggle-switch--light-dark .toggle-switch__switch .toggle-switch__btn { background-color: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } .toggle-switch--light-dark .toggle-switch__switch .toggle-switch__btn .toggle-switch__sun { width: 16px; height: 16px; position: relative; background-image: -webkit-linear-gradient(40deg, var(--colors-sun-start, #FF2E9C), var(--colors-sun-end, #AFA28E)); background-image: -o-linear-gradient(40deg, var(--colors-sun-start, #FF2E9C), var(--colors-sun-end, #AFA28E)); background-image: linear-gradient(40deg, var(--colors-sun-start, #FF2E9C), var(--colors-sun-end, #AFA28E)); background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .toggle-switch--light-dark .toggle-switch__switch .toggle-switch__btn .toggle-switch__sun .toggle-switch__crescent { width: 12px; height: 12px; position: absolute; right: 0; background-color: var(--colors-theme-border, #c3c3c3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transform-origin: top right; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); } .toggle-switch--light-dark .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn .toggle-switch__sun .toggle-switch__crescent { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .toggle-switch--xxs { /* ELEMENTS */ /* MODIFIERS */ } .toggle-switch--xxs .toggle-switch__switch { width: 1.0625rem; height: 0.53125rem; } .toggle-switch--xxs .toggle-switch__switch .toggle-switch__btn { width: 0.375rem; height: 0.375rem; right: 0.08125rem; } .toggle-switch--xxs .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 0.25rem * 1.5 - 0.25rem * 0.325); } .toggle-switch--xxs.toggle-switch--has-no-input.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { right: calc(50% - 0.25rem * 1.5 / 2); } .toggle-switch--xxs.toggle-switch--has-no-input.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 0.25rem * 1.5 - 0.25rem * 0.325); } .toggle-switch--xs { /* ELEMENTS */ /* MODIFIERS */ } .toggle-switch--xs .toggle-switch__switch { width: 2.125rem; height: 1.0625rem; } .toggle-switch--xs .toggle-switch__switch .toggle-switch__btn { width: 0.75rem; height: 0.75rem; right: 0.1625rem; } .toggle-switch--xs .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 0.5rem * 1.5 - 0.5rem * 0.325); } .toggle-switch--xs.toggle-switch--has-no-input.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { right: calc(50% - 0.5rem * 1.5 / 2); } .toggle-switch--xs.toggle-switch--has-no-input.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 0.5rem * 1.5 - 0.5rem * 0.325); } .toggle-switch--sm { /* ELEMENTS */ /* MODIFIERS */ } .toggle-switch--sm .toggle-switch__switch { width: 3.1875rem; height: 1.59375rem; } .toggle-switch--sm .toggle-switch__switch .toggle-switch__btn { width: 1.125rem; height: 1.125rem; right: 0.24375rem; } .toggle-switch--sm .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 0.75rem * 1.5 - 0.75rem * 0.325); } .toggle-switch--sm.toggle-switch--has-no-input.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { right: calc(50% - 0.75rem * 1.5 / 2); } .toggle-switch--sm.toggle-switch--has-no-input.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 0.75rem * 1.5 - 0.75rem * 0.325); } .toggle-switch--md { /* ELEMENTS */ /* MODIFIERS */ } .toggle-switch--md .toggle-switch__switch { width: 4.25rem; height: 2.125rem; } .toggle-switch--md .toggle-switch__switch .toggle-switch__btn { width: 1.5rem; height: 1.5rem; right: 0.325rem; } .toggle-switch--md .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 1rem * 1.5 - 1rem * 0.325); } .toggle-switch--md.toggle-switch--has-no-input.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { right: calc(50% - 1rem * 1.5 / 2); } .toggle-switch--md.toggle-switch--has-no-input.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 1rem * 1.5 - 1rem * 0.325); } .toggle-switch--lg { /* ELEMENTS */ /* MODIFIERS */ } .toggle-switch--lg .toggle-switch__switch { width: 6.375rem; height: 3.1875rem; } .toggle-switch--lg .toggle-switch__switch .toggle-switch__btn { width: 2.25rem; height: 2.25rem; right: 0.4875rem; } .toggle-switch--lg .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 1.5rem * 1.5 - 1.5rem * 0.325); } .toggle-switch--lg.toggle-switch--has-no-input.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { right: calc(50% - 1.5rem * 1.5 / 2); } .toggle-switch--lg.toggle-switch--has-no-input.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 1.5rem * 1.5 - 1.5rem * 0.325); } .toggle-switch--xl { /* ELEMENTS */ /* MODIFIERS */ } .toggle-switch--xl .toggle-switch__switch { width: 10.625rem; height: 5.3125rem; } .toggle-switch--xl .toggle-switch__switch .toggle-switch__btn { width: 3.75rem; height: 3.75rem; right: 0.8125rem; } .toggle-switch--xl .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 2.5rem * 1.5 - 2.5rem * 0.325); } .toggle-switch--xl.toggle-switch--has-no-input.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { right: calc(50% - 2.5rem * 1.5 / 2); } .toggle-switch--xl.toggle-switch--has-no-input.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 2.5rem * 1.5 - 2.5rem * 0.325); } .toggle-switch--xxl { /* ELEMENTS */ /* MODIFIERS */ } .toggle-switch--xxl .toggle-switch__switch { width: 17rem; height: 8.5rem; } .toggle-switch--xxl .toggle-switch__switch .toggle-switch__btn { width: 6rem; height: 6rem; right: 1.3rem; } .toggle-switch--xxl .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 4rem * 1.5 - 4rem * 0.325); } .toggle-switch--xxl.toggle-switch--has-no-input.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { right: calc(50% - 4rem * 1.5 / 2); } .toggle-switch--xxl.toggle-switch--has-no-input.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 4rem * 1.5 - 4rem * 0.325); } .toggle-switch--xxxl { /* ELEMENTS */ /* MODIFIERS */ } .toggle-switch--xxxl .toggle-switch__switch { width: 25.5rem; height: 12.75rem; } .toggle-switch--xxxl .toggle-switch__switch .toggle-switch__btn { width: 9rem; height: 9rem; right: 1.95rem; } .toggle-switch--xxxl .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 6rem * 1.5 - 6rem * 0.325); } .toggle-switch--xxxl.toggle-switch--has-no-input.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { right: calc(50% - 6rem * 1.5 / 2); } .toggle-switch--xxxl.toggle-switch--has-no-input.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 6rem * 1.5 - 6rem * 0.325); } .toggle-switch--xxxxl { /* ELEMENTS */ /* MODIFIERS */ } .toggle-switch--xxxxl .toggle-switch__switch { width: 34rem; height: 17rem; } .toggle-switch--xxxxl .toggle-switch__switch .toggle-switch__btn { width: 12rem; height: 12rem; right: 2.6rem; } .toggle-switch--xxxxl .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 8rem * 1.5 - 8rem * 0.325); } .toggle-switch--xxxxl.toggle-switch--has-no-input.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { right: calc(50% - 8rem * 1.5 / 2); } .toggle-switch--xxxxl.toggle-switch--has-no-input.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 8rem * 1.5 - 8rem * 0.325); } .toggle-switch--xxxxxl { /* ELEMENTS */ /* MODIFIERS */ } .toggle-switch--xxxxxl .toggle-switch__switch { width: 42.5rem; height: 21.25rem; } .toggle-switch--xxxxxl .toggle-switch__switch .toggle-switch__btn { width: 15rem; height: 15rem; right: 3.25rem; } .toggle-switch--xxxxxl .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 10rem * 1.5 - 10rem * 0.325); } .toggle-switch--xxxxxl.toggle-switch--has-no-input.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { right: calc(50% - 10rem * 1.5 / 2); } .toggle-switch--xxxxxl.toggle-switch--has-no-input.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 10rem * 1.5 - 10rem * 0.325); } .toggle-switch--xxxxxxl { /* ELEMENTS */ /* MODIFIERS */ } .toggle-switch--xxxxxxl .toggle-switch__switch { width: 51rem; height: 25.5rem; } .toggle-switch--xxxxxxl .toggle-switch__switch .toggle-switch__btn { width: 18rem; height: 18rem; right: 3.9rem; } .toggle-switch--xxxxxxl .toggle-switch__input:checked ~ .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 12rem * 1.5 - 12rem * 0.325); } .toggle-switch--xxxxxxl.toggle-switch--has-no-input.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { right: calc(50% - 12rem * 1.5 / 2); } .toggle-switch--xxxxxxl.toggle-switch--has-no-input.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { right: calc(100% - 12rem * 1.5 - 12rem * 0.325); } .toggle-switch--has-no-input.toggle-switch--on-off.toggle-switch--half .toggle-switch__switch { background-color: var(--colors-state-warning, #f2b457); } .toggle-switch--has-no-input.toggle-switch--on-off.toggle-switch--half .toggle-switch__switch .toggle-switch__btn { background-color: var(--colors-background-white, #FFFFFF); } .toggle-switch--has-no-input.toggle-switch--on-off.toggle-switch--full .toggle-switch__switch { background-color: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } .toggle-switch--has-no-input.toggle-switch--on-off.toggle-switch--full .toggle-switch__switch .toggle-switch__btn { background-color: var(--colors-background-white, #FFFFFF); } .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.25rem); 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: 1px solid var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); } @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.25rem); 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: 1px solid var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); } .input-textarea { position: relative; /* ELEMENTS */ /* MODIFIERS */ /* ELEMENTS */ /* MODIFIERS */ } .input-textarea .input-textarea__input { width: 100%; height: 50px; padding: 0.5rem 1rem; background: var(--colors-background-light-pink, #F9F5FF); border: none; border-radius: 30px; direction: rtl; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; box-shadow: 0px 4px 13.3px 0px rgba(0, 0, 0, 0.2509803922); /* For Select */ } .input-textarea .input-textarea__input:focus { padding-right: 1.5rem; border-color: var(--colors-primary-base, #3F0097); } .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.9375rem); } .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, #3F0097); -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 0.5rem; background-color: var(--colors-theme-special-background, #3F0097); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .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: 2.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,243,180)%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 { opacity: 0; font-size: var(--font-sizes-semi-bold, ); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .input-textarea .input-textarea__input:-moz-placeholder { opacity: 0; font-size: var(--font-sizes-semi-bold, ); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .input-textarea .input-textarea__input::-moz-placeholder { opacity: 0; font-size: var(--font-sizes-semi-bold, ); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .input-textarea .input-textarea__input:-ms-input-placeholder { opacity: 0; font-size: var(--font-sizes-semi-bold, ); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .input-textarea .input-textarea__input--full { height: 100px; } .input-textarea .input-textarea__label { position: absolute; top: calc(50px / 2); right: 1rem; color: var(--colors-theme-special-text, #FFFFFF); font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: text; pointer-events: none; direction: rtl; } .input-textarea .input-textarea__label--required:before { content: "*"; padding-left: var(--spaces-xxs, 0.25rem); font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-700, ); color: var(--colors-state-danger, #f25767); } .input-textarea.input-textarea--label-on-top .input-textarea__input::-webkit-input-placeholder { opacity: 1; } .input-textarea.input-textarea--label-on-top .input-textarea__input:-moz-placeholder { opacity: 1; } .input-textarea.input-textarea--label-on-top .input-textarea__input::-moz-placeholder { opacity: 1; } .input-textarea.input-textarea--label-on-top .input-textarea__input:-ms-input-placeholder { opacity: 1; } .input-textarea.input-textarea--label-on-top .input-textarea__label { top: -1rem; right: var(--spaces-sm, 0.75rem); padding: var(--spaces-reset, 0) var(--spaces-xxs, 0.25rem); font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-textarea.input-textarea--label-on-top .input-textarea__label--required { right: var(--spaces-lg, 1.5rem); } .input-custom { position: relative; /* ELEMENTS */ /* MODIFIERS */ /* ELEMENTS */ /* MODIFIERS */ } .input-custom .input-custom__input { width: 100%; height: 50px; padding: 0.5rem 1rem; background: var(--colors-background-light-pink, #F9F5FF); border: none; border-radius: 30px; direction: rtl; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; box-shadow: 0px 4px 13.3px 0px rgba(0, 0, 0, 0.2509803922); /* For Select */ } .input-custom .input-custom__input:focus { padding-right: 1.5rem; border-color: var(--colors-primary-base, #3F0097); } .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.9375rem); } .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, #3F0097); -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 0.5rem; background-color: var(--colors-theme-special-background, #3F0097); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .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: 2.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,243,180)%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.25rem); 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.25rem); font-weight: var(--font-weights-700, ); color: var(--colors-state-danger, #f25767); } .input-custom.input-custom--label-on-top .input-custom__input::-webkit-input-placeholder { opacity: 1; } .input-custom.input-custom--label-on-top .input-custom__input:-moz-placeholder { opacity: 1; } .input-custom.input-custom--label-on-top .input-custom__input::-moz-placeholder { opacity: 1; } .input-custom.input-custom--label-on-top .input-custom__input:-ms-input-placeholder { opacity: 1; } .input-custom.input-custom--label-on-top .input-custom__label { top: 0; right: var(--spaces-sm, 0.75rem); padding: var(--spaces-reset, 0) var(--spaces-xxs, 0.25rem); background-color: var(--colors-natural-white, #FFFFFF); font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .input-custom.input-custom--label-on-top .input-custom__label--required { right: var(--spaces-lg, 1.5rem); } .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: 50px; padding: 0.5rem 1rem; background: var(--colors-background-light-pink, #F9F5FF); border: none; border-radius: 30px; direction: rtl; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -webkit-appearance: none; -webkit-transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; -o-transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; transition: padding-right 0.25s ease-in-out, border-color 0.25s ease-in-out; box-shadow: 0px 4px 13.3px 0px rgba(0, 0, 0, 0.2509803922); /* For Select */ } .input-color .input-color__input:focus { padding-right: 1.5rem; border-color: var(--colors-primary-base, #3F0097); } .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.9375rem); } .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 + 0.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, #3F0097); -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 0.5rem; background-color: var(--colors-theme-special-background, #3F0097); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .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: 2.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,243,180)%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, 1.125rem); 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.25rem); 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: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 1rem; background: var(--colors-background-transparent, transparent); border: 1px solid var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); border-radius: 30px; direction: rtl; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); color: var(--colors-theme-special-text, #FFFFFF); -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.9375rem); } .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, #3F0097); -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 0.5rem; background-color: var(--colors-theme-special-background, #3F0097); color: var(--colors-theme-special-text, #FFFFFF); border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .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: 2.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,243,180)%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.25rem); 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.25rem); font-weight: var(--font-weights-700, ); color: var(--colors-state-danger, #f25767); padding-left: var(--spaces-xxs, 0.25rem); } input[type=date] { text-align: right; } input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator { position: absolute; left: var(--spaces-md, 1rem); } input[type=date]:in-range::-webkit-datetime-edit-year-field, input[type=date]:in-range::-webkit-datetime-edit-month-field, input[type=date]:in-range::-webkit-datetime-edit-day-field, input[type=date]:in-range::-webkit-datetime-edit-text { color: transparent; } /* 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.25rem); 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.25rem); font-weight: var(--font-weights-medium, 500); color: var(--colors-primary-base, #3F0097); } .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, #3F0097); } .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, #3F0097); -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-light, #F6F6F6); -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, 63,0,151), 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, rgb(220.5, 220.5, 220.5)); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: var(--font-sizes-sm, 1.125rem); 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, #3F0097); } .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,195,195), 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, #3F0097); 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, rgb(220.5, 220.5, 220.5)); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: var(--font-sizes-sm, 1.125rem); 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, #3F0097); } .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,195,195), 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, rgb(220.5, 220.5, 220.5)); } .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, rgb(166.12, 242.88, 180.26)); } /* VIEWS */ .table { width: 100%; border-collapse: separate; border-spacing: 0 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.25rem); 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: 0.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, rgb(220.5, 220.5, 220.5)); 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, 221,221,221), 0.3); -moz-box-shadow: 0 0 20px 15px rgba(var(--colors-shadow-natural-base-rgb, 221,221,221), 0.3); box-shadow: 0 0 20px 15px rgba(var(--colors-shadow-natural-base-rgb, 221,221,221), 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.25rem); 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-light, #F6F6F6); -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-base, rgb(220.5, 220.5, 220.5)); } .table .table__body .table__row--has-indicator.table__row--indicator-primary .table__col:last-of-type:after { background-color: var(--colors-primary-base, #3F0097); } .table .table__body .table__row--has-indicator.table__row--indicator-primary-light .table__col:last-of-type:after { background-color: var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } .table .table__body .table__row--has-indicator.table__row--indicator-primary-dark .table__col:last-of-type:after { background-color: var(--colors-primary-dark, #3a0087); } .table .table__body .table__row--has-indicator.table__row--indicator-secondary .table__col:last-of-type:after { background-color: var(--colors-secondary-base, #FFD028); } .table .table__body .table__row--has-indicator.table__row--indicator-secondary-light .table__col:last-of-type:after { background-color: var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } .table .table__body .table__row--has-indicator.table__row--indicator-secondary-dark .table__col:last-of-type:after { background-color: var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } .table .table__body .table__row--has-indicator.table__row--indicator-natural .table__col:last-of-type:after { background-color: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } .table .table__body .table__row--has-indicator.table__row--indicator-natural-light .table__col:last-of-type:after { background-color: var(--colors-background-natural-light, #F6F6F6); } .table .table__body .table__row--has-indicator.table__row--indicator-natural-dark .table__col:last-of-type:after { background-color: var(--colors-background-natural-dark, #c3c3c3); } .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-base .table__col:last-of-type:after { background-color: var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } .table .table__body .table__row--has-indicator.table__row--indicator-grey-light .table__col:last-of-type:after { background-color: var(--colors-natural-grey-light, #F6F6F6); } .table .table__body .table__row--has-indicator.table__row--indicator-grey-dark .table__col:last-of-type:after { background-color: var(--colors-natural-grey-dark, #c3c3c3); } .table .table__body .table__row--has-indicator.table__row--indicator-success .table__col:last-of-type:after { background-color: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } .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, 3rem) / -2); margin-left: calc(var(--flexbox-gutter-x, 3rem) / -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, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); scrollbar-track-color: var(--colors-background-transparent, transparent); } .kanban .kanban__list .kanban__item { min-width: 21%; 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, 3rem) / 2); padding-left: calc(var(--flexbox-gutter-x, 3rem) / 2); max-width: 21%; flex-basis: 21%; flex-grow: 0; } @media (max-width: 1439.98px) { .kanban .kanban__list .kanban__item { min-width: 29%; max-width: 29%; flex-basis: 29%; 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: 1px 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.25rem); 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.25rem); 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, rgb(220.5, 220.5, 220.5)); 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, #3F0097); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); transform-origin: right; transition: transform 0.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-base, rgb(220.5, 220.5, 220.5)); } .entry-box.entry-box--has-indicator.entry-box--indicator-primary .entry-box__box:after { background-color: var(--colors-primary-base, #3F0097); } .entry-box.entry-box--has-indicator.entry-box--indicator-primary-light .entry-box__box:after { background-color: var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } .entry-box.entry-box--has-indicator.entry-box--indicator-primary-dark .entry-box__box:after { background-color: var(--colors-primary-dark, #3a0087); } .entry-box.entry-box--has-indicator.entry-box--indicator-secondary .entry-box__box:after { background-color: var(--colors-secondary-base, #FFD028); } .entry-box.entry-box--has-indicator.entry-box--indicator-secondary-light .entry-box__box:after { background-color: var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } .entry-box.entry-box--has-indicator.entry-box--indicator-secondary-dark .entry-box__box:after { background-color: var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } .entry-box.entry-box--has-indicator.entry-box--indicator-natural .entry-box__box:after { background-color: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } .entry-box.entry-box--has-indicator.entry-box--indicator-natural-light .entry-box__box:after { background-color: var(--colors-background-natural-light, #F6F6F6); } .entry-box.entry-box--has-indicator.entry-box--indicator-natural-dark .entry-box__box:after { background-color: var(--colors-background-natural-dark, #c3c3c3); } .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-base .entry-box__box:after { background-color: var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } .entry-box.entry-box--has-indicator.entry-box--indicator-grey-light .entry-box__box:after { background-color: var(--colors-natural-grey-light, #F6F6F6); } .entry-box.entry-box--has-indicator.entry-box--indicator-grey-dark .entry-box__box:after { background-color: var(--colors-natural-grey-dark, #c3c3c3); } .entry-box.entry-box--has-indicator.entry-box--indicator-success .entry-box__box:after { background-color: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } .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.25rem); 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, 1.125rem); 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, rgb(220.5, 220.5, 220.5)); color: var(--colors-theme-text, #c3c3c3); font-size: var(--font-sizes-sm, 1.125rem); 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, rgb(220.5, 220.5, 220.5)); } *[class*="--has-hint"][class*="--hint-b"]:before { border-bottom-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); } *[class*="--has-hint"][class*="--hint-s"]:before { border-right-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); } *[class*="--has-hint"][class*="--hint-e"]:before { border-left-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); } *[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, rgb(220.5, 220.5, 220.5)); 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: 1px; } .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%); } } .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%); } } .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%); } } .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%); } } .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.25rem); 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, rgb(220.5, 220.5, 220.5)); color: var(--colors-theme-text, #c3c3c3); text-transform: uppercase; } .badge--xxs { padding: 0.1666666667rem 0.5rem; font-size: var(--font-sizes-xxs, 0.625rem); 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.3333333333rem 1rem; font-size: var(--font-sizes-xs, 0.9375rem); 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, 1.125rem); 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.6666666667rem 2rem; font-size: var(--font-sizes-md, 1.25rem); 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.5625rem); 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.6666666667rem 5rem; font-size: var(--font-sizes-xl, 2.5rem); 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: 2.6666666667rem 8rem; font-size: var(--font-sizes-xxl, 3.75rem); font-weight: var(--font-weights-regular, 400); } .badge--xxl.badge--full-rounded { width: 16rem; height: 16rem; -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: 4rem 12rem; font-size: var(--font-sizes-xxxl, 4.375rem); font-weight: var(--font-weights-regular, 400); } .badge--xxxl.badge--full-rounded { width: 24rem; height: 24rem; -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: 5.3333333333rem 16rem; font-size: var(--font-sizes-xxxxl, 5.625rem); font-weight: var(--font-weights-regular, 400); } .badge--xxxxl.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--xxxxxl { padding: 6.6666666667rem 20rem; font-size: var(--font-sizes-xxxxxl, 8.125rem); font-weight: var(--font-weights-regular, 400); } .badge--xxxxxl.badge--full-rounded { width: 40rem; height: 40rem; -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: 8rem 24rem; font-size: var(--font-sizes-xxxxxxl, 10rem); font-weight: var(--font-weights-regular, 400); } .badge--xxxxxxl.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%; } .tabs { position: relative; background-color: var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); /* ELEMENTS */ /* MODIFIERS */ } .tabs .tabs__list { position: relative; /* ELEMENTS */ } .tabs .tabs__list .tabs__item { position: relative; font-size: var(--font-sizes-md, 1.25rem); 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, #3F0097); } .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, #3F0097); } .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, #3F0097); -webkit-box-shadow: 0 0 5px 0 rgba(var(--colors-theme-special-background-rgb, 63,0,151), 0.8); -moz-box-shadow: 0 0 5px 0 rgba(var(--colors-theme-special-background-rgb, 63,0,151), 0.8); box-shadow: 0 0 5px 0 rgba(var(--colors-theme-special-background-rgb, 63,0,151), 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: 1px solid var(--colors-theme-border, #c3c3c3); } .tabs--border.tabs--horizontal .tabs__list .tabs__item { border-right: 1px 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: 1px solid var(--colors-theme-border, #c3c3c3); } .tabs--border.tabs--vertical .tabs__list .tabs__item { border-bottom: 1px 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, rgb(220.5, 220.5, 220.5)); 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, #3F0097); border: 3px solid var(--colors-primary-base, #3F0097); 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, 221,221,221), 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, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); 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: "⋮"; display: inline-block; } .dots.dots--ellipsis.dots--horizontal:after { content: "⋮"; display: inline-block; writing-mode: tb; -ms-writing-mode: tb; -webkit-writing-mode: tb; } .dots.dots--drag.dots--vertical:after { content: "⋮" "⋮"; display: inline-block; } .dots.dots--drag.dots--horizontal:after { content: "⋮" "⋮"; display: inline-block; writing-mode: tb; -ms-writing-mode: tb; -webkit-writing-mode: tb; } /* ======= SEPARATOR ======== */ .hr { width: 100%; } .hr--default { border-top: 2px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } .hr--primary { border-top: 2px solid var(--colors-primary-base, #3F0097); } .hr--primary-light { border-top: 2px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } .hr--primary-dark { border-top: 2px solid var(--colors-primary-dark, #3a0087); } .hr--secondary { border-top: 2px solid var(--colors-secondary-base, #FFD028); } .hr--secondary-light { border-top: 2px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } .hr--secondary-dark { border-top: 2px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } .hr--natural { border-top: 2px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } .hr--natural-light { border-top: 2px solid var(--colors-background-natural-light, #F6F6F6); } .hr--natural-dark { border-top: 2px solid var(--colors-background-natural-dark, #c3c3c3); } .hr--white { border-top: 2px solid var(--colors-background-white, #FFFFFF); } .hr--black { border-top: 2px solid var(--colors-background-black, #000000); } .hr--grey-base { border-top: 2px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } .hr--grey-light { border-top: 2px solid var(--colors-natural-grey-light, #F6F6F6); } .hr--grey-dark { border-top: 2px solid var(--colors-natural-grey-dark, #c3c3c3); } .hr--success { border-top: 2px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } .hr--success-light { border-top: 2px solid var(--colors-state-success-light, #d3f9da); } .hr--danger { border-top: 2px solid var(--colors-state-danger, #f25767); } .hr--info { border-top: 2px 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:first-of-type .accordion-item__header { border-top: 1px solid var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); } .accordion .accordion__list .accordion__item:last-of-type .accordion-item__body { 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 var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); /* 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; } .accordion .accordion__list .accordion__item .accordion-item__header .accordion-item__button .accordion-item__button-label { max-width: 90%; font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-semi-bold, 600); text-align: right; } .accordion .accordion__list .accordion__item .accordion-item__header .accordion-item__button .accordion-item__button-icon { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -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); } @media (max-width: 991.98px) { .accordion .accordion__list .accordion__item .accordion-item__header { padding: var(--spaces-lg, 1.5rem) var(--spaces-lg, 1.5rem); } } .accordion .accordion__list .accordion__item .accordion-item__body { display: none; padding: var(--spaces-md, 1rem) var(--spaces-lg, 1.5rem); border-bottom: 1px solid var(--colors-theme-background, rgb(220.5, 220.5, 220.5)); } .accordion .accordion__list .accordion__item.accordion-item--active > .accordion-item__header { color: var(--colors-secondary-base, #FFD028); } .accordion .accordion__list .accordion__item.accordion-item--active > .accordion-item__header .accordion-item__button .accordion-item__button-icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .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, rgb(220.5, 220.5, 220.5)); border-bottom: 0; } .accordion.accordion--background .accordion__list .accordion__item.accordion-item--active > .accordion-item__header { background-color: var(--colors-theme-special-background, #3F0097); 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, rgb(220.5, 220.5, 220.5)); border-bottom: 0; color: var(--colors-theme-text, #c3c3c3); } .typewrite .typewrite__wrap { border-left: 2px solid var(--colors-background-natural-light, #F6F6F6); } /* ======= 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, #3F0097); -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, #3F0097); -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-radius: 30px 10px 10px 10px; } .image-mask .image-mask__image { border-radius: 30px 10px 10px 10px; object-fit: cover; } .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.3125rem); 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, rgb(220.5, 220.5, 220.5)); 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-reset, 0); right: var(--spaces-reset, 0); z-index: 5; transition: top 0.25s ease-in-out; /* MODIFIERS */ /* BREAKPOINTS */ } .site-header .site-header__top { margin: 0 auto; padding: 0; height: 140px; background-color: var(--colors-background-white, #FFFFFF); color: var(--colors-foreground-black, #000000); -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-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: 120px; -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: 120px; } } @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: 100px; } } @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: 90px; } } @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: 75px; } } @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(90px, 90px + 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; 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: 3px; position: absolute; background-color: var(--colors-primary-base, #3F0097); -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--social .header-action__social .social__list .social__item .social-item__link .social-item__icon-wrapper { width: 59px; height: 59px; -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-secondary-base, #FFD028); color: var(--colors-primary-base, #3F0097); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @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: -90px; } } .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: 991.98px) { .site-header .site-header__top { width: calc(100% - 2 * var(--spaces-md, 1rem)); height: auto; padding: var(--spaces-reset, 0) var(--spaces-lg, 1.5rem); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-backdrop-filter: none; backdrop-filter: none; z-index: 10; } } .site-header .site-header__search { width: 100vw; position: absolute; top: 100%; right: 0; background-color: var(--colors-background-white, #FFFFFF); z-index: 17; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transform-origin: top; -webkit-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; /* ELEMENTS */ /* MODIFIERS */ /* BREAKPOINTS */ } .site-header .site-header__search .header-search__form .form__input-wrapper .form__input-text { border: none; border-radius: 0; overflow: visible; } .site-header .site-header__search .header-search__form .form__input-wrapper .form__input-text .input-text__input { height: 70px; border: none; } .site-header .site-header__search.header-search--active { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } @media (max-width: 991.98px) { .site-header .site-header__search { z-index: 23; } } .site-header.site-header--sticky { top: var(--spaces-lg, 1.5rem); /* BREAKPOINTS */ } .site-header.site-header--sticky .site-header__top { height: 100px; border: 1px solid var(--colors-background-black, #000000); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; /* ELEMENTS */ /* BREAKPOINTS */ } .site-header.site-header--sticky .site-header__top .site-header__content { padding: var(--spaces-reset, 0) var(--spaces-lg, 1.5rem); height: 100px; /* 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: 90px; /* 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: 90px; } } @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: 70px; } } @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: 60px; } } @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: 60px; } } @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: 90px; } } @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 { height: auto; } } @media (max-width: 991.98px) { .site-header.site-header--sticky { top: var(--spaces-md, 1rem); } } .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(-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--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(-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--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 { 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-dark-rgb, 195,195,195), 0.25); -moz-box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 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-dark-rgb, 195,195,195), 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, 0px + var(--safe-area-inset-bottom)); top: auto; bottom: 0; padding: 0; background-image: -ms-linear-gradient(var(--colors-background-gradient-primary-start, #3F0097), var(--colors-background-gradient-primary-end, #0CC0DF)); /* IE10+ */ background-image: -moz-linear-gradient(var(--colors-background-gradient-primary-start, #3F0097), var(--colors-background-gradient-primary-end, #0CC0DF)); /* Mozilla Firefox */ background-image: -o-linear-gradient(var(--colors-background-gradient-primary-start, #3F0097), var(--colors-background-gradient-primary-end, #0CC0DF)); /* Opera */ background-image: -webkit-gradient(var(--colors-background-gradient-primary-start, #3F0097), var(--colors-background-gradient-primary-end, #0CC0DF)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(var(--colors-background-gradient-primary-start, #3F0097), var(--colors-background-gradient-primary-end, #0CC0DF)); /* Webkit (Chrome 11+) */ background-image: linear-gradient(var(--colors-background-gradient-primary-start, #3F0097), 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, 63,0,151), 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); /* 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-light-rgb, 246,246,246), 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); /* 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: 0.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.25rem); font-weight: var(--font-weights-semi-bold, 600); 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-lg, 1.5625rem); font-weight: var(--font-weights-semi-bold, 600); } } @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, 63,0,151), 0.25); color: var(--colors-foreground-black, #000000); 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-light, #F6F6F6); -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, 63,0,151), 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, #3F0097); /* 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.25rem); font-weight: var(--font-weights-semi-bold, 600); /* 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.25rem); font-weight: var(--font-weights-semi-bold, 600); } } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item .primary-navigation__sublist .primary-navigation__item .primary-navigation__link { color: var(--colors-primary-base, #3F0097); 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: 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 - 90px - 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-light-rgb, 246,246,246), 0.85); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); -moz-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); overflow-y: auto; overflow-x: hidden; -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: 140px; 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, 4rem); 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-dark-rgb, 195,195,195), 0.25); -moz-box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 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(20% - 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.25rem); 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-dark, #c3c3c3); } .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.25rem); 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 { position: relative; /* ELEMENTS */ /* BREAKPOINTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist:hover > .primary-navigation__link .primary-navigation__label .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__label .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 { /* BREAKPOINTS */ } @media (min-width: 992px) { .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist: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 > .primary-navigation__link { position: relative; } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist > .primary-navigation__link .primary-navigation__label .primary-navigation__arrow-icon { display: inline-block; -webkit-transition: transform 0.2s ease-in; -o-transition: transform 0.2s ease-in; transition: transform 0.2s ease-in; /* BREAKPOINTS */ } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist > .primary-navigation__link .primary-navigation__label .primary-navigation__arrow-icon * { fill: var(--colors-primary-base, #3F0097); } .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist > .primary-navigation__link .primary-navigation__label .primary-navigation__arrow-icon svg { width: 10px; height: 12px; } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist > .primary-navigation__link .primary-navigation__label .primary-navigation__arrow-icon { position: absolute; left: var(--spaces-md, 1rem); } } @media (max-width: 991.98px) { .primary-navigation .primary-navigation__list .primary-navigation__item.primary-navigation__item--has-sublist { 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, #3F0097); } .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-light-rgb, 246,246,246), 0.85); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); -moz-box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.25); box-shadow: 0px 3px 6px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 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; } } body.home .site-content__section { transition: opacity 0.4s ease; } body.home:not(.sections-ready) { overflow-y: hidden; height: 100dvh; } body.home:not(.sections-ready) .site-content__section:not(.hero) { opacity: 0; visibility: hidden; } body.home.sections-ready { overflow-y: visible; height: auto; } body.home.sections-ready .site-content__section { opacity: 1; visibility: visible; } body.home .site-content { width: 100%; display: block; /* ELEMENTS */ /* MODIFIERS */ } body.home .site-content .site-content__sidebar-layout { /* BREAKPOINTS */ } body.home .site-content .site-content__sidebar-layout .sidebar-layout__big { width: calc(100% - 30%); padding-left: var(--spaces-xxl, 4rem); /* BREAKPOINTS */ } body.home .site-content .site-content__sidebar-layout .sidebar-layout__big *[class*=__container] { max-width: none; margin: 0; padding: 0; } @media (max-width: 1599.98px) { body.home .site-content .site-content__sidebar-layout .sidebar-layout__big { width: calc(100% - 35%); } } @media (max-width: 1199.98px) { body.home .site-content .site-content__sidebar-layout .sidebar-layout__big { width: 100%; padding-left: var(--spaces-reset, 0); } } @media (max-width: 1199.98px) { body.home .site-content .site-content__sidebar-layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } body.home .site-content.site-content--has-aside { max-width: calc(100% - none); width: calc(100% - 225px); margin-right: auto; /* BREAKPOINTS */ } @media (max-width: 991.98px) { body.home .site-content.site-content--has-aside { max-width: none; width: calc(100% - 0px); } } @media (max-width: 767.98px) { body.home .site-content.site-content--has-aside { max-width: none; width: 100%; margin-bottom: 0px; } } body.home .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, 1.125rem); 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.25rem); font-weight: var(--font-weights-regular, 400); color: var(--colors-theme-special-text-no-background, #3F0097); } .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__columns { border-bottom: 1px solid var(--colors-primary-base, #3F0097); padding: 6rem; justify-content: space-between; } @media (max-width: 767.98px) { .site-footer .site-footer__columns { flex-direction: column; gap: var(--spaces-lg, 1.5rem); padding: var(--spaces-lg, 1.5rem); } } .site-footer .site-footer__body { width: 100%; padding: var(--spaces-lg, 1.5rem) var(--spaces-xl, 2.5rem); background-color: var(--colors-background-light-pink, #F9F5FF); color: var(--colors-primary-base, #3F0097); border-top-left-radius: 100px; border-top-right-radius: 100px; /* BREAKPOINTS */ } .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 { height: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* BREAKPOINTS */ } @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__column-title { color: var(--colors-primary-base, #3F0097); } .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; -webkit-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .site-footer .site-footer__body .site-footer__column-menu .column-menu__list .column-menu__item .column-menu__link:hover { color: var(--colors-primary-base, #3F0097); } .site-footer .site-footer__body .site-footer__social .social__list .social__item .social-item__link .social-item__icon-wrapper { width: 59px; height: 59px; -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-secondary-base, #FFD028); color: var(--colors-primary-base, #3F0097); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media (max-width: 991.98px) { .site-footer .site-footer__body { text-align: center; } } .site-footer .site-footer__footer { padding: var(--spaces-lg, 1.5rem) var(--spaces-reset, 0); background-color: var(--colors-background-light-pink, #F9F5FF); color: var(--colors-primary-base, #3F0097); } .site-footer .site-footer__footer .site-footer__credit { /* 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__image svg path { fill: var(--colors-primary-base, #3F0097); } .site-footer .site-footer__footer .site-footer__credit .credit__link .credit__label { color: var(--colors-primary-base, #3F0097); } .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, 4rem) 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-base, rgb(220.5, 220.5, 220.5)); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.075); -moz-box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 0.075); box-shadow: 0px 0px 10px 2px rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 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-dark-rgb, 195,195,195), 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, 4rem); } .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.25rem); 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.25rem); 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.9375rem); 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, 1.125rem); 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; 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; /* MODIFIERS */ /* BREAKPOINTS */ } .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; z-index: 10; } } body.home .hero--gated .hero__wrapper { opacity: 0; visibility: hidden; pointer-events: none; } body.home .hero--ready .hero__wrapper { opacity: 1; visibility: visible; pointer-events: auto; } body.home .hero { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: var(--spaces-xl, 2.5rem); /* BREAKPOINTS */ } body.home .hero .hero__wrapper { min-height: 699px; } @media (max-width: 767.98px) { body.home .hero .hero__wrapper { flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: var(--spaces-xl, 2.5rem); } } body.home .hero .hero__container { background: var(--colors-primary-base, #3F0097); border-radius: 30px; } body.home .hero .hero__image-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body.home .hero .hero__background { width: calc(100% - var(--spaces-xl, 2.5rem) * 2); height: calc(100% - var(--spaces-xl, 2.5rem) * 2); position: absolute; top: var(--spaces-xl, 2.5rem); right: var(--spaces-xl, 2.5rem); border-radius: 30px 10px 10px 10px; overflow: hidden; /* BREAKPOINTS */ } body.home .hero .hero__background:after { content: ""; width: 100%; height: 100%; position: absolute; top: var(--spaces-reset, 0); right: var(--spaces-reset, 0); padding: inherit; background-color: rgba(var(--colors-natural-dark-grey-dark-rgb, 45,45,45), 0.5); } body.home .hero .hero__background .hero-background__video-wrapper { width: 100%; height: 100%; } body.home .hero .hero__background .hero-background__video-wrapper .hero-background__video { width: 100%; height: 100%; object-fit: cover; } body.home .hero .hero__background .hero-background__image-wrapper { width: 100%; height: 100%; } body.home .hero .hero__background .hero-background__image-wrapper .image-mask__image { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991.98px) { body.home .hero .hero__background { width: calc(100% - var(--spaces-md, 1rem) * 2); height: calc(100% - var(--spaces-md, 1rem) * 2); top: var(--spaces-md, 1rem); right: var(--spaces-md, 1rem); } } body.home .hero .hero__content-wrapper { margin: var(--spaces-reset, 0) var(--spaces-auto, auto); z-index: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column; /* BREAKPOINTS */ } @media (max-width: 991.98px) { body.home .hero .hero__content-wrapper .hero__title { display: block; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); text-align: center; } } body.home .hero .hero__content-wrapper .hero__content { color: var(--colors-natural-white, #FFFFFF); } @media (max-width: 991.98px) { body.home .hero .hero__content-wrapper .hero__content { text-align: center; } } @media (max-width: 991.98px) { body.home .hero .hero__content-wrapper { margin-top: var(--spaces-lg, 1.5rem); } } body.home .hero .hero__scroll-down { position: absolute; bottom: calc(var(--spaces-xl, 2.5rem) + var(--spaces-lg, 1.5rem)); right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } body.home .hero .hero__scroll-down .scroll-down__icon { color: var(--colors-natural-white, #FFFFFF); } body.home .hero .hero__scroll-down .scroll-down__icon svg path:nth-child(2) { -webkit-animation: wheel 2s infinite; -moz-animation: wheel 2s infinite; -o-animation: wheel 2s infinite; animation: wheel 2s infinite; } @media (max-width: 991.98px) { body.home .hero { height: calc(100vh - 90px); padding: var(--spaces-lg, 1.5rem); } } body.home .about .about__image-wrapper { position: relative; isolation: isolate; } body.home .about .about__image-wrapper:after { inset: auto auto -15% -5%; width: 92%; border-width: 16px; border-color: rgba(var(--colors-primary-base-rgb, 63,0,151), 0.08); transform: rotate(12deg); } body.home .about .about__boxes { position: absolute; bottom: var(--spaces-xl, 2.5rem); right: 50%; transform: translateX(50%); z-index: 2; } body.home .about .about__boxes .about-boxes__list { gap: var(--spaces-lg, 1.5rem); } body.home .about .about__boxes .about-boxes__item { background-color: var(--colors-primary-base, #3F0097); color: var(--colors-natural-white, #FFFFFF); padding: var(--spaces-lg, 1.5rem) 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0.18); box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0.18); width: 138px; text-align: center; } body.home .about .about__boxes .about-box__wrapper { line-height: 1.1; } body.home .about .about__boxes .about-box__value { font-size: var(--font-sizes-xl, 2.5rem); font-weight: var(--font-weights-semi-bold, 600); direction: ltr; } body.home .about .about__boxes .about-box__label { font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-regular, 400); opacity: 0.9; margin-top: var(--spaces-xs, 0.5rem); } @media (max-width: 1199.98px) { body.home .about .about__boxes { bottom: var(--spaces-lg, 1.5rem); right: 50%; transform: translateX(50%); } body.home .about .about__boxes .about-boxes__list { gap: var(--spaces-md, 1rem); } body.home .about .about__boxes .about-boxes__item { padding: var(--spaces-md, 1rem) var(--spaces-lg, 1.5rem); min-width: 140px; } body.home .about .about__boxes .about-box__value { font-size: var(--font-sizes-lg, 1.5625rem); font-weight: var(--font-weights-semi-bold, 600); } body.home .about .about__boxes .about-box__label { font-size: var(--font-sizes-xxs, 0.625rem); font-weight: var(--font-weights-regular, 400); } } @media (max-width: 991.98px) { body.home .about .about__boxes { position: absolute; bottom: var(--spaces-md, 1rem); } body.home .about .about__boxes .about-boxes__list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } body.home .services .services__title-wrapper { max-width: 40%; margin-right: var(--spaces-auto, auto); margin-left: var(--spaces-auto, auto); /* BREAKPOINTS */ } @media (max-width: 1599.98px) { body.home .services .services__title-wrapper { max-width: 55%; } } @media (max-width: 1439.98px) { body.home .services .services__title-wrapper { max-width: 60%; } } @media (max-width: 991.98px) { body.home .services .services__title-wrapper { max-width: none; margin-right: var(--spaces-reset, 0); margin-left: var(--spaces-reset, 0); } } body.home .services .service { min-height: 570px; border-radius: 24px; background-size: cover; background-repeat: no-repeat; position: relative; } body.home .services .service .service__content-wrapper { width: 90%; min-height: 152px; background-color: rgba(255, 255, 255, 0.6980392157); backdrop-filter: blur(22.4px); margin: 0 auto; border-radius: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding: 1.25rem; position: absolute; bottom: 1rem; margin: 0 auto; right: 0; left: 0; } body.home .app { margin: var(--spaces-xxxxl, 8rem) var(--spaces-reset, 0) var(--spaces-xxxxl, 8rem); /* BREAKPOINTS */ } body.home .app .app__image-wrapper { position: relative; border: 8px solid rgba(var(--colors-natural-dark-grey-dark-rgb, 45,45,45), 1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } body.home .app .app__image-wrapper:before { content: ""; width: calc(100% - var(--spaces-xxl, 4rem) * 2); height: calc(100% + var(--spaces-xxxxl, 8rem) * 2); position: absolute; top: calc(-1 * var(--spaces-xxxxl, 8rem)); right: var(--spaces-xxl, 4rem); background-color: rgba(var(--colors-primary-base-rgb, 63,0,151), 1); border-radius: 10px 10px 80px 10px; z-index: -1; /* BREAKPOINTS */ } @media (max-width: 991.98px) { body.home .app .app__image-wrapper:before { width: calc(100% - var(--spaces-lg, 1.5rem) * 2); height: calc(100% + var(--spaces-xxl, 4rem) * 2); position: absolute; top: calc(-1 * var(--spaces-xxl, 4rem)); right: var(--spaces-lg, 1.5rem); } } body.home .app .app__image-wrapper .app__image { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } body.home .app .app__block { position: absolute; padding: var(--spaces-lg, 1.5rem) var(--spaces-xl, 2.5rem); background-color: var(--colors-natural-white, #FFFFFF); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 15px 0px rgba(var(--colors-natural-dark-grey-dark-rgb, 45,45,45), 0.25); -moz-box-shadow: 0px 0px 15px 0px rgba(var(--colors-natural-dark-grey-dark-rgb, 45,45,45), 0.25); box-shadow: 0px 0px 15px 0px rgba(var(--colors-natural-dark-grey-dark-rgb, 45,45,45), 0.25); /* BREAKPOINTS */ } body.home .app .app__block.app-block--top { top: var(--spaces-reset, 0); left: var(--spaces-reset, 0); -webkit-transform: translate(-15%, -90%); -ms-transform: translate(-15%, -90%); transform: translate(-15%, -90%); /* BREAKPOINTS */ } body.home .app .app__block.app-block--top .app-block__testimonials { margin-top: var(--spaces-md, 1rem); } body.home .app .app__block.app-block--top .app-block__testimonials .block-testimonials__list .block-testimonials__item { margin-right: calc(-1 * var(--spaces-xs, 0.5rem)); } body.home .app .app__block.app-block--top .app-block__testimonials .block-testimonials__list .block-testimonials__item:first-of-type { margin-right: var(--spaces-reset, 0); } body.home .app .app__block.app-block--top .app-block__testimonials .block-testimonials__list .block-testimonials__item .block-testimonial__image-wrapper { border: 2px solid var(--colors-natural-white, #FFFFFF); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } body.home .app .app__block.app-block--top .app-block__testimonials .block-testimonials__list .block-testimonials__item .block-testimonial__image-wrapper .block-testimonial__image { width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media (max-width: 991.98px) { body.home .app .app__block.app-block--top { -webkit-transform: translate(-10%, -90%); -ms-transform: translate(-10%, -90%); transform: translate(-10%, -90%); } } body.home .app .app__block.app-block--bottom { bottom: var(--spaces-reset, 0); right: var(--spaces-reset, 0); -webkit-transform: translate(15%, 50%); -ms-transform: translate(15%, 50%); transform: translate(15%, 50%); /* BREAKPOINTS */ } @media (max-width: 991.98px) { body.home .app .app__block.app-block--bottom { -webkit-transform: translate(5%, 90%); -ms-transform: translate(5%, 90%); transform: translate(5%, 90%); } } @media (max-width: 991.98px) { body.home .app .app__block { padding: var(--spaces-md, 1rem) var(--spaces-lg, 1.5rem); } } @media (max-width: 991.98px) { body.home .app { margin: var(--spaces-reset, 0); } } body.home .testimonials .testimonials__container { position: relative; } body.home .testimonials .testimonials__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--spaces-md, 1rem); } @media (max-width: 1439.98px) { body.home .testimonials .testimonials__list { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1199.98px) { body.home .testimonials .testimonials__list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767.98px) { body.home .testimonials .testimonials__list { grid-template-columns: 1fr; } } body.home .testimonials .testimonials__item .testimonial { display: flex; flex-direction: column; justify-content: space-between; position: relative; height: 100%; padding: var(--spaces-md, 1rem) var(--spaces-md, 1rem) var(--spaces-md, 1rem); background: var(--colors-natural-white, #FFFFFF); border: 1px solid rgba(0, 0, 0, 0.06); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(0, 0, 0, 0.04); } @media (max-width: 991.98px) { body.home .testimonials .testimonials__item .testimonial { padding: var(--spaces-md, 1rem) var(--spaces-md, 1rem) var(--spaces-md, 1rem); } } body.home .testimonials .testimonials__item .testimonial__name { font-weight: 700; line-height: 1.3; } body.home .testimonials .testimonials__item .testimonial__image-wrapper { left: var(--spaces-md, 1rem); width: 54px; height: 54px; border: 2px solid rgba(0, 0, 0, 0.08); overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } body.home .testimonials .testimonials__item .testimonial__image-wrapper .testimonial__image { width: 100%; height: 100%; object-fit: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } body.home .testimonials .testimonials__item .testimonial__text > p { font-size: 1.1rem; color: #000; } body.home .testimonials .testimonials__item .testimonial__body { line-height: 1.75; color: var(--colors-primary-base, #3F0097); } body.home .testimonials .testimonials__item .testimonial__footer { display: flex; justify-content: space-between; align-items: center; margin-top: 4rem; font-size: 1.1rem; color: #000; } body.home .testimonials .testimonials__item .testimonial__client { display: flex; align-items: center; gap: 0.65rem; } body.home .testimonials .testimonials__item .testimonial__rating { font-size: 1.1rem; line-height: 1; } body.home .testimonials .testimonials__item .testimonial__star { display: inline-block; margin-left: 0.15rem; color: #FFAC33; font-size: 1.5rem; } body.home .inline-contact .inline-contact__form-wrapper form { display: flex; gap: 1rem; } @media (max-width: 767.98px) { body.home .inline-contact .inline-contact__form-wrapper form { flex-direction: column; gap: var(--spaces-xl, 2.5rem); } } body.home .inline-contact .inline-contact__form-wrapper form .form__submit { height: 50px; } body.home .inline-contact .inline-contact__form-wrapper form .form__submit .btn__icon-special { width: 48px; height: 48px; } body.home .inline-contact .inline-contact__subtitle { display: block; } body.home *[class*="--bg-white"] { background: #fff !important; } body.home .private-area { background: #F9F5FF; min-height: 500px; } @media (max-width: 767.98px) { body.home .private-area { flex-direction: column-reverse; } } body.home .private-area .private-area__image { content: ""; position: absolute; left: 0; width: 45%; min-height: 500px; background-size: cover; background-repeat: no-repeat; } @media (max-width: 767.98px) { body.home .private-area .private-area__image { position: relative; width: 100%; display: block; } } body.home .private-area .private-area__content-wrapper { padding: 41px 0; } @media (max-width: 767.98px) { body.home .private-area .private-area__content-wrapper { width: 100%; } } body.home .private-area .private-area__title { font-size: 40px; font-weight: 600; line-height: 100%; } body.home .private-area .private-area__subtitle { font-size: 24px; font-weight: 500; line-height: 100%; margin: 20px 0; } /* Works for both spellings you used in HTML */ body.home .lawesuit, body.home .lawsuit { /* === GRID (stable RTL: 3 cols, 3 rows) === */ /* === STEP CARD STYLES === */ /* ===== Tablet down: keep grid, slightly shrink arrows/rows ===== */ /* ===== Medium down ===== */ /* ===== Phones: still 3 cols; compress but keep arrows visible ===== */ } body.home .lawesuit .lawsuit__special-structure, body.home .lawsuit .lawsuit__special-structure { display: grid; /* narrow middle track keeps cards aligned; arrows will overflow */ grid-template-columns: 1fr clamp(48px, 9vw, 110px) 1fr; grid-template-rows: clamp(140px, 24vw, 240px) clamp(140px, 24vw, 240px) clamp(140px, 24vw, 240px); align-items: center; justify-items: center; overflow: visible; /* allow oversized arrows to extend outside */ position: relative; /* Step positions (RTL) */ /* Arrows as grid items (always visible, larger than middle track) */ /* 1 → 2 arrow sits between rows 1 and 2 in the middle column */ /* 2 → 3 arrow sits between rows 2 and 3 in the middle column */ } body.home .lawesuit .lawsuit__special-structure .lawsuit-step-1, body.home .lawsuit .lawsuit__special-structure .lawsuit-step-1 { grid-column: 1; grid-row: 1; } body.home .lawesuit .lawsuit__special-structure .lawsuit-step-2, body.home .lawsuit .lawsuit__special-structure .lawsuit-step-2 { grid-column: 3; grid-row: 2; } body.home .lawesuit .lawsuit__special-structure .lawsuit-step-3, body.home .lawsuit .lawsuit__special-structure .lawsuit-step-3 { grid-column: 1; grid-row: 3; } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow { pointer-events: none; user-select: none; justify-self: center; align-self: baseline; background-repeat: no-repeat; background-position: center; background-size: contain; /* BIGGER than track: the magic */ width: clamp(200px, 20vw, 320px); height: clamp(150px, 18vw, 260px); /* ensure they paint under the cards */ z-index: 1; } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow--1-2, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow--1-2 { grid-column: 2; grid-row: 1/span 2; } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow--1-2 .dash, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow--1-2 .dash { fill: var(--colors-primary-base, #3F0097); opacity: 0; transition: opacity 0.6s ease; } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow--1-2 .dash.animate, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow--1-2 .dash.animate { opacity: 0.8; } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow--1-2 .arrow-head, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow--1-2 .arrow-head { fill: var(--colors-primary-base, #3F0097); opacity: 0; transition: opacity 0.6s ease; } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow--1-2 .arrow-head.animate, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow--1-2 .arrow-head.animate { opacity: 1; } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow--2-3, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow--2-3 { grid-column: 2; grid-row: 2/span 2; justify-self: center; margin-left: 5rem; } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow--2-3 .dash, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow--2-3 .dash { fill: #3F0097; opacity: 0; transition: opacity 0.6s ease; } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow--2-3 .dash.animate, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow--2-3 .dash.animate { opacity: 0.8; } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow--2-3 .arrow-head, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow--2-3 .arrow-head { fill: #3F0097; opacity: 0; transition: opacity 0.6s ease; } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow--2-3 .arrow-head.animate, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow--2-3 .arrow-head.animate { opacity: 1; } body.home .lawesuit .lawsuit__special-step, body.home .lawsuit .lawsuit__special-step { position: relative; z-index: 2; /* above arrows */ display: flex; flex-direction: column; align-items: center; text-align: center; max-width: clamp(220px, 26vw, 340px); } body.home .lawesuit .lawsuit__special-step .lawsuit__icon, body.home .lawsuit .lawsuit__special-step .lawsuit__icon { display: block; width: clamp(56px, 7vw, 84px); height: auto; } body.home .lawesuit .lawsuit__special-step > h4, body.home .lawsuit .lawsuit__special-step > h4 { color: var(--colors-primary-base, #3F0097); font-weight: 700; font-size: clamp(1.1rem, 2.2vw, 1.75rem); margin-top: clamp(8px, 1.4vw, 14px); line-height: 1.2; } body.home .lawesuit .lawsuit__special-step > p, body.home .lawsuit .lawsuit__special-step > p { margin-top: clamp(6px, 1.2vw, 12px); font-size: clamp(0.95rem, 1.6vw, 1.2rem); line-height: 1.6; max-width: 28ch; } @media (max-width: 1199.98px) { body.home .lawesuit .lawsuit__special-structure, body.home .lawsuit .lawsuit__special-structure { grid-template-columns: 1fr clamp(44px, 10vw, 96px) 1fr; grid-template-rows: clamp(130px, 23vw, 220px) clamp(130px, 23vw, 220px) clamp(130px, 23vw, 220px); } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow { width: clamp(210px, 26vw, 380px); height: clamp(160px, 22vw, 300px); } body.home .lawesuit .lawsuit__special-step .lawsuit__icon, body.home .lawsuit .lawsuit__special-step .lawsuit__icon { width: clamp(50px, 8vw, 76px); } } @media (max-width: 991.98px) { body.home .lawesuit .lawsuit__special-structure, body.home .lawsuit .lawsuit__special-structure { grid-template-columns: 1fr clamp(40px, 12vw, 84px) 1fr; grid-template-rows: clamp(120px, 26vw, 200px) clamp(120px, 26vw, 200px) clamp(120px, 26vw, 200px); } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow { width: clamp(190px, 32vw, 320px); height: clamp(140px, 26vw, 240px); } } @media (max-width: 767.98px) { body.home .lawesuit .lawsuit__special-structure, body.home .lawsuit .lawsuit__special-structure { grid-template-columns: 1fr clamp(36px, 14vw, 72px) 1fr; grid-template-rows: clamp(110px, 30vw, 180px) clamp(110px, 30vw, 180px) clamp(110px, 30vw, 180px); gap: clamp(6px, 3.6vw, 14px); } body.home .lawesuit .lawsuit__special-structure .lawsuit__arrow, body.home .lawsuit .lawsuit__special-structure .lawsuit__arrow { width: clamp(160px, 46vw, 260px); height: clamp(120px, 36vw, 200px); } body.home .lawesuit .lawsuit__special-step, body.home .lawsuit .lawsuit__special-step { max-width: clamp(190px, 78vw, 280px); } body.home .lawesuit .lawsuit__special-step > h4, body.home .lawsuit .lawsuit__special-step > h4 { font-size: clamp(1rem, 4.6vw, 1.35rem); } body.home .lawesuit .lawsuit__special-step > p, body.home .lawsuit .lawsuit__special-step > p { font-size: clamp(0.9rem, 3.8vw, 1.05rem); } } /* Optional shared hook */ .lawsuit__icon { /* global tweaks if needed */ } body.home .cta .cta__content_wrapper { background-repeat: no-repeat; background-position: center; background-size: contain; min-height: 600px; gap: 2rem; } body.home .cta .cta_secondary__link { background: none; border: none; } @media (max-width: 767.98px) { body.home .cta .cta__buttons { flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } /* ===== My Panel – Documents ===== */ .panel-docs__title { margin-bottom: var(--spaces-xl, 2.5rem); } .panel-docs__empty { color: var(--colors-theme-text-light, ); } .panel-docs__grid { /* spacing handled by row utilities */ } /* Card */ .doc-card { --doc-accent: v(colors, (theme, primary)); /* default accent */ display: flex; flex-direction: column; align-items: center; gap: var(--spaces-md, 1rem); text-align: center; text-decoration: none; background: #fff; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 24px; padding: var(--spaces-xl, 2.5rem) var(--spaces-lg, 1.5rem); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04); transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; will-change: transform, box-shadow; /* Icon (paper with folded corner) */ /* Type inside the icon */ /* File name */ /* Reduce motion */ } .doc-card:hover, .doc-card:focus-visible { transform: translateY(-3px); border-color: var(--doc-accent); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08); outline: none; } .doc-card__icon { position: relative; width: 92px; height: 120px; border: 2px solid rgba(0, 0, 0, 0.15); border-radius: 12px; background: linear-gradient(180deg, #fff 0%, #fafafa 100%); display: grid; align-items: center; justify-content: center; /* folded corner */ } .doc-card__icon::after { content: ""; position: absolute; top: 0; inset-inline-end: 0; width: 24px; height: 24px; background: #fff; border: 2px solid rgba(0, 0, 0, 0.15); border-bottom: none; border-inline-start: none; border-top-right-radius: 10px; transform: translate(2px, -2px); } .doc-card__type { font-weight: 700; letter-spacing: 0.06em; font-size: 0.95rem; color: var(--doc-accent); } .doc-card__name { max-width: 100%; font-weight: 600; color: var(--colors-theme-text, #c3c3c3); line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; /* keep to 2 lines */ -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; } @media (prefers-reduced-motion: reduce) { .doc-card { transition: none; } } /* Accent per kind */ .doc-card--pdf { --doc-accent: #e53935; } /* red */ .doc-card--image { --doc-accent: #ff7a21; } /* orange */ .doc-card--doc { --doc-accent: #2a7fe7; } /* blue */ .doc-card--sheet { --doc-accent: #19a974; } /* green */ .doc-card--archive { --doc-accent: #8e44ad; } /* purple */ .doc-card--file { --doc-accent: v(colors, (primary, base)); } .sign-in { display: flex; flex-direction: column; gap: var(--spaces-lg, 1.5rem); } .sign-in .registration { text-align: center; margin-bottom: var(--spaces-md, 1rem); } .sign-in .registration__label { font-size: 0.9rem; color: var(--colors-theme-text-light, ); margin-inline-end: var(--spaces-xs, 0.5rem); } .sign-in .registration__link { font-size: 0.9rem; font-weight: 500; color: var(--colors-theme-primary, ); cursor: pointer; } .sign-in .registration__link--tdecoration-underline { text-decoration: underline; } .otp-method { text-align: center; } .otp-method__title { margin-bottom: var(--spaces-lg, 1.5rem); } .otp-method__get-code, .otp-method__code-verification { max-width: 400px; } .get-code__form .form__input-wrapper { display: flex; gap: var(--spaces-sm, 0.75rem); align-items: center; justify-content: center; } .get-code__form .input-text__input { flex: 1; } .get-code__form .input-text__input::placeholder { /* modern browsers */ color: rgba(0, 0, 0, 0.45); opacity: 1; } .get-code__form .input-text__input::-webkit-input-placeholder { /* Chrome/Safari */ color: rgba(0, 0, 0, 0.45); opacity: 1; } .get-code__form .input-text__input::-moz-placeholder { /* Firefox */ color: rgba(0, 0, 0, 0.45); opacity: 1; } .get-code__form .input-text__input:-ms-input-placeholder, .get-code__form .input-text__input::-ms-input-placeholder { /* Edge legacy */ color: rgba(0, 0, 0, 0.45); opacity: 1; } .code-verification__form .form__input-wrapper { display: flex; align-items: center; flex-direction: column; width: fit-content; } .code-verification__form .input-text--code .input-text__code-wrapper { display: flex; gap: var(--spaces-sm, 0.75rem); direction: ltr; } .code-verification__form .input-text--code .input-text__code-wrapper input { width: 3rem; text-align: center; font-size: 1.25rem; } .contact-footer { position: relative; } .contact-footer .contact-footer__carousel .contact-gallery-carousel__block { position: absolute; bottom: var(--spaces-xxl, 4rem); right: var(--spaces-reset, 0); padding: var(--spaces-lg, 1.5rem) var(--spaces-xl, 2.5rem); background-color: var(--colors-natural-white, #FFFFFF); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 15px 0px rgba(var(--colors-natural-dark-grey-dark-rgb, 45,45,45), 0.25); -moz-box-shadow: 0px 0px 15px 0px rgba(var(--colors-natural-dark-grey-dark-rgb, 45,45,45), 0.25); box-shadow: 0px 0px 15px 0px rgba(var(--colors-natural-dark-grey-dark-rgb, 45,45,45), 0.25); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); z-index: 1; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .contact-footer .contact-footer__carousel .contact-gallery-carousel__block { bottom: var(--spaces-auto, auto); top: var(--spaces-reset, 0); right: 50%; padding: var(--spaces-md, 1rem) var(--spaces-lg, 1.5rem); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); white-space: nowrap; } } .breadcrumbs { width: 100%; height: auto; padding: var(--spaces-xs, 0.5rem) var(--spaces-reset, 0); color: var(--colors-natural-white, #FFFFFF); /* 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-natural-white, #FFFFFF); } .breadcrumbs .breadcrumbs__content-wrapper .breadcrumbs__list .breadcrumbs__item .breadcrumb__label { font-size: var(--font-sizes-md, 1.25rem); font-weight: var(--font-weights-medium, 500); color: var(--colors-natural-white, #FFFFFF); } .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: calc(var(--spaces-xl, 2.5rem) + var(--spaces-lg, 1.5rem)); right: calc(var(--spaces-xl, 2.5rem) + var(--spaces-lg, 1.5rem)); background-color: #25d366; color: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 5px 1px rgba(var(--colors-natural-dark-grey-dark-rgb, 45,45,45), 0.25); -moz-box-shadow: 0 0 5px 1px rgba(var(--colors-natural-dark-grey-dark-rgb, 45,45,45), 0.25); box-shadow: 0 0 5px 1px rgba(var(--colors-natural-dark-grey-dark-rgb, 45,45,45), 0.25); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 6; /* BREAKPOINTS */ } .floating-whatsapp .floating-whatsapp__icon svg path:nth-child(-n+2) { fill: transparent; } @media (max-width: 991.98px) { .floating-whatsapp { bottom: calc(var(--spaces-lg, 1.5rem) + var(--spaces-lg, 1.5rem)); right: calc(var(--spaces-lg, 1.5rem) + var(--spaces-lg, 1.5rem)); z-index: 10; } } .uwy .userway_buttons_wrapper { top: auto !important; left: auto !important; transform: none !important; right: calc(var(--spaces-xl, 2.5rem) + var(--spaces-lg, 1.5rem) + 8px) !important; bottom: calc(var(--spaces-xl, 2.5rem) + var(--spaces-lg, 1.5rem) + 72px) !important; /* BREAKPOINTS */ } @media (max-width: 991.98px) { .uwy .userway_buttons_wrapper { right: calc(var(--spaces-lg, 1.5rem) + var(--spaces-lg, 1.5rem) + 8px) !important; bottom: calc(var(--spaces-lg, 1.5rem) + var(--spaces-lg, 1.5rem) + 72px) !important; } } body:not(.home) .hero { width: 100%; height: 450px; -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: var(--spaces-reset, 0); padding-left: 0; background-color: var(--colors-primary-base, #3F0097); border-radius: 30px; margin: var(--spaces-xl, 2.5rem) auto; } body:not(.home) .hero .hero__background { width: 50%; height: 100%; } @media (max-width: 767.98px) { body:not(.home) .hero .hero__background { width: 100%; } } body:not(.home) .hero .hero__background .hero-background__video-wrapper { width: 100%; height: 100%; } body:not(.home) .hero .hero__background .hero-background__video-wrapper .hero-background__video { width: 100%; height: 100%; object-fit: cover; } body:not(.home) .hero .hero__background .hero-background__image-wrapper { width: 100%; height: 100%; } body:not(.home) .hero .hero__background .hero-background__image-wrapper .image-mask__image { width: 100%; height: 100%; object-fit: cover; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 30px; border-bottom-left-radius: 30px; } @media (max-width: 767.98px) { body:not(.home) .hero .hero__background .hero-background__image-wrapper .image-mask__image { border-bottom-left-radius: 0 !important; border-top-right-radius: 30px !important; max-height: 40vh; } } body:not(.home) .hero .hero__content-wrapper { margin: var(--spaces-xl, 2.5rem); z-index: 1; /* BREAKPOINTS */ } @media (max-width: 991.98px) { body:not(.home) .hero .hero__content-wrapper .hero__title { display: block; } } body:not(.home) .hero .hero__content-wrapper .hero__content { color: var(--colors-natural-white, #FFFFFF); } @media (max-width: 767.98px) { body:not(.home) .hero .hero__content-wrapper .hero__content { text-align: center; } } @media (max-width: 991.98px) { body:not(.home) .hero .hero__content-wrapper { margin-top: var(--spaces-lg, 1.5rem); } } @media (max-width: 767.98px) { body:not(.home) .hero { flex-direction: column; width: 90%; height: unset; text-align: center; } } body.post-type-archive-testimonial .testimonials .testimonials__container { position: relative; } body.post-type-archive-testimonial .testimonials .testimonials__content-wrapper .testimonials__list { padding: var(--spaces-xs, 0.5rem) var(--spaces-reset, 0); } body.post-type-archive-testimonial .testimonials .testimonials__content-wrapper .testimonials__list .testimonials__item { width: calc(100% - var(--spaces-xs, 0.5rem)); position: relative; margin-right: var(--spaces-xs, 0.5rem); padding: var(--spaces-xl, 2.5rem) var(--spaces-xxl, 4rem); background-color: var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /* BREAKPOINTS */ } body.post-type-archive-testimonial .testimonials .testimonials__content-wrapper .testimonials__list .testimonials__item .testimonial__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* BREAKPOINTS */ } body.post-type-archive-testimonial .testimonials .testimonials__content-wrapper .testimonials__list .testimonials__item .testimonial__header .testimonial__image-wrapper { width: 125px; height: 125px; margin: var(--spaces-reset, 0) var(--spaces-auto, auto) var(--spaces-lg, 1.5rem); border: 2px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } body.post-type-archive-testimonial .testimonials .testimonials__content-wrapper .testimonials__list .testimonials__item .testimonial__header .testimonial__image-wrapper .testimonial__image { width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; object-fit: cover; } body.post-type-archive-testimonial .testimonials .testimonials__content-wrapper .testimonials__list .testimonials__item .testimonial__header .testimonial__author { flex: 1; margin-right: var(--spaces-sm, 0.75rem); } @media (max-width: 991.98px) { body.post-type-archive-testimonial .testimonials .testimonials__content-wrapper .testimonials__list .testimonials__item .testimonial__header { max-width: none; margin-top: var(--spaces-lg, 1.5rem); } } @media (max-width: 991.98px) { body.post-type-archive-testimonial .testimonials .testimonials__content-wrapper .testimonials__list .testimonials__item { padding: var(--spaces-xl, 2.5rem) var(--spaces-lg, 1.5rem); } } body.single-service .service-hero .service-hero__content-wrapper { max-width: 65%; margin: var(--spaces-reset, 0) var(--spaces-auto, auto); -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; padding: var(--spaces-xl, 2.5rem) var(--spaces-xxl, 4rem); background-color: var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); border-radius: 50px 10px 10px 10px; /* BREAKPOINTS */ } body.single-service .service-hero .service-hero__content-wrapper .service-hero__info { padding-right: var(--spaces-xxl, 4rem); /* BREAKPOINTS */ } @media (max-width: 991.98px) { body.single-service .service-hero .service-hero__content-wrapper .service-hero__info { padding-right: var(--spaces-reset, 0); text-align: justify; } } @media (max-width: 991.98px) { body.single-service .service-hero .service-hero__content-wrapper { max-width: 90%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; row-gap: var(--spaces-lg, 1.5rem); padding: var(--spaces-xl, 2.5rem) var(--spaces-lg, 1.5rem); } } body.post-type-archive-service .services-archive { padding: var(--spaces-xxl, 4rem) var(--spaces-reset, 0); } body.post-type-archive-service .services-archive .services-archive__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--spaces-xl, 2.5rem); /* BREAKPOINTS */ } @media (max-width: 1439.98px) { body.post-type-archive-service .services-archive .services-archive__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991.98px) { body.post-type-archive-service .services-archive .services-archive__list { grid-template-columns: minmax(0, 1fr); } } body.post-type-archive-service .services-archive .service-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; overflow: hidden; background-color: var(--colors-natural-white, #FFFFFF); border: 1px solid rgba(63, 0, 151, 0.08); border-radius: 24px; box-shadow: 0 12px 32px rgba(63, 0, 151, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } body.post-type-archive-service .services-archive .service-card .service-card__image-wrapper { display: block; aspect-ratio: 4/3; overflow: hidden; } body.post-type-archive-service .services-archive .service-card .service-card__image-wrapper .service-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } body.post-type-archive-service .services-archive .service-card .service-card__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; gap: var(--spaces-md, 1rem); padding: var(--spaces-lg, 1.5rem) var(--spaces-lg, 1.5rem) var(--spaces-xl, 2.5rem); border-top: 4px solid var(--colors-secondary-base, #FFD028); } body.post-type-archive-service .services-archive .service-card .service-card__title { font-size: 1.5rem; font-weight: 700; line-height: 1.25; color: var(--colors-primary-base, #3F0097); } body.post-type-archive-service .services-archive .service-card .service-card__title .service-card__title-link { color: inherit; } body.post-type-archive-service .services-archive .service-card .service-card__excerpt { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 1.05rem; line-height: 1.6; color: #2d2d2d; } body.post-type-archive-service .services-archive .service-card .service-card__btn { margin-top: var(--spaces-sm, 0.75rem); } body.post-type-archive-service .services-archive .service-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(63, 0, 151, 0.14); } body.post-type-archive-service .services-archive .service-card:hover .service-card__image { transform: scale(1.05); } /* ======= CONTAINER ======== */ .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 3rem; padding-left: 3rem; } @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 (max-width: 991.98px) { .container { padding-right: 1.5rem; padding-left: 1.5rem; } } .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, 3rem) / -2); margin-left: calc(var(--flexbox-gutter-x, 3rem) / -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, 3rem) / 2); padding-left: calc(var(--flexbox-gutter-x, 3rem) / 2); } .row .row__col.row__col--cols-1 { max-width: 8%; flex-basis: 8%; 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%; } .row .row__col.row__col--offset-e-cols-1 { margin-left: 8%; } .row .row__col.row__col--cols-2 { max-width: 17%; flex-basis: 17%; 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: 17%; } .row .row__col.row__col--offset-e-cols-2 { margin-left: 17%; } .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%; flex-basis: 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%; } .row .row__col.row__col--offset-e-cols-4 { margin-left: 33%; } .row .row__col.row__col--cols-5 { max-width: 42%; flex-basis: 42%; 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: 42%; } .row .row__col.row__col--offset-e-cols-5 { margin-left: 42%; } .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%; flex-basis: 58%; 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%; } .row .row__col.row__col--offset-e-cols-7 { margin-left: 58%; } .row .row__col.row__col--cols-8 { max-width: 67%; flex-basis: 67%; 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: 67%; } .row .row__col.row__col--offset-e-cols-8 { margin-left: 67%; } .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%; flex-basis: 83%; 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%; } .row .row__col.row__col--offset-e-cols-10 { margin-left: 83%; } .row .row__col.row__col--cols-11 { max-width: 92%; flex-basis: 92%; 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: 92%; } .row .row__col.row__col--offset-e-cols-11 { margin-left: 92%; } .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%; flex-basis: 8%; 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%; } .row .row__col.row__col--media-sm-offset-e-cols-1 { margin-left: 8%; } .row .row__col.row__col--media-sm-cols-2 { max-width: 17%; flex-basis: 17%; 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: 17%; } .row .row__col.row__col--media-sm-offset-e-cols-2 { margin-left: 17%; } .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%; flex-basis: 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%; } .row .row__col.row__col--media-sm-offset-e-cols-4 { margin-left: 33%; } .row .row__col.row__col--media-sm-cols-5 { max-width: 42%; flex-basis: 42%; 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: 42%; } .row .row__col.row__col--media-sm-offset-e-cols-5 { margin-left: 42%; } .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%; flex-basis: 58%; 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%; } .row .row__col.row__col--media-sm-offset-e-cols-7 { margin-left: 58%; } .row .row__col.row__col--media-sm-cols-8 { max-width: 67%; flex-basis: 67%; 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: 67%; } .row .row__col.row__col--media-sm-offset-e-cols-8 { margin-left: 67%; } .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%; flex-basis: 83%; 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%; } .row .row__col.row__col--media-sm-offset-e-cols-10 { margin-left: 83%; } .row .row__col.row__col--media-sm-cols-11 { max-width: 92%; flex-basis: 92%; 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: 92%; } .row .row__col.row__col--media-sm-offset-e-cols-11 { margin-left: 92%; } .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%; flex-basis: 8%; 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%; } .row .row__col.row__col--media-md-offset-e-cols-1 { margin-left: 8%; } .row .row__col.row__col--media-md-cols-2 { max-width: 17%; flex-basis: 17%; 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: 17%; } .row .row__col.row__col--media-md-offset-e-cols-2 { margin-left: 17%; } .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%; flex-basis: 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%; } .row .row__col.row__col--media-md-offset-e-cols-4 { margin-left: 33%; } .row .row__col.row__col--media-md-cols-5 { max-width: 42%; flex-basis: 42%; 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: 42%; } .row .row__col.row__col--media-md-offset-e-cols-5 { margin-left: 42%; } .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%; flex-basis: 58%; 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%; } .row .row__col.row__col--media-md-offset-e-cols-7 { margin-left: 58%; } .row .row__col.row__col--media-md-cols-8 { max-width: 67%; flex-basis: 67%; 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: 67%; } .row .row__col.row__col--media-md-offset-e-cols-8 { margin-left: 67%; } .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%; flex-basis: 83%; 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%; } .row .row__col.row__col--media-md-offset-e-cols-10 { margin-left: 83%; } .row .row__col.row__col--media-md-cols-11 { max-width: 92%; flex-basis: 92%; 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: 92%; } .row .row__col.row__col--media-md-offset-e-cols-11 { margin-left: 92%; } .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%; flex-basis: 8%; 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%; } .row .row__col.row__col--media-lg-offset-e-cols-1 { margin-left: 8%; } .row .row__col.row__col--media-lg-cols-2 { max-width: 17%; flex-basis: 17%; 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: 17%; } .row .row__col.row__col--media-lg-offset-e-cols-2 { margin-left: 17%; } .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%; flex-basis: 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%; } .row .row__col.row__col--media-lg-offset-e-cols-4 { margin-left: 33%; } .row .row__col.row__col--media-lg-cols-5 { max-width: 42%; flex-basis: 42%; 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: 42%; } .row .row__col.row__col--media-lg-offset-e-cols-5 { margin-left: 42%; } .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%; flex-basis: 58%; 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%; } .row .row__col.row__col--media-lg-offset-e-cols-7 { margin-left: 58%; } .row .row__col.row__col--media-lg-cols-8 { max-width: 67%; flex-basis: 67%; 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: 67%; } .row .row__col.row__col--media-lg-offset-e-cols-8 { margin-left: 67%; } .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%; flex-basis: 83%; 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%; } .row .row__col.row__col--media-lg-offset-e-cols-10 { margin-left: 83%; } .row .row__col.row__col--media-lg-cols-11 { max-width: 92%; flex-basis: 92%; 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: 92%; } .row .row__col.row__col--media-lg-offset-e-cols-11 { margin-left: 92%; } .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%; flex-basis: 8%; 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%; } .row .row__col.row__col--media-xl-offset-e-cols-1 { margin-left: 8%; } .row .row__col.row__col--media-xl-cols-2 { max-width: 17%; flex-basis: 17%; 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: 17%; } .row .row__col.row__col--media-xl-offset-e-cols-2 { margin-left: 17%; } .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%; flex-basis: 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%; } .row .row__col.row__col--media-xl-offset-e-cols-4 { margin-left: 33%; } .row .row__col.row__col--media-xl-cols-5 { max-width: 42%; flex-basis: 42%; 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: 42%; } .row .row__col.row__col--media-xl-offset-e-cols-5 { margin-left: 42%; } .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%; flex-basis: 58%; 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%; } .row .row__col.row__col--media-xl-offset-e-cols-7 { margin-left: 58%; } .row .row__col.row__col--media-xl-cols-8 { max-width: 67%; flex-basis: 67%; 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: 67%; } .row .row__col.row__col--media-xl-offset-e-cols-8 { margin-left: 67%; } .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%; flex-basis: 83%; 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%; } .row .row__col.row__col--media-xl-offset-e-cols-10 { margin-left: 83%; } .row .row__col.row__col--media-xl-cols-11 { max-width: 92%; flex-basis: 92%; 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: 92%; } .row .row__col.row__col--media-xl-offset-e-cols-11 { margin-left: 92%; } .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%; flex-basis: 8%; 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%; } .row .row__col.row__col--media-xxl-offset-e-cols-1 { margin-left: 8%; } .row .row__col.row__col--media-xxl-cols-2 { max-width: 17%; flex-basis: 17%; 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: 17%; } .row .row__col.row__col--media-xxl-offset-e-cols-2 { margin-left: 17%; } .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%; flex-basis: 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%; } .row .row__col.row__col--media-xxl-offset-e-cols-4 { margin-left: 33%; } .row .row__col.row__col--media-xxl-cols-5 { max-width: 42%; flex-basis: 42%; 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: 42%; } .row .row__col.row__col--media-xxl-offset-e-cols-5 { margin-left: 42%; } .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%; flex-basis: 58%; 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%; } .row .row__col.row__col--media-xxl-offset-e-cols-7 { margin-left: 58%; } .row .row__col.row__col--media-xxl-cols-8 { max-width: 67%; flex-basis: 67%; 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: 67%; } .row .row__col.row__col--media-xxl-offset-e-cols-8 { margin-left: 67%; } .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%; flex-basis: 83%; 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%; } .row .row__col.row__col--media-xxl-offset-e-cols-10 { margin-left: 83%; } .row .row__col.row__col--media-xxl-cols-11 { max-width: 92%; flex-basis: 92%; 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: 92%; } .row .row__col.row__col--media-xxl-offset-e-cols-11 { margin-left: 92%; } .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%; flex-basis: 8%; 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%; } .row .row__col.row__col--media-xxxl-offset-e-cols-1 { margin-left: 8%; } .row .row__col.row__col--media-xxxl-cols-2 { max-width: 17%; flex-basis: 17%; 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: 17%; } .row .row__col.row__col--media-xxxl-offset-e-cols-2 { margin-left: 17%; } .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%; flex-basis: 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%; } .row .row__col.row__col--media-xxxl-offset-e-cols-4 { margin-left: 33%; } .row .row__col.row__col--media-xxxl-cols-5 { max-width: 42%; flex-basis: 42%; 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: 42%; } .row .row__col.row__col--media-xxxl-offset-e-cols-5 { margin-left: 42%; } .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%; flex-basis: 58%; 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%; } .row .row__col.row__col--media-xxxl-offset-e-cols-7 { margin-left: 58%; } .row .row__col.row__col--media-xxxl-cols-8 { max-width: 67%; flex-basis: 67%; 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: 67%; } .row .row__col.row__col--media-xxxl-offset-e-cols-8 { margin-left: 67%; } .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%; flex-basis: 83%; 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%; } .row .row__col.row__col--media-xxxl-offset-e-cols-10 { margin-left: 83%; } .row .row__col.row__col--media-xxxl-cols-11 { max-width: 92%; flex-basis: 92%; 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: 92%; } .row .row__col.row__col--media-xxxl-offset-e-cols-11 { margin-left: 92%; } .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%; } } .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: 4rem; --flexbox-gutter-y: 4rem; } .row.row--gutter-x-xxl { --flexbox-gutter-x: 4rem; } .row.row--gutter-y-xxl { --flexbox-gutter-y: 4rem; } .row.row--gutter-xxxl { --flexbox-gutter-x: 6rem; --flexbox-gutter-y: 6rem; } .row.row--gutter-x-xxxl { --flexbox-gutter-x: 6rem; } .row.row--gutter-y-xxxl { --flexbox-gutter-y: 6rem; } .row.row--gutter-xxxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--gutter-x-xxxxl { --flexbox-gutter-x: 8rem; } .row.row--gutter-y-xxxxl { --flexbox-gutter-y: 8rem; } .row.row--gutter-xxxxxl { --flexbox-gutter-x: 10rem; --flexbox-gutter-y: 10rem; } .row.row--gutter-x-xxxxxl { --flexbox-gutter-x: 10rem; } .row.row--gutter-y-xxxxxl { --flexbox-gutter-y: 10rem; } .row.row--gutter-xxxxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--gutter-x-xxxxxxl { --flexbox-gutter-x: 12rem; } .row.row--gutter-y-xxxxxxl { --flexbox-gutter-y: 12rem; } .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.3333333333%; } .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.6666666667%; } @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: 4rem; --flexbox-gutter-y: 4rem; } .row.row--media-sm-gutter-x-xxl { --flexbox-gutter-x: 4rem; } .row.row--media-sm-gutter-y-xxl { --flexbox-gutter-y: 4rem; } .row.row--media-sm-gutter-xxxl { --flexbox-gutter-x: 6rem; --flexbox-gutter-y: 6rem; } .row.row--media-sm-gutter-x-xxxl { --flexbox-gutter-x: 6rem; } .row.row--media-sm-gutter-y-xxxl { --flexbox-gutter-y: 6rem; } .row.row--media-sm-gutter-xxxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-sm-gutter-x-xxxxl { --flexbox-gutter-x: 8rem; } .row.row--media-sm-gutter-y-xxxxl { --flexbox-gutter-y: 8rem; } .row.row--media-sm-gutter-xxxxxl { --flexbox-gutter-x: 10rem; --flexbox-gutter-y: 10rem; } .row.row--media-sm-gutter-x-xxxxxl { --flexbox-gutter-x: 10rem; } .row.row--media-sm-gutter-y-xxxxxl { --flexbox-gutter-y: 10rem; } .row.row--media-sm-gutter-xxxxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-sm-gutter-x-xxxxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-sm-gutter-y-xxxxxxl { --flexbox-gutter-y: 12rem; } .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.3333333333%; } .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.6666666667%; } } @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: 4rem; --flexbox-gutter-y: 4rem; } .row.row--media-md-gutter-x-xxl { --flexbox-gutter-x: 4rem; } .row.row--media-md-gutter-y-xxl { --flexbox-gutter-y: 4rem; } .row.row--media-md-gutter-xxxl { --flexbox-gutter-x: 6rem; --flexbox-gutter-y: 6rem; } .row.row--media-md-gutter-x-xxxl { --flexbox-gutter-x: 6rem; } .row.row--media-md-gutter-y-xxxl { --flexbox-gutter-y: 6rem; } .row.row--media-md-gutter-xxxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-md-gutter-x-xxxxl { --flexbox-gutter-x: 8rem; } .row.row--media-md-gutter-y-xxxxl { --flexbox-gutter-y: 8rem; } .row.row--media-md-gutter-xxxxxl { --flexbox-gutter-x: 10rem; --flexbox-gutter-y: 10rem; } .row.row--media-md-gutter-x-xxxxxl { --flexbox-gutter-x: 10rem; } .row.row--media-md-gutter-y-xxxxxl { --flexbox-gutter-y: 10rem; } .row.row--media-md-gutter-xxxxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-md-gutter-x-xxxxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-md-gutter-y-xxxxxxl { --flexbox-gutter-y: 12rem; } .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.3333333333%; } .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.6666666667%; } } @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: 4rem; --flexbox-gutter-y: 4rem; } .row.row--media-lg-gutter-x-xxl { --flexbox-gutter-x: 4rem; } .row.row--media-lg-gutter-y-xxl { --flexbox-gutter-y: 4rem; } .row.row--media-lg-gutter-xxxl { --flexbox-gutter-x: 6rem; --flexbox-gutter-y: 6rem; } .row.row--media-lg-gutter-x-xxxl { --flexbox-gutter-x: 6rem; } .row.row--media-lg-gutter-y-xxxl { --flexbox-gutter-y: 6rem; } .row.row--media-lg-gutter-xxxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-lg-gutter-x-xxxxl { --flexbox-gutter-x: 8rem; } .row.row--media-lg-gutter-y-xxxxl { --flexbox-gutter-y: 8rem; } .row.row--media-lg-gutter-xxxxxl { --flexbox-gutter-x: 10rem; --flexbox-gutter-y: 10rem; } .row.row--media-lg-gutter-x-xxxxxl { --flexbox-gutter-x: 10rem; } .row.row--media-lg-gutter-y-xxxxxl { --flexbox-gutter-y: 10rem; } .row.row--media-lg-gutter-xxxxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-lg-gutter-x-xxxxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-lg-gutter-y-xxxxxxl { --flexbox-gutter-y: 12rem; } .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.3333333333%; } .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.6666666667%; } } @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: 4rem; --flexbox-gutter-y: 4rem; } .row.row--media-xl-gutter-x-xxl { --flexbox-gutter-x: 4rem; } .row.row--media-xl-gutter-y-xxl { --flexbox-gutter-y: 4rem; } .row.row--media-xl-gutter-xxxl { --flexbox-gutter-x: 6rem; --flexbox-gutter-y: 6rem; } .row.row--media-xl-gutter-x-xxxl { --flexbox-gutter-x: 6rem; } .row.row--media-xl-gutter-y-xxxl { --flexbox-gutter-y: 6rem; } .row.row--media-xl-gutter-xxxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-xl-gutter-x-xxxxl { --flexbox-gutter-x: 8rem; } .row.row--media-xl-gutter-y-xxxxl { --flexbox-gutter-y: 8rem; } .row.row--media-xl-gutter-xxxxxl { --flexbox-gutter-x: 10rem; --flexbox-gutter-y: 10rem; } .row.row--media-xl-gutter-x-xxxxxl { --flexbox-gutter-x: 10rem; } .row.row--media-xl-gutter-y-xxxxxl { --flexbox-gutter-y: 10rem; } .row.row--media-xl-gutter-xxxxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-xl-gutter-x-xxxxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-xl-gutter-y-xxxxxxl { --flexbox-gutter-y: 12rem; } .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.3333333333%; } .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.6666666667%; } } @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: 4rem; --flexbox-gutter-y: 4rem; } .row.row--media-xxl-gutter-x-xxl { --flexbox-gutter-x: 4rem; } .row.row--media-xxl-gutter-y-xxl { --flexbox-gutter-y: 4rem; } .row.row--media-xxl-gutter-xxxl { --flexbox-gutter-x: 6rem; --flexbox-gutter-y: 6rem; } .row.row--media-xxl-gutter-x-xxxl { --flexbox-gutter-x: 6rem; } .row.row--media-xxl-gutter-y-xxxl { --flexbox-gutter-y: 6rem; } .row.row--media-xxl-gutter-xxxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-xxl-gutter-x-xxxxl { --flexbox-gutter-x: 8rem; } .row.row--media-xxl-gutter-y-xxxxl { --flexbox-gutter-y: 8rem; } .row.row--media-xxl-gutter-xxxxxl { --flexbox-gutter-x: 10rem; --flexbox-gutter-y: 10rem; } .row.row--media-xxl-gutter-x-xxxxxl { --flexbox-gutter-x: 10rem; } .row.row--media-xxl-gutter-y-xxxxxl { --flexbox-gutter-y: 10rem; } .row.row--media-xxl-gutter-xxxxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-xxl-gutter-x-xxxxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-xxl-gutter-y-xxxxxxl { --flexbox-gutter-y: 12rem; } .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.3333333333%; } .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.6666666667%; } } @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: 4rem; --flexbox-gutter-y: 4rem; } .row.row--media-xxxl-gutter-x-xxl { --flexbox-gutter-x: 4rem; } .row.row--media-xxxl-gutter-y-xxl { --flexbox-gutter-y: 4rem; } .row.row--media-xxxl-gutter-xxxl { --flexbox-gutter-x: 6rem; --flexbox-gutter-y: 6rem; } .row.row--media-xxxl-gutter-x-xxxl { --flexbox-gutter-x: 6rem; } .row.row--media-xxxl-gutter-y-xxxl { --flexbox-gutter-y: 6rem; } .row.row--media-xxxl-gutter-xxxxl { --flexbox-gutter-x: 8rem; --flexbox-gutter-y: 8rem; } .row.row--media-xxxl-gutter-x-xxxxl { --flexbox-gutter-x: 8rem; } .row.row--media-xxxl-gutter-y-xxxxl { --flexbox-gutter-y: 8rem; } .row.row--media-xxxl-gutter-xxxxxl { --flexbox-gutter-x: 10rem; --flexbox-gutter-y: 10rem; } .row.row--media-xxxl-gutter-x-xxxxxl { --flexbox-gutter-x: 10rem; } .row.row--media-xxxl-gutter-y-xxxxxl { --flexbox-gutter-y: 10rem; } .row.row--media-xxxl-gutter-xxxxxxl { --flexbox-gutter-x: 12rem; --flexbox-gutter-y: 12rem; } .row.row--media-xxxl-gutter-x-xxxxxxl { --flexbox-gutter-x: 12rem; } .row.row--media-xxxl-gutter-y-xxxxxxl { --flexbox-gutter-y: 12rem; } .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.3333333333%; } .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.6666666667%; } } /* ======= THEMES ======== */ *[class*="--default"] { --colors-theme-background: rgba(var(--colors-background-natural-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-border: var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-border-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-text-no-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--default"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--default"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195,195,195); } *[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-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-border: var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-border-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--hover-default"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[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,195,195); } *[class*="--before-default"]:before { --colors-theme-background: rgba(var(--colors-background-natural-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-border: var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-border-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--before-default"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[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,195,195); } *[class*="--after-default"]:after { --colors-theme-background: rgba(var(--colors-background-natural-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-border: var(--colors-border-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-border-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--after-default"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[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,195,195); } *[class*="--primary"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-border: var(--colors-primary-dark, #3a0087); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, 63,0,151), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--primary"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195,195,195); } *[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, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-border: var(--colors-primary-dark, #3a0087); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, #3F0097); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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: 1px solid var(--colors-primary-base, #3F0097); } *[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,195,195); } *[class*="--before-primary"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-border: var(--colors-primary-dark, #3a0087); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, #3F0097); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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: 1px solid var(--colors-primary-base, #3F0097); } *[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,195,195); } *[class*="--after-primary"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-border: var(--colors-primary-dark, #3a0087); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, #3F0097); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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: 1px solid var(--colors-primary-base, #3F0097); } *[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,195,195); } *[class*="--primary-light"] { --colors-theme-background: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-border: var(--colors-primary-base, #3F0097); --colors-theme-border-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-primary-light-rgb, 74,0,177), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --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, rgb(73.6390728477, 0, 176.5)); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 74,0,177); --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, rgb(73.6390728477, 0, 176.5)); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-text-no-background: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-special-background: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --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*="--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: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[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,195,195); } *[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, 74,0,177), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-border: var(--colors-primary-base, #3F0097); --colors-theme-border-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-primary-light, rgb(73.6390728477, 0, 176.5)); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --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, rgb(73.6390728477, 0, 176.5)); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 74,0,177); --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, rgb(73.6390728477, 0, 176.5)); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-text-no-background: var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-special-background: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --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-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: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[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,195,195); } *[class*="--before-primary-light"]:before { --colors-theme-background: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-border: var(--colors-primary-base, #3F0097); --colors-theme-border-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-primary-light, rgb(73.6390728477, 0, 176.5)); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --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, rgb(73.6390728477, 0, 176.5)); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 74,0,177); --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, rgb(73.6390728477, 0, 176.5)); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-text-no-background: var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-special-background: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --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-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: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[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,195,195); } *[class*="--after-primary-light"]:after { --colors-theme-background: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-border: var(--colors-primary-base, #3F0097); --colors-theme-border-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-primary-light, rgb(73.6390728477, 0, 176.5)); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --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, rgb(73.6390728477, 0, 176.5)); --colors-theme-special-text-rgb: var(--colors-primary-light-rgb, 74,0,177); --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, rgb(73.6390728477, 0, 176.5)); --colors-theme-text-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-text-no-background: var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); --colors-theme-text-no-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --colors-theme-special-background: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-light-rgb, 74,0,177); --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-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: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[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,195,195); } *[class*="--primary-dark"] { --colors-theme-background: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-border: var(--colors-primary-dark, #3a0087); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-text-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-text-no-background: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, #3a0087); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, #3a0087); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text-no-background: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-background: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-text: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-special-text-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-special-text-no-background: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); } *[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: 1px solid var(--colors-primary-dark, #3a0087); } *[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,195,195); } *[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, 58,0,135), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-border: var(--colors-primary-dark, #3a0087); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-text-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-text-no-background: var(--colors-primary-dark, #3a0087); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, #3a0087); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, #3a0087); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text-no-background: var(--colors-primary-dark, #3a0087); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-background: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-text: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-special-text-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-special-text-no-background: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); } *[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: 1px solid var(--colors-primary-dark, #3a0087); } *[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,195,195); } *[class*="--before-primary-dark"]:before { --colors-theme-background: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-border: var(--colors-primary-dark, #3a0087); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-text-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-text-no-background: var(--colors-primary-dark, #3a0087); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, #3a0087); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, #3a0087); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text-no-background: var(--colors-primary-dark, #3a0087); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-background: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-text: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-special-text-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-special-text-no-background: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); } *[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: 1px solid var(--colors-primary-dark, #3a0087); } *[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,195,195); } *[class*="--after-primary-dark"]:after { --colors-theme-background: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-border: var(--colors-primary-dark, #3a0087); --colors-theme-border-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-text-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-text-no-background: var(--colors-primary-dark, #3a0087); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, #3a0087); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --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, #3a0087); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text-no-background: var(--colors-primary-dark, #3a0087); --colors-theme-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-background: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-text: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-special-text-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-special-text-no-background: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-special-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); } *[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: 1px solid var(--colors-primary-dark, #3a0087); } *[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,195,195); } *[class*="--secondary"] { --colors-theme-background: rgba(var(--colors-secondary-base-rgb, 255,208,40), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --colors-theme-border: var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); --colors-theme-border-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --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, 255,208,40), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--secondary"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 255,208,40), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--secondary"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195,195,195); } *[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, 255,208,40), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --colors-theme-border: var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); --colors-theme-border-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --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, #FFD028); --colors-theme-text-no-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--hover-secondary"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 255,208,40), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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: 1px solid var(--colors-secondary-base, #FFD028); } *[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,195,195); } *[class*="--before-secondary"]:before { --colors-theme-background: rgba(var(--colors-secondary-base-rgb, 255,208,40), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --colors-theme-border: var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); --colors-theme-border-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --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, #FFD028); --colors-theme-text-no-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--before-secondary"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 255,208,40), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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: 1px solid var(--colors-secondary-base, #FFD028); } *[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,195,195); } *[class*="--after-secondary"]:after { --colors-theme-background: rgba(var(--colors-secondary-base-rgb, 255,208,40), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --colors-theme-border: var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); --colors-theme-border-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --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, #FFD028); --colors-theme-text-no-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--after-secondary"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 255,208,40), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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: 1px solid var(--colors-secondary-base, #FFD028); } *[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,195,195); } *[class*="--secondary-light"] { --colors-theme-background: rgba(var(--colors-secondary-light-rgb, 255,219,91), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --colors-theme-border: var(--colors-secondary-base, #FFD028); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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, 255,219,91), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--secondary-light"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 255,219,91), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --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: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[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,195,195); } *[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, 255,219,91), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --colors-theme-border: var(--colors-secondary-base, #FFD028); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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, rgb(255, 219.1488372093, 91)); --colors-theme-text-no-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--hover-secondary-light"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 255,219,91), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --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: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[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,195,195); } *[class*="--before-secondary-light"]:before { --colors-theme-background: rgba(var(--colors-secondary-light-rgb, 255,219,91), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --colors-theme-border: var(--colors-secondary-base, #FFD028); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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, rgb(255, 219.1488372093, 91)); --colors-theme-text-no-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--before-secondary-light"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 255,219,91), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --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: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[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,195,195); } *[class*="--after-secondary-light"]:after { --colors-theme-background: rgba(var(--colors-secondary-light-rgb, 255,219,91), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --colors-theme-border: var(--colors-secondary-base, #FFD028); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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, rgb(255, 219.1488372093, 91)); --colors-theme-text-no-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--after-secondary-light"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 255,219,91), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); --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: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[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,195,195); } *[class*="--secondary-dark"] { --colors-theme-background: rgba(var(--colors-secondary-dark-rgb, 244,191,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --colors-theme-border: var(--colors-secondary-base, #FFD028); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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, 244,191,0), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--secondary-dark"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 244,191,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-dark-rgb, 244,191,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*="--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: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[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,195,195); } *[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, 244,191,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --colors-theme-border: var(--colors-secondary-base, #FFD028); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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, rgb(244, 190.6604651163, 0)); --colors-theme-text-no-background-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--hover-secondary-dark"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 244,191,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-dark-rgb, 244,191,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-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: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[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,195,195); } *[class*="--before-secondary-dark"]:before { --colors-theme-background: rgba(var(--colors-secondary-dark-rgb, 244,191,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --colors-theme-border: var(--colors-secondary-base, #FFD028); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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, rgb(244, 190.6604651163, 0)); --colors-theme-text-no-background-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--before-secondary-dark"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 244,191,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-dark-rgb, 244,191,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-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: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[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,195,195); } *[class*="--after-secondary-dark"]:after { --colors-theme-background: rgba(var(--colors-secondary-dark-rgb, 244,191,0), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --colors-theme-border: var(--colors-secondary-base, #FFD028); --colors-theme-border-rgb: var(--colors-secondary-base-rgb, 255,208,40); --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, rgb(244, 190.6604651163, 0)); --colors-theme-text-no-background-rgb: var(--colors-secondary-dark-rgb, 244,191,0); --colors-theme-special-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--after-secondary-dark"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --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, 244,191,0), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-secondary-dark-rgb, 244,191,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-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: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[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,195,195); } *[class*="--natural"] { --colors-theme-background: rgba(var(--colors-background-natural-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-border: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-primary-dark, #3a0087); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text-no-background: rgba(var(--colors-foreground-natural-base-rgb, 221,221,221), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--natural"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-primary-dark, #3a0087); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-text-no-background: var(--colors-primary-dark, #3a0087); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--natural"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195,195,195); } *[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-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-border: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-primary-dark, #3a0087); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text-no-background: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--hover-natural"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-primary-dark, #3a0087); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-text-no-background: var(--colors-primary-dark, #3a0087); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[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,195,195); } *[class*="--before-natural"]:before { --colors-theme-background: rgba(var(--colors-background-natural-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-border: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-primary-dark, #3a0087); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text-no-background: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--before-natural"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-primary-dark, #3a0087); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-text-no-background: var(--colors-primary-dark, #3a0087); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[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,195,195); } *[class*="--after-natural"]:after { --colors-theme-background: rgba(var(--colors-background-natural-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-border: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-primary-dark, #3a0087); --colors-theme-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-text-no-background: var(--colors-foreground-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-base-rgb, 221,221,221); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--after-natural"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-primary-dark, #3a0087); --colors-theme-special-text-rgb: var(--colors-primary-dark-rgb, 58,0,135); --colors-theme-special-text-no-background: var(--colors-primary-dark, #3a0087); --colors-theme-special-text-no-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[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,195,195); } *[class*="--natural-light"] { --colors-theme-background: rgba(var(--colors-background-natural-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-border: var(--colors-background-natural-light, #F6F6F6); --colors-theme-border-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-text: var(--colors-primary-base, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: rgba(var(--colors-foreground-natural-light-rgb, 246,246,246), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-light-rgb, 246,246,246); --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-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-special-text: var(--colors-primary-base, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[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: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[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,195,195); } *[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-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-border: var(--colors-background-natural-light, #F6F6F6); --colors-theme-border-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-text: var(--colors-primary-base, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: var(--colors-foreground-natural-light, #F6F6F6); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-light-rgb, 246,246,246); --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-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-special-text: var(--colors-primary-base, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[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: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[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,195,195); } *[class*="--before-natural-light"]:before { --colors-theme-background: rgba(var(--colors-background-natural-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-border: var(--colors-background-natural-light, #F6F6F6); --colors-theme-border-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-text: var(--colors-primary-base, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: var(--colors-foreground-natural-light, #F6F6F6); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-light-rgb, 246,246,246); --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-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-special-text: var(--colors-primary-base, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[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: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[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,195,195); } *[class*="--after-natural-light"]:after { --colors-theme-background: rgba(var(--colors-background-natural-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-border: var(--colors-background-natural-light, #F6F6F6); --colors-theme-border-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-text: var(--colors-primary-base, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: var(--colors-foreground-natural-light, #F6F6F6); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-light-rgb, 246,246,246); --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-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-light-rgb, 246,246,246); --colors-theme-special-text: var(--colors-primary-base, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[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: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[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,195,195); } *[class*="--natural-dark"] { --colors-theme-background: rgba(var(--colors-background-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-dark-rgb, 195,195,195); --colors-theme-border: var(--colors-border-natural-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, 195,195,195); --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, 195,195,195), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--natural-dark"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-dark-rgb, 195,195,195); --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: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[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,195,195); } *[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-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-dark-rgb, 195,195,195); --colors-theme-border: var(--colors-border-natural-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, 195,195,195); --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, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--hover-natural-dark"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-dark-rgb, 195,195,195); --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: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[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,195,195); } *[class*="--before-natural-dark"]:before { --colors-theme-background: rgba(var(--colors-background-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-dark-rgb, 195,195,195); --colors-theme-border: var(--colors-border-natural-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, 195,195,195); --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, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--before-natural-dark"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-dark-rgb, 195,195,195); --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: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[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,195,195); } *[class*="--after-natural-dark"]:after { --colors-theme-background: rgba(var(--colors-background-natural-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-background-natural-dark-rgb, 195,195,195); --colors-theme-border: var(--colors-border-natural-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, 195,195,195); --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, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--after-natural-dark"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-background-natural-dark-rgb, 195,195,195); --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: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[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,195,195); } *[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-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-background-black, #000000); --colors-theme-text-rgb: var(--colors-background-black-rgb, 0,0,0); --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-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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[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-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-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-background-black, #000000); --colors-theme-special-text-rgb: var(--colors-background-black-rgb, 0,0,0); --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*="--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: 1px 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,195,195); } *[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-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-background-black, #000000); --colors-theme-text-rgb: var(--colors-background-black-rgb, 0,0,0); --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-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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[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-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-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-background-black, #000000); --colors-theme-special-text-rgb: var(--colors-background-black-rgb, 0,0,0); --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-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: 1px 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,195,195); } *[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-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-background-black, #000000); --colors-theme-text-rgb: var(--colors-background-black-rgb, 0,0,0); --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-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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[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-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-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-background-black, #000000); --colors-theme-special-text-rgb: var(--colors-background-black-rgb, 0,0,0); --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-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: 1px 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,195,195); } *[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-base, rgb(220.5, 220.5, 220.5)); --colors-theme-border-rgb: var(--colors-background-natural-base-rgb, 221,221,221); --colors-theme-text: var(--colors-background-black, #000000); --colors-theme-text-rgb: var(--colors-background-black-rgb, 0,0,0); --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-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, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[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-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-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-background-black, #000000); --colors-theme-special-text-rgb: var(--colors-background-black-rgb, 0,0,0); --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-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: 1px 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,195,195); } *[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, #c3c3c3); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, 195,195,195); --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, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-primary-base, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--black"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-primary-base, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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: 1px 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,195,195); } *[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, #c3c3c3); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, 195,195,195); --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, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-primary-base, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--hover-black"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-primary-base, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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: 1px 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,195,195); } *[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, #c3c3c3); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, 195,195,195); --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, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-primary-base, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--before-black"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-primary-base, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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: 1px 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,195,195); } *[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, #c3c3c3); --colors-theme-border-rgb: var(--colors-border-natural-dark-rgb, 195,195,195); --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, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-primary-base, #3F0097); --colors-theme-special-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--after-black"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-primary-base, #3F0097); --colors-theme-text-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --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: 1px 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,195,195); } *[class*="--grey-base"] { --colors-theme-background: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--grey-base"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[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,195,195); } *[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-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--hover-grey-base"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[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,195,195); } *[class*="--before-grey-base"]:before { --colors-theme-background: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--before-grey-base"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[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,195,195); } *[class*="--after-grey-base"]:after { --colors-theme-background: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--after-grey-base"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[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,195,195); } *[class*="--grey-light"] { --colors-theme-background: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--grey-light"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[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,195,195); } *[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-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-light, #F6F6F6); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--hover-grey-light"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[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,195,195); } *[class*="--before-grey-light"]:before { --colors-theme-background: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-light, #F6F6F6); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--before-grey-light"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[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,195,195); } *[class*="--after-grey-light"]:after { --colors-theme-background: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-light, #F6F6F6); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--after-grey-light"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[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,195,195); } *[class*="--grey-dark"] { --colors-theme-background: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--grey-dark"][class*="--theme-reverse"] { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[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,195,195); } *[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-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--hover-grey-dark"][class*="--hover-theme-reverse"]:hover { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[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,195,195); } *[class*="--before-grey-dark"]:before { --colors-theme-background: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--before-grey-dark"][class*="--before-theme-reverse"]:before { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[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,195,195); } *[class*="--after-grey-dark"]:after { --colors-theme-background: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-border: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-border-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-primary-base, #3F0097); --colors-theme-special-text-no-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--after-grey-dark"][class*="--after-theme-reverse"]:after { --colors-theme-background: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); --colors-theme-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-background: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); --colors-theme-special-text-no-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-special-text-no-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[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: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[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,195,195); } *[class*="--success"] { --colors-theme-background: rgba(var(--colors-state-success-rgb, 166,243,180), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-border: var(--colors-state-success-dark, rgb(121.24, 236.76, 142.52)); --colors-theme-border-rgb: var(--colors-state-success-dark-rgb, 121,237,143); --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,243,180), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-text-no-background: rgba(var(--colors-state-success-rgb, 166,243,180), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-special-background: rgba(var(--colors-state-success-rgb, 166,243,180), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--success"][class*="--theme-border-natural"] { --colors-theme-border: var(--colors-theme-border, #c3c3c3); --colors-theme-border-rgb: var(--colors-theme-border-rgb, 195,195,195); } *[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,243,180), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-border: var(--colors-state-success-dark, rgb(121.24, 236.76, 142.52)); --colors-theme-border-rgb: var(--colors-state-success-dark-rgb, 121,237,143); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-text-no-background: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-special-background: rgba(var(--colors-state-success-rgb, 166,243,180), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[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,195,195); } *[class*="--before-success"]:before { --colors-theme-background: rgba(var(--colors-state-success-rgb, 166,243,180), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-border: var(--colors-state-success-dark, rgb(121.24, 236.76, 142.52)); --colors-theme-border-rgb: var(--colors-state-success-dark-rgb, 121,237,143); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-text-no-background: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-special-background: rgba(var(--colors-state-success-rgb, 166,243,180), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[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,195,195); } *[class*="--after-success"]:after { --colors-theme-background: rgba(var(--colors-state-success-rgb, 166,243,180), var(--theme-background-opacity, 1)); --colors-theme-background-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-border: var(--colors-state-success-dark, rgb(121.24, 236.76, 142.52)); --colors-theme-border-rgb: var(--colors-state-success-dark-rgb, 121,237,143); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-text-no-background: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-special-background: rgba(var(--colors-state-success-rgb, 166,243,180), var(--theme-background-opacity, 1)); --colors-theme-special-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[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,195,195); } *[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, rgb(166.12, 242.88, 180.26)); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-text-no-background: rgba(var(--colors-state-success-rgb, 166,243,180), var(--theme-text-no-bg-opacity, 1)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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: 1px 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,195,195); } *[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, rgb(166.12, 242.88, 180.26)); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-text-no-background: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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: 1px 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,195,195); } *[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, rgb(166.12, 242.88, 180.26)); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-text-no-background: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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: 1px 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,195,195); } *[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, rgb(166.12, 242.88, 180.26)); --colors-theme-special-text-rgb: var(--colors-state-success-rgb, 166,243,180); --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, rgb(166.12, 242.88, 180.26)); --colors-theme-text-rgb: var(--colors-state-success-rgb, 166,243,180); --colors-theme-text-no-background: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); --colors-theme-text-no-background-rgb: var(--colors-state-success-rgb, 166,243,180); --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: 1px 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,195,195); } *[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, rgb(210.6961325967, 16.3038674033, 36.3701657459)); --colors-theme-border-rgb: var(--colors-state-danger-dark-rgb, 211,16,36); --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: 1px 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,195,195); } *[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, rgb(210.6961325967, 16.3038674033, 36.3701657459)); --colors-theme-border-rgb: var(--colors-state-danger-dark-rgb, 211,16,36); --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: 1px 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,195,195); } *[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, rgb(210.6961325967, 16.3038674033, 36.3701657459)); --colors-theme-border-rgb: var(--colors-state-danger-dark-rgb, 211,16,36); --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: 1px 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,195,195); } *[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, rgb(210.6961325967, 16.3038674033, 36.3701657459)); --colors-theme-border-rgb: var(--colors-state-danger-dark-rgb, 211,16,36); --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: 1px 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,195,195); } *[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, rgb(9.3957446809, 150.3319148936, 174.6042553191)); --colors-theme-border-rgb: var(--colors-state-info-dark-rgb, 9,150,175); --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: 1px 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,195,195); } *[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, rgb(9.3957446809, 150.3319148936, 174.6042553191)); --colors-theme-border-rgb: var(--colors-state-info-dark-rgb, 9,150,175); --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: 1px 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,195,195); } *[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, rgb(9.3957446809, 150.3319148936, 174.6042553191)); --colors-theme-border-rgb: var(--colors-state-info-dark-rgb, 9,150,175); --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: 1px 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,195,195); } *[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, rgb(9.3957446809, 150.3319148936, 174.6042553191)); --colors-theme-border-rgb: var(--colors-state-info-dark-rgb, 9,150,175); --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: 1px 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,195,195); } /* ======= 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-down"] { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } *[class*="--is-arrow-icon"][class*="--arrow-up"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } *[class*="--is-arrow-icon"][class*="--arrow-s"] { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } *[class*="--is-arrow-icon"][class*="--arrow-e"] { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } *[class*="--is-arrow-icon"][class*="--arrow-up-s"] { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } *[class*="--is-arrow-icon"][class*="--arrow-up-e"] { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } *[class*="--is-arrow-icon"][class*="--arrow-down-s"] { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } *[class*="--is-arrow-icon"][class*="--arrow-down-e"] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 576px) { *[class*="--is-arrow-icon"][class*="--media-sm-arrow-down"] { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } *[class*="--is-arrow-icon"][class*="--media-sm-arrow-up"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } *[class*="--is-arrow-icon"][class*="--media-sm-arrow-s"] { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } *[class*="--is-arrow-icon"][class*="--media-sm-arrow-e"] { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } *[class*="--is-arrow-icon"][class*="--media-sm-arrow-up-s"] { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } *[class*="--is-arrow-icon"][class*="--media-sm-arrow-up-e"] { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } *[class*="--is-arrow-icon"][class*="--media-sm-arrow-down-s"] { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } *[class*="--is-arrow-icon"][class*="--media-sm-arrow-down-e"] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } @media (min-width: 768px) { *[class*="--is-arrow-icon"][class*="--media-md-arrow-down"] { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } *[class*="--is-arrow-icon"][class*="--media-md-arrow-up"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } *[class*="--is-arrow-icon"][class*="--media-md-arrow-s"] { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } *[class*="--is-arrow-icon"][class*="--media-md-arrow-e"] { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } *[class*="--is-arrow-icon"][class*="--media-md-arrow-up-s"] { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } *[class*="--is-arrow-icon"][class*="--media-md-arrow-up-e"] { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } *[class*="--is-arrow-icon"][class*="--media-md-arrow-down-s"] { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } *[class*="--is-arrow-icon"][class*="--media-md-arrow-down-e"] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } @media (min-width: 992px) { *[class*="--is-arrow-icon"][class*="--media-lg-arrow-down"] { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } *[class*="--is-arrow-icon"][class*="--media-lg-arrow-up"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } *[class*="--is-arrow-icon"][class*="--media-lg-arrow-s"] { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } *[class*="--is-arrow-icon"][class*="--media-lg-arrow-e"] { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } *[class*="--is-arrow-icon"][class*="--media-lg-arrow-up-s"] { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } *[class*="--is-arrow-icon"][class*="--media-lg-arrow-up-e"] { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } *[class*="--is-arrow-icon"][class*="--media-lg-arrow-down-s"] { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } *[class*="--is-arrow-icon"][class*="--media-lg-arrow-down-e"] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } @media (min-width: 1200px) { *[class*="--is-arrow-icon"][class*="--media-xl-arrow-down"] { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } *[class*="--is-arrow-icon"][class*="--media-xl-arrow-up"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } *[class*="--is-arrow-icon"][class*="--media-xl-arrow-s"] { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } *[class*="--is-arrow-icon"][class*="--media-xl-arrow-e"] { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } *[class*="--is-arrow-icon"][class*="--media-xl-arrow-up-s"] { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } *[class*="--is-arrow-icon"][class*="--media-xl-arrow-up-e"] { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } *[class*="--is-arrow-icon"][class*="--media-xl-arrow-down-s"] { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } *[class*="--is-arrow-icon"][class*="--media-xl-arrow-down-e"] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } @media (min-width: 1440px) { *[class*="--is-arrow-icon"][class*="--media-xxl-arrow-down"] { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } *[class*="--is-arrow-icon"][class*="--media-xxl-arrow-up"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } *[class*="--is-arrow-icon"][class*="--media-xxl-arrow-s"] { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } *[class*="--is-arrow-icon"][class*="--media-xxl-arrow-e"] { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } *[class*="--is-arrow-icon"][class*="--media-xxl-arrow-up-s"] { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } *[class*="--is-arrow-icon"][class*="--media-xxl-arrow-up-e"] { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } *[class*="--is-arrow-icon"][class*="--media-xxl-arrow-down-s"] { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } *[class*="--is-arrow-icon"][class*="--media-xxl-arrow-down-e"] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } @media (min-width: 1600px) { *[class*="--is-arrow-icon"][class*="--media-xxxl-arrow-down"] { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } *[class*="--is-arrow-icon"][class*="--media-xxxl-arrow-up"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } *[class*="--is-arrow-icon"][class*="--media-xxxl-arrow-s"] { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } *[class*="--is-arrow-icon"][class*="--media-xxxl-arrow-e"] { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } *[class*="--is-arrow-icon"][class*="--media-xxxl-arrow-up-s"] { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } *[class*="--is-arrow-icon"][class*="--media-xxxl-arrow-up-e"] { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } *[class*="--is-arrow-icon"][class*="--media-xxxl-arrow-down-s"] { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } *[class*="--is-arrow-icon"][class*="--media-xxxl-arrow-down-e"] { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } *[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, rgb(220.5, 220.5, 220.5)); 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, rgb(220.5, 220.5, 220.5)); scrollbar-track-color: var(--colors-background-transparent, transparent); } *[class*="--scrollbar"][class*="--scrollbar-default"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); } *[class*="--scrollbar"][class*="--scrollbar-default"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #3F0097); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--scrollbar"][class*="--scrollbar-primary"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #3F0097); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[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, rgb(73.6390728477, 0, 176.5)); --colors-theme-background-rgb: var(--colors-primary-light-rgb, 74,0,177); } *[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, #3a0087); --colors-theme-background-rgb: var(--colors-primary-dark-rgb, 58,0,135); } *[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, #FFD028); --colors-theme-background-rgb: var(--colors-secondary-base-rgb, 255,208,40); } *[class*="--scrollbar"][class*="--scrollbar-secondary"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); } *[class*="--scrollbar"][class*="--scrollbar-secondary-light"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); --colors-theme-background-rgb: var(--colors-secondary-light-rgb, 255,219,91); } *[class*="--scrollbar"][class*="--scrollbar-secondary-light"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); } *[class*="--scrollbar"][class*="--scrollbar-secondary-dark"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); --colors-theme-background-rgb: var(--colors-secondary-dark-rgb, 244,191,0); } *[class*="--scrollbar"][class*="--scrollbar-secondary-dark"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-foreground-natural-dark, #c3c3c3); --colors-theme-background-rgb: var(--colors-foreground-natural-dark-rgb, 195,195,195); } *[class*="--scrollbar"][class*="--scrollbar-natural"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); --colors-theme-background-rgb: var(--colors-background-natural-base-rgb, 221,221,221); } *[class*="--scrollbar"][class*="--scrollbar-natural"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #3F0097); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--scrollbar"][class*="--scrollbar-natural-light"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-background-natural-light, #F6F6F6); --colors-theme-background-rgb: var(--colors-background-natural-light-rgb, 246,246,246); } *[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-dark, #c3c3c3); --colors-theme-background-rgb: var(--colors-background-natural-dark-rgb, 195,195,195); } *[class*="--scrollbar"][class*="--scrollbar-natural-dark"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #3F0097); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[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, #3F0097); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--scrollbar"][class*="--scrollbar-grey-base"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); --colors-theme-background-rgb: var(--colors-natural-grey-base-rgb, 221,221,221); } *[class*="--scrollbar"][class*="--scrollbar-grey-base"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #3F0097); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--scrollbar"][class*="--scrollbar-grey-light"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-natural-grey-light, #F6F6F6); --colors-theme-background-rgb: var(--colors-natural-grey-light-rgb, 246,246,246); } *[class*="--scrollbar"][class*="--scrollbar-grey-light"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #3F0097); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--scrollbar"][class*="--scrollbar-grey-dark"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-natural-grey-dark, #c3c3c3); --colors-theme-background-rgb: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[class*="--scrollbar"][class*="--scrollbar-grey-dark"][class*="--scrollbar-theme-reverse"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-primary-base, #3F0097); --colors-theme-background-rgb: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--scrollbar"][class*="--scrollbar-success"]::-webkit-scrollbar-thumb { --colors-theme-background: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); --colors-theme-background-rgb: var(--colors-state-success-rgb, 166,243,180); } *[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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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"] > *:first-child { 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, 4rem); } *[class*="--m-xxxl"] { margin: var(--spaces-xxxl, 6rem); } *[class*="--m-xxxxl"] { margin: var(--spaces-xxxxl, 8rem); } *[class*="--m-xxxxxl"] { margin: var(--spaces-xxxxxl, 10rem); } *[class*="--m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-left: var(--spaces-xxl, 4rem); } *[class*="--mx-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); margin-left: var(--spaces-xxxl, 6rem); } *[class*="--mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-bottom: var(--spaces-xxl, 4rem); } *[class*="--my-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--my-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--mt-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); } *[class*="--mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); } *[class*="--mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); } *[class*="--mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--ms-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); } *[class*="--ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); } *[class*="--ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); } *[class*="--ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--me-xxxl"] { margin-left: var(--spaces-xxxl, 6rem); } *[class*="--me-xxxxl"] { margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--p-xxxl"] { padding: var(--spaces-xxxl, 6rem); } *[class*="--p-xxxxl"] { padding: var(--spaces-xxxxl, 8rem); } *[class*="--p-xxxxxl"] { padding: var(--spaces-xxxxxl, 10rem); } *[class*="--p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-left: var(--spaces-xxl, 4rem); } *[class*="--px-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); padding-left: var(--spaces-xxxl, 6rem); } *[class*="--px-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); padding-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-bottom: var(--spaces-xxl, 4rem); } *[class*="--py-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--py-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--pt-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); } *[class*="--pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); } *[class*="--pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); } *[class*="--pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--ps-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); } *[class*="--ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); } *[class*="--ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); } *[class*="--ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--pe-xxxl"] { padding-left: var(--spaces-xxxl, 6rem); } *[class*="--pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 12rem); } *[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: 4rem; } *[class*="--gap-xxxl"] { gap: 6rem; } *[class*="--gap-xxxxl"] { gap: 8rem; } *[class*="--gap-xxxxxl"] { gap: 10rem; } *[class*="--gap-xxxxxxl"] { gap: 12rem; } *[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: 4rem; } *[class*="--gap-x-xxxl"] { column-gap: 6rem; } *[class*="--gap-x-xxxxl"] { column-gap: 8rem; } *[class*="--gap-x-xxxxxl"] { column-gap: 10rem; } *[class*="--gap-x-xxxxxxl"] { column-gap: 12rem; } *[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: 4rem; } *[class*="--gap-y-xxxl"] { row-gap: 6rem; } *[class*="--gap-y-xxxxl"] { row-gap: 8rem; } *[class*="--gap-y-xxxxxl"] { row-gap: 10rem; } *[class*="--gap-y-xxxxxxl"] { row-gap: 12rem; } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--b-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--b-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--b-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--b-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--b-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--b-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--b-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--b-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--b-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--b-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--b-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--b-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--b-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--b-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--b-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--b-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--b-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--b-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--b-0"] { border: 0; } *[class*="--b-bg-default"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--b-bg-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--b-bg-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--b-bg-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--b-bg-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--b-bg-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--b-bg-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--b-bg-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--b-bg-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--b-bg-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--b-bg-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--b-bg-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--b-bg-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--b-bg-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--b-bg-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--b-bg-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--b-bg-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--b-bg-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--b-bg-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--b-bg-0"] { border: 0; } *[class*="--bt-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bt-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--bt-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--bt-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--bt-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--bt-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--bt-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--bt-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bt-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--bt-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--bt-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--bt-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--bt-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bt-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--bt-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--bt-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--bt-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bt-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--bt-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--bt-0"] { border-top: 0; } *[class*="--bt-bg-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bt-bg-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--bt-bg-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--bt-bg-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--bt-bg-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--bt-bg-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--bt-bg-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--bt-bg-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bt-bg-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--bt-bg-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--bt-bg-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--bt-bg-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--bt-bg-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bt-bg-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--bt-bg-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--bt-bg-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--bt-bg-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bt-bg-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--bt-bg-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--bt-bg-0"] { border-top: 0; } *[class*="--bb-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bb-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--bb-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--bb-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--bb-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--bb-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--bb-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--bb-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bb-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--bb-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--bb-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--bb-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--bb-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bb-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--bb-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--bb-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--bb-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bb-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--bb-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--bb-0"] { border-bottom: 0; } *[class*="--bb-bg-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bb-bg-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--bb-bg-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--bb-bg-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--bb-bg-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--bb-bg-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--bb-bg-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--bb-bg-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bb-bg-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--bb-bg-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--bb-bg-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--bb-bg-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--bb-bg-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bb-bg-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--bb-bg-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--bb-bg-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--bb-bg-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bb-bg-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--bb-bg-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--bb-bg-0"] { border-bottom: 0; } *[class*="--bs-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bs-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--bs-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--bs-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--bs-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--bs-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--bs-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--bs-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bs-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--bs-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--bs-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--bs-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--bs-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bs-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--bs-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--bs-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--bs-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bs-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--bs-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--bs-0"] { border-right: 0; } *[class*="--bs-bg-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bs-bg-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--bs-bg-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--bs-bg-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--bs-bg-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--bs-bg-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--bs-bg-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--bs-bg-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bs-bg-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--bs-bg-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--bs-bg-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--bs-bg-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--bs-bg-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bs-bg-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--bs-bg-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--bs-bg-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--bs-bg-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--bs-bg-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--bs-bg-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--bs-bg-0"] { border-right: 0; } *[class*="--be-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--be-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--be-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--be-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--be-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--be-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--be-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--be-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--be-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--be-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--be-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--be-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--be-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--be-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--be-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--be-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--be-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--be-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--be-info"] { border-left: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--be-0"] { border-left: 0; } *[class*="--be-bg-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--be-bg-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--be-bg-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--be-bg-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--be-bg-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--be-bg-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--be-bg-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--be-bg-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--be-bg-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--be-bg-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--be-bg-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--be-bg-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--be-bg-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--be-bg-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--be-bg-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--be-bg-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--be-bg-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--be-bg-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--be-bg-info"] { border-left: 1px 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, 195,195,195), var(--text-opacity, 1)); } *[class*="--hover-tcolor-default"]:hover { color: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--text-opacity, 1)); } *[class*="--tcolor-primary"] { color: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--text-opacity, 1)); } *[class*="--hover-tcolor-primary"]:hover { color: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--text-opacity, 1)); } *[class*="--tcolor-primary-light"] { color: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--text-opacity, 1)); } *[class*="--hover-tcolor-primary-light"]:hover { color: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--text-opacity, 1)); } *[class*="--tcolor-primary-dark"] { color: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--text-opacity, 1)); } *[class*="--hover-tcolor-primary-dark"]:hover { color: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--text-opacity, 1)); } *[class*="--tcolor-secondary"] { color: rgba(var(--colors-secondary-base-rgb, 255,208,40), var(--text-opacity, 1)); } *[class*="--hover-tcolor-secondary"]:hover { color: rgba(var(--colors-secondary-base-rgb, 255,208,40), var(--text-opacity, 1)); } *[class*="--tcolor-secondary-light"] { color: rgba(var(--colors-secondary-light-rgb, 255,219,91), var(--text-opacity, 1)); } *[class*="--hover-tcolor-secondary-light"]:hover { color: rgba(var(--colors-secondary-light-rgb, 255,219,91), var(--text-opacity, 1)); } *[class*="--tcolor-secondary-dark"] { color: rgba(var(--colors-secondary-dark-rgb, 244,191,0), var(--text-opacity, 1)); } *[class*="--hover-tcolor-secondary-dark"]:hover { color: rgba(var(--colors-secondary-dark-rgb, 244,191,0), var(--text-opacity, 1)); } *[class*="--tcolor-natural"] { color: rgba(var(--colors-foreground-natural-base-rgb, 221,221,221), var(--text-opacity, 1)); } *[class*="--hover-tcolor-natural"]:hover { color: rgba(var(--colors-foreground-natural-base-rgb, 221,221,221), var(--text-opacity, 1)); } *[class*="--tcolor-natural-light"] { color: rgba(var(--colors-foreground-natural-light-rgb, 246,246,246), var(--text-opacity, 1)); } *[class*="--hover-tcolor-natural-light"]:hover { color: rgba(var(--colors-foreground-natural-light-rgb, 246,246,246), var(--text-opacity, 1)); } *[class*="--tcolor-natural-dark"] { color: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), var(--text-opacity, 1)); } *[class*="--hover-tcolor-natural-dark"]:hover { color: rgba(var(--colors-foreground-natural-dark-rgb, 195,195,195), 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-base"] { color: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--text-opacity, 1)); } *[class*="--hover-tcolor-grey-base"]:hover { color: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--text-opacity, 1)); } *[class*="--tcolor-grey-light"] { color: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--text-opacity, 1)); } *[class*="--hover-tcolor-grey-light"]:hover { color: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--text-opacity, 1)); } *[class*="--tcolor-grey-dark"] { color: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--text-opacity, 1)); } *[class*="--hover-tcolor-grey-dark"]:hover { color: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--text-opacity, 1)); } *[class*="--tcolor-success"] { color: rgba(var(--colors-state-success-rgb, 166,243,180), var(--text-opacity, 1)); } *[class*="--hover-tcolor-success"]:hover { color: rgba(var(--colors-state-success-rgb, 166,243,180), 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.625rem); } *[class*="--tsize-xs"] { font-size: var(--font-sizes-xs, 0.9375rem); } *[class*="--tsize-sm"] { font-size: var(--font-sizes-sm, 1.125rem); } *[class*="--tsize-md"] { font-size: var(--font-sizes-md, 1.25rem); } *[class*="--tsize-lg"] { font-size: var(--font-sizes-lg, 1.5625rem); } *[class*="--tsize-xl"] { font-size: var(--font-sizes-xl, 2.5rem); } *[class*="--tsize-xxl"] { font-size: var(--font-sizes-xxl, 3.75rem); } *[class*="--tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.375rem); } *[class*="--tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 5.625rem); } *[class*="--tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 8.125rem); } *[class*="--tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 10rem); } *[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-almarai"] { font-family: 'almarai', Arial, sans-serif; } *[class*="--tfamily-gwendolyn"] { font-family: 'gwendolyn', Arial, sans-serif; } *[class*="--talign-c"] { text-align: center; } *[class*="--talign-s"] { text-align: right; } *[class*="--talign-e"] { text-align: left; } *[class*="--talign-justify"] { text-align: justify; } *[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: 4rem; } *[class*="--maxw-xxxl"] { max-width: 6rem; } *[class*="--maxw-xxxxl"] { max-width: 8rem; } *[class*="--maxw-xxxxxl"] { max-width: 10rem; } *[class*="--maxw-xxxxxxl"] { max-width: 12rem; } *[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: 4rem; } *[class*="--w-xxxl"] { width: 6rem; } *[class*="--w-xxxxl"] { width: 8rem; } *[class*="--w-xxxxxl"] { width: 10rem; } *[class*="--w-xxxxxxl"] { width: 12rem; } *[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: 4rem; } *[class*="--h-xxxl"] { height: 6rem; } *[class*="--h-xxxxl"] { height: 8rem; } *[class*="--h-xxxxxl"] { height: 10rem; } *[class*="--h-xxxxxxl"] { height: 12rem; } *[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-base-rgb, 221,221,221), var(--background-opacity, 1)); } *[class*="--hover-bg-default"]:hover { background-color: rgba(var(--colors-background-natural-base-rgb, 221,221,221), var(--background-opacity, 1)); } *[class*="--bg-primary"] { background-color: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--background-opacity, 1)); } *[class*="--hover-bg-primary"]:hover { background-color: rgba(var(--colors-primary-base-rgb, 63,0,151), var(--background-opacity, 1)); } *[class*="--bg-primary-light"] { background-color: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--background-opacity, 1)); } *[class*="--hover-bg-primary-light"]:hover { background-color: rgba(var(--colors-primary-light-rgb, 74,0,177), var(--background-opacity, 1)); } *[class*="--bg-primary-dark"] { background-color: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--background-opacity, 1)); } *[class*="--hover-bg-primary-dark"]:hover { background-color: rgba(var(--colors-primary-dark-rgb, 58,0,135), var(--background-opacity, 1)); } *[class*="--bg-secondary"] { background-color: rgba(var(--colors-secondary-base-rgb, 255,208,40), var(--background-opacity, 1)); } *[class*="--hover-bg-secondary"]:hover { background-color: rgba(var(--colors-secondary-base-rgb, 255,208,40), var(--background-opacity, 1)); } *[class*="--bg-secondary-light"] { background-color: rgba(var(--colors-secondary-light-rgb, 255,219,91), var(--background-opacity, 1)); } *[class*="--hover-bg-secondary-light"]:hover { background-color: rgba(var(--colors-secondary-light-rgb, 255,219,91), var(--background-opacity, 1)); } *[class*="--bg-secondary-dark"] { background-color: rgba(var(--colors-secondary-dark-rgb, 244,191,0), var(--background-opacity, 1)); } *[class*="--hover-bg-secondary-dark"]:hover { background-color: rgba(var(--colors-secondary-dark-rgb, 244,191,0), var(--background-opacity, 1)); } *[class*="--bg-natural"] { background-color: rgba(var(--colors-background-natural-base-rgb, 221,221,221), var(--background-opacity, 1)); } *[class*="--hover-bg-natural"]:hover { background-color: rgba(var(--colors-background-natural-base-rgb, 221,221,221), var(--background-opacity, 1)); } *[class*="--bg-natural-light"] { background-color: rgba(var(--colors-background-natural-light-rgb, 246,246,246), var(--background-opacity, 1)); } *[class*="--hover-bg-natural-light"]:hover { background-color: rgba(var(--colors-background-natural-light-rgb, 246,246,246), var(--background-opacity, 1)); } *[class*="--bg-natural-dark"] { background-color: rgba(var(--colors-background-natural-dark-rgb, 195,195,195), var(--background-opacity, 1)); } *[class*="--hover-bg-natural-dark"]:hover { background-color: rgba(var(--colors-background-natural-dark-rgb, 195,195,195), 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-base"] { background-color: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--background-opacity, 1)); } *[class*="--hover-bg-grey-base"]:hover { background-color: rgba(var(--colors-natural-grey-base-rgb, 221,221,221), var(--background-opacity, 1)); } *[class*="--bg-grey-light"] { background-color: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--background-opacity, 1)); } *[class*="--hover-bg-grey-light"]:hover { background-color: rgba(var(--colors-natural-grey-light-rgb, 246,246,246), var(--background-opacity, 1)); } *[class*="--bg-grey-dark"] { background-color: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--background-opacity, 1)); } *[class*="--hover-bg-grey-dark"]:hover { background-color: rgba(var(--colors-natural-grey-dark-rgb, 195,195,195), var(--background-opacity, 1)); } *[class*="--bg-success"] { background-color: rgba(var(--colors-state-success-rgb, 166,243,180), var(--background-opacity, 1)); } *[class*="--hover-bg-success"]:hover { background-color: rgba(var(--colors-state-success-rgb, 166,243,180), 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-base, rgb(220.5, 220.5, 220.5)); } *[class*="--hover-bg-gradient-from-default"]:hover { --background-gradient-from: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bg-gradient-from-primary"] { --background-gradient-from: var(--colors-primary-base, #3F0097); } *[class*="--hover-bg-gradient-from-primary"]:hover { --background-gradient-from: var(--colors-primary-base, #3F0097); } *[class*="--bg-gradient-from-primary-light"] { --background-gradient-from: var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--hover-bg-gradient-from-primary-light"]:hover { --background-gradient-from: var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--bg-gradient-from-primary-dark"] { --background-gradient-from: var(--colors-primary-dark, #3a0087); } *[class*="--hover-bg-gradient-from-primary-dark"]:hover { --background-gradient-from: var(--colors-primary-dark, #3a0087); } *[class*="--bg-gradient-from-secondary"] { --background-gradient-from: var(--colors-secondary-base, #FFD028); } *[class*="--hover-bg-gradient-from-secondary"]:hover { --background-gradient-from: var(--colors-secondary-base, #FFD028); } *[class*="--bg-gradient-from-secondary-light"] { --background-gradient-from: var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--hover-bg-gradient-from-secondary-light"]:hover { --background-gradient-from: var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--bg-gradient-from-secondary-dark"] { --background-gradient-from: var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--hover-bg-gradient-from-secondary-dark"]:hover { --background-gradient-from: var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--bg-gradient-from-natural"] { --background-gradient-from: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--hover-bg-gradient-from-natural"]:hover { --background-gradient-from: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bg-gradient-from-natural-light"] { --background-gradient-from: var(--colors-background-natural-light, #F6F6F6); } *[class*="--hover-bg-gradient-from-natural-light"]:hover { --background-gradient-from: var(--colors-background-natural-light, #F6F6F6); } *[class*="--bg-gradient-from-natural-dark"] { --background-gradient-from: var(--colors-background-natural-dark, #c3c3c3); } *[class*="--hover-bg-gradient-from-natural-dark"]:hover { --background-gradient-from: var(--colors-background-natural-dark, #c3c3c3); } *[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-base"] { --background-gradient-from: var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--hover-bg-gradient-from-grey-base"]:hover { --background-gradient-from: var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bg-gradient-from-grey-light"] { --background-gradient-from: var(--colors-natural-grey-light, #F6F6F6); } *[class*="--hover-bg-gradient-from-grey-light"]:hover { --background-gradient-from: var(--colors-natural-grey-light, #F6F6F6); } *[class*="--bg-gradient-from-grey-dark"] { --background-gradient-from: var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--hover-bg-gradient-from-grey-dark"]:hover { --background-gradient-from: var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--bg-gradient-from-success"] { --background-gradient-from: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--hover-bg-gradient-from-success"]:hover { --background-gradient-from: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[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-base, rgb(220.5, 220.5, 220.5)), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-default"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)), var(--background-gradient-to); } *[class*="--bg-gradient-via-primary"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-base, #3F0097), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-primary"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-base, #3F0097), var(--background-gradient-to); } *[class*="--bg-gradient-via-primary-light"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-primary-light"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)), var(--background-gradient-to); } *[class*="--bg-gradient-via-primary-dark"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-dark, #3a0087), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-primary-dark"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-primary-dark, #3a0087), var(--background-gradient-to); } *[class*="--bg-gradient-via-secondary"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-base, #FFD028), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-secondary"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-base, #FFD028), var(--background-gradient-to); } *[class*="--bg-gradient-via-secondary-light"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-light, rgb(255, 219.1488372093, 91)), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-secondary-light"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-light, rgb(255, 219.1488372093, 91)), var(--background-gradient-to); } *[class*="--bg-gradient-via-secondary-dark"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-secondary-dark"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)), var(--background-gradient-to); } *[class*="--bg-gradient-via-natural"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-natural"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)), var(--background-gradient-to); } *[class*="--bg-gradient-via-natural-light"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-light, #F6F6F6), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-natural-light"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-light, #F6F6F6), var(--background-gradient-to); } *[class*="--bg-gradient-via-natural-dark"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-dark, #c3c3c3), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-natural-dark"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-background-natural-dark, #c3c3c3), 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-base"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-grey-base"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)), var(--background-gradient-to); } *[class*="--bg-gradient-via-grey-light"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-light, #F6F6F6), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-grey-light"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-light, #F6F6F6), var(--background-gradient-to); } *[class*="--bg-gradient-via-grey-dark"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-dark, #c3c3c3), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-grey-dark"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-natural-grey-dark, #c3c3c3), var(--background-gradient-to); } *[class*="--bg-gradient-via-success"] { --background-gradient-stops: var(--background-gradient-from), var(--colors-state-success, rgb(166.12, 242.88, 180.26)), var(--background-gradient-to); } *[class*="--hover-bg-gradient-via-success"]:hover { --background-gradient-stops: var(--background-gradient-from), var(--colors-state-success, rgb(166.12, 242.88, 180.26)), 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-base, rgb(220.5, 220.5, 220.5)); } *[class*="--hover-bg-gradient-to-default"]:hover { --background-gradient-to: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bg-gradient-to-primary"] { --background-gradient-to: var(--colors-primary-base, #3F0097); } *[class*="--hover-bg-gradient-to-primary"]:hover { --background-gradient-to: var(--colors-primary-base, #3F0097); } *[class*="--bg-gradient-to-primary-light"] { --background-gradient-to: var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--hover-bg-gradient-to-primary-light"]:hover { --background-gradient-to: var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--bg-gradient-to-primary-dark"] { --background-gradient-to: var(--colors-primary-dark, #3a0087); } *[class*="--hover-bg-gradient-to-primary-dark"]:hover { --background-gradient-to: var(--colors-primary-dark, #3a0087); } *[class*="--bg-gradient-to-secondary"] { --background-gradient-to: var(--colors-secondary-base, #FFD028); } *[class*="--hover-bg-gradient-to-secondary"]:hover { --background-gradient-to: var(--colors-secondary-base, #FFD028); } *[class*="--bg-gradient-to-secondary-light"] { --background-gradient-to: var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--hover-bg-gradient-to-secondary-light"]:hover { --background-gradient-to: var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--bg-gradient-to-secondary-dark"] { --background-gradient-to: var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--hover-bg-gradient-to-secondary-dark"]:hover { --background-gradient-to: var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--bg-gradient-to-natural"] { --background-gradient-to: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--hover-bg-gradient-to-natural"]:hover { --background-gradient-to: var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bg-gradient-to-natural-light"] { --background-gradient-to: var(--colors-background-natural-light, #F6F6F6); } *[class*="--hover-bg-gradient-to-natural-light"]:hover { --background-gradient-to: var(--colors-background-natural-light, #F6F6F6); } *[class*="--bg-gradient-to-natural-dark"] { --background-gradient-to: var(--colors-background-natural-dark, #c3c3c3); } *[class*="--hover-bg-gradient-to-natural-dark"]:hover { --background-gradient-to: var(--colors-background-natural-dark, #c3c3c3); } *[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-base"] { --background-gradient-to: var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--hover-bg-gradient-to-grey-base"]:hover { --background-gradient-to: var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--bg-gradient-to-grey-light"] { --background-gradient-to: var(--colors-natural-grey-light, #F6F6F6); } *[class*="--hover-bg-gradient-to-grey-light"]:hover { --background-gradient-to: var(--colors-natural-grey-light, #F6F6F6); } *[class*="--bg-gradient-to-grey-dark"] { --background-gradient-to: var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--hover-bg-gradient-to-grey-dark"]:hover { --background-gradient-to: var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--bg-gradient-to-success"] { --background-gradient-to: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--hover-bg-gradient-to-success"]:hover { --background-gradient-to: var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[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,195,195), 0.1), rgba(var(--colors-theme-text-rgb, 195,195,195), 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,195,195), 0.1) 0.4px, transparent 0.4px), linear-gradient(to right, rgba(var(--colors-theme-text-rgb, 195,195,195), 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,195,195), 0.1), rgba(var(--colors-theme-text-rgb, 195,195,195), 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,195,195), 0.1), rgba(var(--colors-theme-text-rgb, 195,195,195), 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: 140px; } *[class*="--position-t-header-indent"] { top: calc(140px + 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: 4rem; } *[class*="--position-t-xxl-opposite"] { top: -4rem; } *[class*="--position-t-xxxl"] { top: 6rem; } *[class*="--position-t-xxxl-opposite"] { top: -6rem; } *[class*="--position-t-xxxxl"] { top: 8rem; } *[class*="--position-t-xxxxl-opposite"] { top: -8rem; } *[class*="--position-t-xxxxxl"] { top: 10rem; } *[class*="--position-t-xxxxxl-opposite"] { top: -10rem; } *[class*="--position-t-xxxxxxl"] { top: 12rem; } *[class*="--position-t-xxxxxxl-opposite"] { top: -12rem; } *[class*="--position-b-quarter"] { bottom: 25%; } *[class*="--position-b-half"] { bottom: 50%; } *[class*="--position-b-full"] { bottom: 100%; } *[class*="--position-b-header"] { bottom: 140px; } *[class*="--position-b-header-indent"] { bottom: calc(140px + 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: 4rem; } *[class*="--position-b-xxl-opposite"] { bottom: -4rem; } *[class*="--position-b-xxxl"] { bottom: 6rem; } *[class*="--position-b-xxxl-opposite"] { bottom: -6rem; } *[class*="--position-b-xxxxl"] { bottom: 8rem; } *[class*="--position-b-xxxxl-opposite"] { bottom: -8rem; } *[class*="--position-b-xxxxxl"] { bottom: 10rem; } *[class*="--position-b-xxxxxl-opposite"] { bottom: -10rem; } *[class*="--position-b-xxxxxxl"] { bottom: 12rem; } *[class*="--position-b-xxxxxxl-opposite"] { bottom: -12rem; } *[class*="--position-s-quarter"] { right: 25%; } *[class*="--position-s-half"] { right: 50%; } *[class*="--position-s-full"] { right: 100%; } *[class*="--position-s-header"] { right: 140px; } *[class*="--position-s-header-indent"] { right: calc(140px + 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: 4rem; } *[class*="--position-s-xxl-opposite"] { right: -4rem; } *[class*="--position-s-xxxl"] { right: 6rem; } *[class*="--position-s-xxxl-opposite"] { right: -6rem; } *[class*="--position-s-xxxxl"] { right: 8rem; } *[class*="--position-s-xxxxl-opposite"] { right: -8rem; } *[class*="--position-s-xxxxxl"] { right: 10rem; } *[class*="--position-s-xxxxxl-opposite"] { right: -10rem; } *[class*="--position-s-xxxxxxl"] { right: 12rem; } *[class*="--position-s-xxxxxxl-opposite"] { right: -12rem; } *[class*="--position-e-quarter"] { left: 25%; } *[class*="--position-e-half"] { left: 50%; } *[class*="--position-e-full"] { left: 100%; } *[class*="--position-e-header"] { left: 140px; } *[class*="--position-e-header-indent"] { left: calc(140px + 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: 4rem; } *[class*="--position-e-xxl-opposite"] { left: -4rem; } *[class*="--position-e-xxxl"] { left: 6rem; } *[class*="--position-e-xxxl-opposite"] { left: -6rem; } *[class*="--position-e-xxxxl"] { left: 8rem; } *[class*="--position-e-xxxxl-opposite"] { left: -8rem; } *[class*="--position-e-xxxxxl"] { left: 10rem; } *[class*="--position-e-xxxxxl-opposite"] { left: -10rem; } *[class*="--position-e-xxxxxxl"] { left: 12rem; } *[class*="--position-e-xxxxxxl-opposite"] { left: -12rem; } *[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-base-rgb, 221,221,221)), 0.5); } *[class*="--hover-shadow-sm"]:hover { --shadow: 0 1px 10px 0 rgba(var(--shadow-color, var(--colors-background-natural-base-rgb, 221,221,221)), 0.5); } *[class*="--shadow-md"] { --shadow: 0 2px 15px 0 rgba(var(--shadow-color, var(--colors-background-natural-base-rgb, 221,221,221)), 0.5); } *[class*="--hover-shadow-md"]:hover { --shadow: 0 2px 15px 0 rgba(var(--shadow-color, var(--colors-background-natural-base-rgb, 221,221,221)), 0.5); } *[class*="--shadow-lg"] { --shadow: 0 2px 22px 0 rgba(var(--shadow-color, var(--colors-background-natural-base-rgb, 221,221,221)), 0.5); } *[class*="--hover-shadow-lg"]:hover { --shadow: 0 2px 22px 0 rgba(var(--shadow-color, var(--colors-background-natural-base-rgb, 221,221,221)), 0.5); } *[class*="--shadow-xl"] { --shadow: 0 2px 30px 0 rgba(var(--shadow-color, var(--colors-background-natural-base-rgb, 221,221,221)), 0.5); } *[class*="--hover-shadow-xl"]:hover { --shadow: 0 2px 30px 0 rgba(var(--shadow-color, var(--colors-background-natural-base-rgb, 221,221,221)), 0.5); } *[class*="--shadow-default"] { --shadow-color: var(--colors-background-natural-base-rgb, 221,221,221); } *[class*="--hover-shadow-default"]:hover { --shadow-color: var(--colors-background-natural-base-rgb, 221,221,221); } *[class*="--shadow-primary"] { --shadow-color: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--hover-shadow-primary"]:hover { --shadow-color: var(--colors-primary-base-rgb, 63,0,151); } *[class*="--shadow-primary-light"] { --shadow-color: var(--colors-primary-light-rgb, 74,0,177); } *[class*="--hover-shadow-primary-light"]:hover { --shadow-color: var(--colors-primary-light-rgb, 74,0,177); } *[class*="--shadow-primary-dark"] { --shadow-color: var(--colors-primary-dark-rgb, 58,0,135); } *[class*="--hover-shadow-primary-dark"]:hover { --shadow-color: var(--colors-primary-dark-rgb, 58,0,135); } *[class*="--shadow-secondary"] { --shadow-color: var(--colors-secondary-base-rgb, 255,208,40); } *[class*="--hover-shadow-secondary"]:hover { --shadow-color: var(--colors-secondary-base-rgb, 255,208,40); } *[class*="--shadow-secondary-light"] { --shadow-color: var(--colors-secondary-light-rgb, 255,219,91); } *[class*="--hover-shadow-secondary-light"]:hover { --shadow-color: var(--colors-secondary-light-rgb, 255,219,91); } *[class*="--shadow-secondary-dark"] { --shadow-color: var(--colors-secondary-dark-rgb, 244,191,0); } *[class*="--hover-shadow-secondary-dark"]:hover { --shadow-color: var(--colors-secondary-dark-rgb, 244,191,0); } *[class*="--shadow-natural"] { --shadow-color: var(--colors-background-natural-base-rgb, 221,221,221); } *[class*="--hover-shadow-natural"]:hover { --shadow-color: var(--colors-background-natural-base-rgb, 221,221,221); } *[class*="--shadow-natural-light"] { --shadow-color: var(--colors-background-natural-light-rgb, 246,246,246); } *[class*="--hover-shadow-natural-light"]:hover { --shadow-color: var(--colors-background-natural-light-rgb, 246,246,246); } *[class*="--shadow-natural-dark"] { --shadow-color: var(--colors-background-natural-dark-rgb, 195,195,195); } *[class*="--hover-shadow-natural-dark"]:hover { --shadow-color: var(--colors-background-natural-dark-rgb, 195,195,195); } *[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-base"] { --shadow-color: var(--colors-natural-grey-base-rgb, 221,221,221); } *[class*="--hover-shadow-grey-base"]:hover { --shadow-color: var(--colors-natural-grey-base-rgb, 221,221,221); } *[class*="--shadow-grey-light"] { --shadow-color: var(--colors-natural-grey-light-rgb, 246,246,246); } *[class*="--hover-shadow-grey-light"]:hover { --shadow-color: var(--colors-natural-grey-light-rgb, 246,246,246); } *[class*="--shadow-grey-dark"] { --shadow-color: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[class*="--hover-shadow-grey-dark"]:hover { --shadow-color: var(--colors-natural-grey-dark-rgb, 195,195,195); } *[class*="--shadow-success"] { --shadow-color: var(--colors-state-success-rgb, 166,243,180); } *[class*="--hover-shadow-success"]:hover { --shadow-color: var(--colors-state-success-rgb, 166,243,180); } *[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, 4rem); } *[class*="--media-sm-m-xxxl"] { margin: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-m-xxxxl"] { margin: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-left: var(--spaces-xxl, 4rem); } *[class*="--media-sm-mx-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-sm-my-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-sm-mt-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-sm-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-sm-ms-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-sm-me-xxxl"] { margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-sm-p-xxxl"] { padding: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-p-xxxxl"] { padding: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-left: var(--spaces-xxl, 4rem); } *[class*="--media-sm-px-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); padding-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-sm-py-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-sm-pt-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-sm-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-sm-ps-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-sm-pe-xxxl"] { padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-sm-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-sm-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-sm-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 12rem); } *[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: 4rem; } *[class*="--media-sm-gap-xxxl"] { gap: 6rem; } *[class*="--media-sm-gap-xxxxl"] { gap: 8rem; } *[class*="--media-sm-gap-xxxxxl"] { gap: 10rem; } *[class*="--media-sm-gap-xxxxxxl"] { gap: 12rem; } *[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: 4rem; } *[class*="--media-sm-gap-x-xxxl"] { column-gap: 6rem; } *[class*="--media-sm-gap-x-xxxxl"] { column-gap: 8rem; } *[class*="--media-sm-gap-x-xxxxxl"] { column-gap: 10rem; } *[class*="--media-sm-gap-x-xxxxxxl"] { column-gap: 12rem; } *[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: 4rem; } *[class*="--media-sm-gap-y-xxxl"] { row-gap: 6rem; } *[class*="--media-sm-gap-y-xxxxl"] { row-gap: 8rem; } *[class*="--media-sm-gap-y-xxxxxl"] { row-gap: 10rem; } *[class*="--media-sm-gap-y-xxxxxxl"] { row-gap: 12rem; } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-b-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-sm-b-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-sm-b-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-sm-b-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-sm-b-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-sm-b-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-sm-b-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-b-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-sm-b-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-sm-b-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-b-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-sm-b-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-b-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-sm-b-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-sm-b-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-sm-b-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-b-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-b-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-b-0"] { border: 0; } *[class*="--media-sm-b-bg-default"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-b-bg-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-sm-b-bg-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-sm-b-bg-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-sm-b-bg-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-sm-b-bg-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-sm-b-bg-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-sm-b-bg-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-b-bg-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-sm-b-bg-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-sm-b-bg-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-b-bg-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-sm-b-bg-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-b-bg-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-sm-b-bg-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-sm-b-bg-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-sm-b-bg-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-b-bg-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-b-bg-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-b-bg-0"] { border: 0; } *[class*="--media-sm-bt-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bt-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-sm-bt-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-sm-bt-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-sm-bt-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-sm-bt-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-sm-bt-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-sm-bt-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bt-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-sm-bt-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-sm-bt-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bt-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bt-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bt-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-sm-bt-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-sm-bt-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-sm-bt-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bt-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bt-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bt-0"] { border-top: 0; } *[class*="--media-sm-bt-bg-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bt-bg-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-sm-bt-bg-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-sm-bt-bg-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-sm-bt-bg-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-sm-bt-bg-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-sm-bt-bg-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-sm-bt-bg-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bt-bg-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-sm-bt-bg-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-sm-bt-bg-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bt-bg-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bt-bg-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bt-bg-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-sm-bt-bg-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-sm-bt-bg-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-sm-bt-bg-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bt-bg-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bt-bg-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bt-bg-0"] { border-top: 0; } *[class*="--media-sm-bb-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bb-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-sm-bb-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-sm-bb-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-sm-bb-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-sm-bb-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-sm-bb-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-sm-bb-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bb-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-sm-bb-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-sm-bb-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bb-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bb-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bb-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-sm-bb-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-sm-bb-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-sm-bb-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bb-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bb-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bb-0"] { border-bottom: 0; } *[class*="--media-sm-bb-bg-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bb-bg-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-sm-bb-bg-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-sm-bb-bg-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-sm-bb-bg-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-sm-bb-bg-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-sm-bb-bg-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-sm-bb-bg-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bb-bg-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-sm-bb-bg-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-sm-bb-bg-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bb-bg-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bb-bg-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bb-bg-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-sm-bb-bg-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-sm-bb-bg-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-sm-bb-bg-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bb-bg-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bb-bg-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bb-bg-0"] { border-bottom: 0; } *[class*="--media-sm-bs-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bs-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-sm-bs-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-sm-bs-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-sm-bs-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-sm-bs-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-sm-bs-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-sm-bs-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bs-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-sm-bs-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-sm-bs-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bs-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bs-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bs-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-sm-bs-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-sm-bs-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-sm-bs-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bs-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bs-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bs-0"] { border-right: 0; } *[class*="--media-sm-bs-bg-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bs-bg-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-sm-bs-bg-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-sm-bs-bg-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-sm-bs-bg-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-sm-bs-bg-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-sm-bs-bg-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-sm-bs-bg-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bs-bg-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-sm-bs-bg-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-sm-bs-bg-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-bs-bg-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-sm-bs-bg-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-bs-bg-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-sm-bs-bg-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-sm-bs-bg-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-sm-bs-bg-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-bs-bg-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-bs-bg-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-bs-bg-0"] { border-right: 0; } *[class*="--media-sm-be-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-be-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-sm-be-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-sm-be-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-sm-be-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-sm-be-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-sm-be-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-sm-be-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-be-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-sm-be-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-sm-be-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-be-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-sm-be-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-be-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-sm-be-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-sm-be-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-sm-be-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-be-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-be-info"] { border-left: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-sm-be-0"] { border-left: 0; } *[class*="--media-sm-be-bg-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-be-bg-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-sm-be-bg-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-sm-be-bg-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-sm-be-bg-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-sm-be-bg-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-sm-be-bg-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-sm-be-bg-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-be-bg-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-sm-be-bg-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-sm-be-bg-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-sm-be-bg-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-sm-be-bg-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-sm-be-bg-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-sm-be-bg-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-sm-be-bg-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-sm-be-bg-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-sm-be-bg-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-sm-be-bg-info"] { border-left: 1px 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.625rem); } *[class*="--media-sm-tsize-xs"] { font-size: var(--font-sizes-xs, 0.9375rem); } *[class*="--media-sm-tsize-sm"] { font-size: var(--font-sizes-sm, 1.125rem); } *[class*="--media-sm-tsize-md"] { font-size: var(--font-sizes-md, 1.25rem); } *[class*="--media-sm-tsize-lg"] { font-size: var(--font-sizes-lg, 1.5625rem); } *[class*="--media-sm-tsize-xl"] { font-size: var(--font-sizes-xl, 2.5rem); } *[class*="--media-sm-tsize-xxl"] { font-size: var(--font-sizes-xxl, 3.75rem); } *[class*="--media-sm-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.375rem); } *[class*="--media-sm-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 5.625rem); } *[class*="--media-sm-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 8.125rem); } *[class*="--media-sm-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 10rem); } *[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-talign-justify"] { text-align: justify; } *[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: 4rem; } *[class*="--media-sm-maxw-xxxl"] { max-width: 6rem; } *[class*="--media-sm-maxw-xxxxl"] { max-width: 8rem; } *[class*="--media-sm-maxw-xxxxxl"] { max-width: 10rem; } *[class*="--media-sm-maxw-xxxxxxl"] { max-width: 12rem; } *[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: 4rem; } *[class*="--media-sm-w-xxxl"] { width: 6rem; } *[class*="--media-sm-w-xxxxl"] { width: 8rem; } *[class*="--media-sm-w-xxxxxl"] { width: 10rem; } *[class*="--media-sm-w-xxxxxxl"] { width: 12rem; } *[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: 4rem; } *[class*="--media-sm-h-xxxl"] { height: 6rem; } *[class*="--media-sm-h-xxxxl"] { height: 8rem; } *[class*="--media-sm-h-xxxxxl"] { height: 10rem; } *[class*="--media-sm-h-xxxxxxl"] { height: 12rem; } *[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: 140px; } *[class*="--media-sm-position-t-header-indent"] { top: calc(140px + 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: 4rem; } *[class*="--media-sm-position-t-xxl-opposite"] { top: -4rem; } *[class*="--media-sm-position-t-xxxl"] { top: 6rem; } *[class*="--media-sm-position-t-xxxl-opposite"] { top: -6rem; } *[class*="--media-sm-position-t-xxxxl"] { top: 8rem; } *[class*="--media-sm-position-t-xxxxl-opposite"] { top: -8rem; } *[class*="--media-sm-position-t-xxxxxl"] { top: 10rem; } *[class*="--media-sm-position-t-xxxxxl-opposite"] { top: -10rem; } *[class*="--media-sm-position-t-xxxxxxl"] { top: 12rem; } *[class*="--media-sm-position-t-xxxxxxl-opposite"] { top: -12rem; } *[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: 140px; } *[class*="--media-sm-position-b-header-indent"] { bottom: calc(140px + 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: 4rem; } *[class*="--media-sm-position-b-xxl-opposite"] { bottom: -4rem; } *[class*="--media-sm-position-b-xxxl"] { bottom: 6rem; } *[class*="--media-sm-position-b-xxxl-opposite"] { bottom: -6rem; } *[class*="--media-sm-position-b-xxxxl"] { bottom: 8rem; } *[class*="--media-sm-position-b-xxxxl-opposite"] { bottom: -8rem; } *[class*="--media-sm-position-b-xxxxxl"] { bottom: 10rem; } *[class*="--media-sm-position-b-xxxxxl-opposite"] { bottom: -10rem; } *[class*="--media-sm-position-b-xxxxxxl"] { bottom: 12rem; } *[class*="--media-sm-position-b-xxxxxxl-opposite"] { bottom: -12rem; } *[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: 140px; } *[class*="--media-sm-position-s-header-indent"] { right: calc(140px + 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: 4rem; } *[class*="--media-sm-position-s-xxl-opposite"] { right: -4rem; } *[class*="--media-sm-position-s-xxxl"] { right: 6rem; } *[class*="--media-sm-position-s-xxxl-opposite"] { right: -6rem; } *[class*="--media-sm-position-s-xxxxl"] { right: 8rem; } *[class*="--media-sm-position-s-xxxxl-opposite"] { right: -8rem; } *[class*="--media-sm-position-s-xxxxxl"] { right: 10rem; } *[class*="--media-sm-position-s-xxxxxl-opposite"] { right: -10rem; } *[class*="--media-sm-position-s-xxxxxxl"] { right: 12rem; } *[class*="--media-sm-position-s-xxxxxxl-opposite"] { right: -12rem; } *[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: 140px; } *[class*="--media-sm-position-e-header-indent"] { left: calc(140px + 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: 4rem; } *[class*="--media-sm-position-e-xxl-opposite"] { left: -4rem; } *[class*="--media-sm-position-e-xxxl"] { left: 6rem; } *[class*="--media-sm-position-e-xxxl-opposite"] { left: -6rem; } *[class*="--media-sm-position-e-xxxxl"] { left: 8rem; } *[class*="--media-sm-position-e-xxxxl-opposite"] { left: -8rem; } *[class*="--media-sm-position-e-xxxxxl"] { left: 10rem; } *[class*="--media-sm-position-e-xxxxxl-opposite"] { left: -10rem; } *[class*="--media-sm-position-e-xxxxxxl"] { left: 12rem; } *[class*="--media-sm-position-e-xxxxxxl-opposite"] { left: -12rem; } *[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, 4rem); } *[class*="--media-md-m-xxxl"] { margin: var(--spaces-xxxl, 6rem); } *[class*="--media-md-m-xxxxl"] { margin: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-left: var(--spaces-xxl, 4rem); } *[class*="--media-md-mx-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-md-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-md-my-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-md-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-md-mt-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); } *[class*="--media-md-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-md-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-md-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-md-ms-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); } *[class*="--media-md-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-md-me-xxxl"] { margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-md-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-md-p-xxxl"] { padding: var(--spaces-xxxl, 6rem); } *[class*="--media-md-p-xxxxl"] { padding: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-left: var(--spaces-xxl, 4rem); } *[class*="--media-md-px-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-md-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); padding-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-md-py-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-md-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-md-pt-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); } *[class*="--media-md-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-md-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-md-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-md-ps-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); } *[class*="--media-md-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-md-pe-xxxl"] { padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-md-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-md-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-md-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 12rem); } *[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: 4rem; } *[class*="--media-md-gap-xxxl"] { gap: 6rem; } *[class*="--media-md-gap-xxxxl"] { gap: 8rem; } *[class*="--media-md-gap-xxxxxl"] { gap: 10rem; } *[class*="--media-md-gap-xxxxxxl"] { gap: 12rem; } *[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: 4rem; } *[class*="--media-md-gap-x-xxxl"] { column-gap: 6rem; } *[class*="--media-md-gap-x-xxxxl"] { column-gap: 8rem; } *[class*="--media-md-gap-x-xxxxxl"] { column-gap: 10rem; } *[class*="--media-md-gap-x-xxxxxxl"] { column-gap: 12rem; } *[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: 4rem; } *[class*="--media-md-gap-y-xxxl"] { row-gap: 6rem; } *[class*="--media-md-gap-y-xxxxl"] { row-gap: 8rem; } *[class*="--media-md-gap-y-xxxxxl"] { row-gap: 10rem; } *[class*="--media-md-gap-y-xxxxxxl"] { row-gap: 12rem; } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-b-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-md-b-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-md-b-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-md-b-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-md-b-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-md-b-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-md-b-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-b-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-md-b-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-md-b-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-b-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-md-b-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-b-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-md-b-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-md-b-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-md-b-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-b-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-b-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-b-0"] { border: 0; } *[class*="--media-md-b-bg-default"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-b-bg-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-md-b-bg-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-md-b-bg-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-md-b-bg-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-md-b-bg-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-md-b-bg-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-md-b-bg-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-b-bg-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-md-b-bg-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-md-b-bg-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-b-bg-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-md-b-bg-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-b-bg-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-md-b-bg-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-md-b-bg-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-md-b-bg-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-b-bg-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-b-bg-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-b-bg-0"] { border: 0; } *[class*="--media-md-bt-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bt-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-md-bt-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-md-bt-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-md-bt-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-md-bt-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-md-bt-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-md-bt-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bt-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-md-bt-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-md-bt-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bt-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-md-bt-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bt-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-md-bt-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-md-bt-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-md-bt-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bt-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bt-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bt-0"] { border-top: 0; } *[class*="--media-md-bt-bg-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bt-bg-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-md-bt-bg-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-md-bt-bg-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-md-bt-bg-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-md-bt-bg-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-md-bt-bg-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-md-bt-bg-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bt-bg-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-md-bt-bg-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-md-bt-bg-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bt-bg-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-md-bt-bg-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bt-bg-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-md-bt-bg-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-md-bt-bg-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-md-bt-bg-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bt-bg-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bt-bg-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bt-bg-0"] { border-top: 0; } *[class*="--media-md-bb-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bb-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-md-bb-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-md-bb-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-md-bb-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-md-bb-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-md-bb-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-md-bb-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bb-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-md-bb-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-md-bb-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bb-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-md-bb-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bb-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-md-bb-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-md-bb-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-md-bb-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bb-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bb-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bb-0"] { border-bottom: 0; } *[class*="--media-md-bb-bg-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bb-bg-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-md-bb-bg-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-md-bb-bg-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-md-bb-bg-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-md-bb-bg-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-md-bb-bg-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-md-bb-bg-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bb-bg-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-md-bb-bg-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-md-bb-bg-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bb-bg-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-md-bb-bg-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bb-bg-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-md-bb-bg-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-md-bb-bg-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-md-bb-bg-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bb-bg-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bb-bg-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bb-bg-0"] { border-bottom: 0; } *[class*="--media-md-bs-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bs-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-md-bs-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-md-bs-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-md-bs-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-md-bs-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-md-bs-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-md-bs-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bs-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-md-bs-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-md-bs-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bs-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-md-bs-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bs-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-md-bs-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-md-bs-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-md-bs-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bs-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bs-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bs-0"] { border-right: 0; } *[class*="--media-md-bs-bg-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bs-bg-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-md-bs-bg-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-md-bs-bg-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-md-bs-bg-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-md-bs-bg-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-md-bs-bg-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-md-bs-bg-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bs-bg-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-md-bs-bg-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-md-bs-bg-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-bs-bg-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-md-bs-bg-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-bs-bg-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-md-bs-bg-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-md-bs-bg-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-md-bs-bg-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-bs-bg-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-bs-bg-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-bs-bg-0"] { border-right: 0; } *[class*="--media-md-be-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-be-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-md-be-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-md-be-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-md-be-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-md-be-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-md-be-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-md-be-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-be-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-md-be-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-md-be-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-be-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-md-be-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-be-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-md-be-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-md-be-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-md-be-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-be-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-be-info"] { border-left: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-md-be-0"] { border-left: 0; } *[class*="--media-md-be-bg-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-be-bg-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-md-be-bg-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-md-be-bg-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-md-be-bg-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-md-be-bg-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-md-be-bg-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-md-be-bg-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-be-bg-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-md-be-bg-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-md-be-bg-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-md-be-bg-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-md-be-bg-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-md-be-bg-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-md-be-bg-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-md-be-bg-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-md-be-bg-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-md-be-bg-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-md-be-bg-info"] { border-left: 1px 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.625rem); } *[class*="--media-md-tsize-xs"] { font-size: var(--font-sizes-xs, 0.9375rem); } *[class*="--media-md-tsize-sm"] { font-size: var(--font-sizes-sm, 1.125rem); } *[class*="--media-md-tsize-md"] { font-size: var(--font-sizes-md, 1.25rem); } *[class*="--media-md-tsize-lg"] { font-size: var(--font-sizes-lg, 1.5625rem); } *[class*="--media-md-tsize-xl"] { font-size: var(--font-sizes-xl, 2.5rem); } *[class*="--media-md-tsize-xxl"] { font-size: var(--font-sizes-xxl, 3.75rem); } *[class*="--media-md-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.375rem); } *[class*="--media-md-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 5.625rem); } *[class*="--media-md-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 8.125rem); } *[class*="--media-md-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 10rem); } *[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-talign-justify"] { text-align: justify; } *[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: 4rem; } *[class*="--media-md-maxw-xxxl"] { max-width: 6rem; } *[class*="--media-md-maxw-xxxxl"] { max-width: 8rem; } *[class*="--media-md-maxw-xxxxxl"] { max-width: 10rem; } *[class*="--media-md-maxw-xxxxxxl"] { max-width: 12rem; } *[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: 4rem; } *[class*="--media-md-w-xxxl"] { width: 6rem; } *[class*="--media-md-w-xxxxl"] { width: 8rem; } *[class*="--media-md-w-xxxxxl"] { width: 10rem; } *[class*="--media-md-w-xxxxxxl"] { width: 12rem; } *[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: 4rem; } *[class*="--media-md-h-xxxl"] { height: 6rem; } *[class*="--media-md-h-xxxxl"] { height: 8rem; } *[class*="--media-md-h-xxxxxl"] { height: 10rem; } *[class*="--media-md-h-xxxxxxl"] { height: 12rem; } *[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: 140px; } *[class*="--media-md-position-t-header-indent"] { top: calc(140px + 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: 4rem; } *[class*="--media-md-position-t-xxl-opposite"] { top: -4rem; } *[class*="--media-md-position-t-xxxl"] { top: 6rem; } *[class*="--media-md-position-t-xxxl-opposite"] { top: -6rem; } *[class*="--media-md-position-t-xxxxl"] { top: 8rem; } *[class*="--media-md-position-t-xxxxl-opposite"] { top: -8rem; } *[class*="--media-md-position-t-xxxxxl"] { top: 10rem; } *[class*="--media-md-position-t-xxxxxl-opposite"] { top: -10rem; } *[class*="--media-md-position-t-xxxxxxl"] { top: 12rem; } *[class*="--media-md-position-t-xxxxxxl-opposite"] { top: -12rem; } *[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: 140px; } *[class*="--media-md-position-b-header-indent"] { bottom: calc(140px + 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: 4rem; } *[class*="--media-md-position-b-xxl-opposite"] { bottom: -4rem; } *[class*="--media-md-position-b-xxxl"] { bottom: 6rem; } *[class*="--media-md-position-b-xxxl-opposite"] { bottom: -6rem; } *[class*="--media-md-position-b-xxxxl"] { bottom: 8rem; } *[class*="--media-md-position-b-xxxxl-opposite"] { bottom: -8rem; } *[class*="--media-md-position-b-xxxxxl"] { bottom: 10rem; } *[class*="--media-md-position-b-xxxxxl-opposite"] { bottom: -10rem; } *[class*="--media-md-position-b-xxxxxxl"] { bottom: 12rem; } *[class*="--media-md-position-b-xxxxxxl-opposite"] { bottom: -12rem; } *[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: 140px; } *[class*="--media-md-position-s-header-indent"] { right: calc(140px + 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: 4rem; } *[class*="--media-md-position-s-xxl-opposite"] { right: -4rem; } *[class*="--media-md-position-s-xxxl"] { right: 6rem; } *[class*="--media-md-position-s-xxxl-opposite"] { right: -6rem; } *[class*="--media-md-position-s-xxxxl"] { right: 8rem; } *[class*="--media-md-position-s-xxxxl-opposite"] { right: -8rem; } *[class*="--media-md-position-s-xxxxxl"] { right: 10rem; } *[class*="--media-md-position-s-xxxxxl-opposite"] { right: -10rem; } *[class*="--media-md-position-s-xxxxxxl"] { right: 12rem; } *[class*="--media-md-position-s-xxxxxxl-opposite"] { right: -12rem; } *[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: 140px; } *[class*="--media-md-position-e-header-indent"] { left: calc(140px + 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: 4rem; } *[class*="--media-md-position-e-xxl-opposite"] { left: -4rem; } *[class*="--media-md-position-e-xxxl"] { left: 6rem; } *[class*="--media-md-position-e-xxxl-opposite"] { left: -6rem; } *[class*="--media-md-position-e-xxxxl"] { left: 8rem; } *[class*="--media-md-position-e-xxxxl-opposite"] { left: -8rem; } *[class*="--media-md-position-e-xxxxxl"] { left: 10rem; } *[class*="--media-md-position-e-xxxxxl-opposite"] { left: -10rem; } *[class*="--media-md-position-e-xxxxxxl"] { left: 12rem; } *[class*="--media-md-position-e-xxxxxxl-opposite"] { left: -12rem; } *[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, 4rem); } *[class*="--media-lg-m-xxxl"] { margin: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-m-xxxxl"] { margin: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-left: var(--spaces-xxl, 4rem); } *[class*="--media-lg-mx-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-lg-my-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-lg-mt-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-lg-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-lg-ms-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-lg-me-xxxl"] { margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-lg-p-xxxl"] { padding: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-p-xxxxl"] { padding: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-left: var(--spaces-xxl, 4rem); } *[class*="--media-lg-px-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); padding-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-lg-py-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-lg-pt-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-lg-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-lg-ps-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-lg-pe-xxxl"] { padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-lg-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-lg-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-lg-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 12rem); } *[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: 4rem; } *[class*="--media-lg-gap-xxxl"] { gap: 6rem; } *[class*="--media-lg-gap-xxxxl"] { gap: 8rem; } *[class*="--media-lg-gap-xxxxxl"] { gap: 10rem; } *[class*="--media-lg-gap-xxxxxxl"] { gap: 12rem; } *[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: 4rem; } *[class*="--media-lg-gap-x-xxxl"] { column-gap: 6rem; } *[class*="--media-lg-gap-x-xxxxl"] { column-gap: 8rem; } *[class*="--media-lg-gap-x-xxxxxl"] { column-gap: 10rem; } *[class*="--media-lg-gap-x-xxxxxxl"] { column-gap: 12rem; } *[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: 4rem; } *[class*="--media-lg-gap-y-xxxl"] { row-gap: 6rem; } *[class*="--media-lg-gap-y-xxxxl"] { row-gap: 8rem; } *[class*="--media-lg-gap-y-xxxxxl"] { row-gap: 10rem; } *[class*="--media-lg-gap-y-xxxxxxl"] { row-gap: 12rem; } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-b-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-lg-b-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-lg-b-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-lg-b-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-lg-b-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-lg-b-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-lg-b-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-b-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-lg-b-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-lg-b-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-b-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-lg-b-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-b-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-lg-b-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-lg-b-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-lg-b-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-b-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-b-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-b-0"] { border: 0; } *[class*="--media-lg-b-bg-default"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-b-bg-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-lg-b-bg-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-lg-b-bg-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-lg-b-bg-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-lg-b-bg-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-lg-b-bg-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-lg-b-bg-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-b-bg-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-lg-b-bg-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-lg-b-bg-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-b-bg-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-lg-b-bg-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-b-bg-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-lg-b-bg-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-lg-b-bg-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-lg-b-bg-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-b-bg-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-b-bg-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-b-bg-0"] { border: 0; } *[class*="--media-lg-bt-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bt-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-lg-bt-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-lg-bt-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-lg-bt-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-lg-bt-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-lg-bt-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-lg-bt-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bt-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-lg-bt-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-lg-bt-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bt-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bt-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bt-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-lg-bt-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-lg-bt-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-lg-bt-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bt-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bt-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bt-0"] { border-top: 0; } *[class*="--media-lg-bt-bg-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bt-bg-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-lg-bt-bg-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-lg-bt-bg-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-lg-bt-bg-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-lg-bt-bg-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-lg-bt-bg-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-lg-bt-bg-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bt-bg-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-lg-bt-bg-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-lg-bt-bg-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bt-bg-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bt-bg-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bt-bg-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-lg-bt-bg-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-lg-bt-bg-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-lg-bt-bg-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bt-bg-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bt-bg-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bt-bg-0"] { border-top: 0; } *[class*="--media-lg-bb-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bb-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-lg-bb-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-lg-bb-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-lg-bb-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-lg-bb-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-lg-bb-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-lg-bb-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bb-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-lg-bb-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-lg-bb-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bb-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bb-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bb-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-lg-bb-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-lg-bb-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-lg-bb-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bb-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bb-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bb-0"] { border-bottom: 0; } *[class*="--media-lg-bb-bg-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bb-bg-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-lg-bb-bg-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-lg-bb-bg-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-lg-bb-bg-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-lg-bb-bg-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-lg-bb-bg-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-lg-bb-bg-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bb-bg-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-lg-bb-bg-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-lg-bb-bg-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bb-bg-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bb-bg-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bb-bg-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-lg-bb-bg-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-lg-bb-bg-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-lg-bb-bg-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bb-bg-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bb-bg-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bb-bg-0"] { border-bottom: 0; } *[class*="--media-lg-bs-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bs-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-lg-bs-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-lg-bs-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-lg-bs-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-lg-bs-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-lg-bs-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-lg-bs-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bs-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-lg-bs-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-lg-bs-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bs-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bs-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bs-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-lg-bs-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-lg-bs-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-lg-bs-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bs-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bs-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bs-0"] { border-right: 0; } *[class*="--media-lg-bs-bg-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bs-bg-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-lg-bs-bg-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-lg-bs-bg-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-lg-bs-bg-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-lg-bs-bg-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-lg-bs-bg-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-lg-bs-bg-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bs-bg-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-lg-bs-bg-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-lg-bs-bg-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-bs-bg-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-lg-bs-bg-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-bs-bg-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-lg-bs-bg-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-lg-bs-bg-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-lg-bs-bg-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-bs-bg-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-bs-bg-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-bs-bg-0"] { border-right: 0; } *[class*="--media-lg-be-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-be-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-lg-be-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-lg-be-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-lg-be-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-lg-be-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-lg-be-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-lg-be-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-be-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-lg-be-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-lg-be-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-be-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-lg-be-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-be-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-lg-be-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-lg-be-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-lg-be-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-be-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-be-info"] { border-left: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-lg-be-0"] { border-left: 0; } *[class*="--media-lg-be-bg-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-be-bg-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-lg-be-bg-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-lg-be-bg-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-lg-be-bg-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-lg-be-bg-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-lg-be-bg-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-lg-be-bg-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-be-bg-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-lg-be-bg-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-lg-be-bg-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-lg-be-bg-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-lg-be-bg-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-lg-be-bg-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-lg-be-bg-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-lg-be-bg-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-lg-be-bg-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-lg-be-bg-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-lg-be-bg-info"] { border-left: 1px 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.625rem); } *[class*="--media-lg-tsize-xs"] { font-size: var(--font-sizes-xs, 0.9375rem); } *[class*="--media-lg-tsize-sm"] { font-size: var(--font-sizes-sm, 1.125rem); } *[class*="--media-lg-tsize-md"] { font-size: var(--font-sizes-md, 1.25rem); } *[class*="--media-lg-tsize-lg"] { font-size: var(--font-sizes-lg, 1.5625rem); } *[class*="--media-lg-tsize-xl"] { font-size: var(--font-sizes-xl, 2.5rem); } *[class*="--media-lg-tsize-xxl"] { font-size: var(--font-sizes-xxl, 3.75rem); } *[class*="--media-lg-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.375rem); } *[class*="--media-lg-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 5.625rem); } *[class*="--media-lg-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 8.125rem); } *[class*="--media-lg-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 10rem); } *[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-talign-justify"] { text-align: justify; } *[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: 4rem; } *[class*="--media-lg-maxw-xxxl"] { max-width: 6rem; } *[class*="--media-lg-maxw-xxxxl"] { max-width: 8rem; } *[class*="--media-lg-maxw-xxxxxl"] { max-width: 10rem; } *[class*="--media-lg-maxw-xxxxxxl"] { max-width: 12rem; } *[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: 4rem; } *[class*="--media-lg-w-xxxl"] { width: 6rem; } *[class*="--media-lg-w-xxxxl"] { width: 8rem; } *[class*="--media-lg-w-xxxxxl"] { width: 10rem; } *[class*="--media-lg-w-xxxxxxl"] { width: 12rem; } *[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: 4rem; } *[class*="--media-lg-h-xxxl"] { height: 6rem; } *[class*="--media-lg-h-xxxxl"] { height: 8rem; } *[class*="--media-lg-h-xxxxxl"] { height: 10rem; } *[class*="--media-lg-h-xxxxxxl"] { height: 12rem; } *[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: 140px; } *[class*="--media-lg-position-t-header-indent"] { top: calc(140px + 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: 4rem; } *[class*="--media-lg-position-t-xxl-opposite"] { top: -4rem; } *[class*="--media-lg-position-t-xxxl"] { top: 6rem; } *[class*="--media-lg-position-t-xxxl-opposite"] { top: -6rem; } *[class*="--media-lg-position-t-xxxxl"] { top: 8rem; } *[class*="--media-lg-position-t-xxxxl-opposite"] { top: -8rem; } *[class*="--media-lg-position-t-xxxxxl"] { top: 10rem; } *[class*="--media-lg-position-t-xxxxxl-opposite"] { top: -10rem; } *[class*="--media-lg-position-t-xxxxxxl"] { top: 12rem; } *[class*="--media-lg-position-t-xxxxxxl-opposite"] { top: -12rem; } *[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: 140px; } *[class*="--media-lg-position-b-header-indent"] { bottom: calc(140px + 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: 4rem; } *[class*="--media-lg-position-b-xxl-opposite"] { bottom: -4rem; } *[class*="--media-lg-position-b-xxxl"] { bottom: 6rem; } *[class*="--media-lg-position-b-xxxl-opposite"] { bottom: -6rem; } *[class*="--media-lg-position-b-xxxxl"] { bottom: 8rem; } *[class*="--media-lg-position-b-xxxxl-opposite"] { bottom: -8rem; } *[class*="--media-lg-position-b-xxxxxl"] { bottom: 10rem; } *[class*="--media-lg-position-b-xxxxxl-opposite"] { bottom: -10rem; } *[class*="--media-lg-position-b-xxxxxxl"] { bottom: 12rem; } *[class*="--media-lg-position-b-xxxxxxl-opposite"] { bottom: -12rem; } *[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: 140px; } *[class*="--media-lg-position-s-header-indent"] { right: calc(140px + 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: 4rem; } *[class*="--media-lg-position-s-xxl-opposite"] { right: -4rem; } *[class*="--media-lg-position-s-xxxl"] { right: 6rem; } *[class*="--media-lg-position-s-xxxl-opposite"] { right: -6rem; } *[class*="--media-lg-position-s-xxxxl"] { right: 8rem; } *[class*="--media-lg-position-s-xxxxl-opposite"] { right: -8rem; } *[class*="--media-lg-position-s-xxxxxl"] { right: 10rem; } *[class*="--media-lg-position-s-xxxxxl-opposite"] { right: -10rem; } *[class*="--media-lg-position-s-xxxxxxl"] { right: 12rem; } *[class*="--media-lg-position-s-xxxxxxl-opposite"] { right: -12rem; } *[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: 140px; } *[class*="--media-lg-position-e-header-indent"] { left: calc(140px + 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: 4rem; } *[class*="--media-lg-position-e-xxl-opposite"] { left: -4rem; } *[class*="--media-lg-position-e-xxxl"] { left: 6rem; } *[class*="--media-lg-position-e-xxxl-opposite"] { left: -6rem; } *[class*="--media-lg-position-e-xxxxl"] { left: 8rem; } *[class*="--media-lg-position-e-xxxxl-opposite"] { left: -8rem; } *[class*="--media-lg-position-e-xxxxxl"] { left: 10rem; } *[class*="--media-lg-position-e-xxxxxl-opposite"] { left: -10rem; } *[class*="--media-lg-position-e-xxxxxxl"] { left: 12rem; } *[class*="--media-lg-position-e-xxxxxxl-opposite"] { left: -12rem; } *[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, 4rem); } *[class*="--media-xl-m-xxxl"] { margin: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-m-xxxxl"] { margin: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-left: var(--spaces-xxl, 4rem); } *[class*="--media-xl-mx-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-xl-my-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xl-mt-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xl-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xl-ms-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xl-me-xxxl"] { margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xl-p-xxxl"] { padding: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-p-xxxxl"] { padding: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-left: var(--spaces-xxl, 4rem); } *[class*="--media-xl-px-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); padding-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-xl-py-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xl-pt-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xl-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xl-ps-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xl-pe-xxxl"] { padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xl-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xl-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xl-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 12rem); } *[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: 4rem; } *[class*="--media-xl-gap-xxxl"] { gap: 6rem; } *[class*="--media-xl-gap-xxxxl"] { gap: 8rem; } *[class*="--media-xl-gap-xxxxxl"] { gap: 10rem; } *[class*="--media-xl-gap-xxxxxxl"] { gap: 12rem; } *[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: 4rem; } *[class*="--media-xl-gap-x-xxxl"] { column-gap: 6rem; } *[class*="--media-xl-gap-x-xxxxl"] { column-gap: 8rem; } *[class*="--media-xl-gap-x-xxxxxl"] { column-gap: 10rem; } *[class*="--media-xl-gap-x-xxxxxxl"] { column-gap: 12rem; } *[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: 4rem; } *[class*="--media-xl-gap-y-xxxl"] { row-gap: 6rem; } *[class*="--media-xl-gap-y-xxxxl"] { row-gap: 8rem; } *[class*="--media-xl-gap-y-xxxxxl"] { row-gap: 10rem; } *[class*="--media-xl-gap-y-xxxxxxl"] { row-gap: 12rem; } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-b-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xl-b-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xl-b-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xl-b-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xl-b-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xl-b-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xl-b-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-b-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xl-b-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xl-b-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-b-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xl-b-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-b-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xl-b-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xl-b-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xl-b-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-b-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-b-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-b-0"] { border: 0; } *[class*="--media-xl-b-bg-default"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-b-bg-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xl-b-bg-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xl-b-bg-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xl-b-bg-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xl-b-bg-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xl-b-bg-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xl-b-bg-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-b-bg-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xl-b-bg-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xl-b-bg-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-b-bg-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xl-b-bg-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-b-bg-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xl-b-bg-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xl-b-bg-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xl-b-bg-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-b-bg-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-b-bg-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-b-bg-0"] { border: 0; } *[class*="--media-xl-bt-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bt-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xl-bt-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xl-bt-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xl-bt-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xl-bt-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xl-bt-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xl-bt-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bt-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xl-bt-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xl-bt-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bt-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bt-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bt-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xl-bt-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xl-bt-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xl-bt-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bt-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bt-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bt-0"] { border-top: 0; } *[class*="--media-xl-bt-bg-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bt-bg-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xl-bt-bg-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xl-bt-bg-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xl-bt-bg-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xl-bt-bg-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xl-bt-bg-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xl-bt-bg-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bt-bg-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xl-bt-bg-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xl-bt-bg-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bt-bg-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bt-bg-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bt-bg-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xl-bt-bg-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xl-bt-bg-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xl-bt-bg-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bt-bg-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bt-bg-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bt-bg-0"] { border-top: 0; } *[class*="--media-xl-bb-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bb-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xl-bb-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xl-bb-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xl-bb-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xl-bb-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xl-bb-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xl-bb-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bb-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xl-bb-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xl-bb-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bb-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bb-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bb-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xl-bb-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xl-bb-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xl-bb-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bb-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bb-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bb-0"] { border-bottom: 0; } *[class*="--media-xl-bb-bg-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bb-bg-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xl-bb-bg-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xl-bb-bg-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xl-bb-bg-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xl-bb-bg-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xl-bb-bg-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xl-bb-bg-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bb-bg-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xl-bb-bg-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xl-bb-bg-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bb-bg-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bb-bg-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bb-bg-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xl-bb-bg-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xl-bb-bg-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xl-bb-bg-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bb-bg-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bb-bg-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bb-bg-0"] { border-bottom: 0; } *[class*="--media-xl-bs-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bs-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xl-bs-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xl-bs-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xl-bs-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xl-bs-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xl-bs-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xl-bs-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bs-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xl-bs-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xl-bs-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bs-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bs-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bs-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xl-bs-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xl-bs-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xl-bs-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bs-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bs-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bs-0"] { border-right: 0; } *[class*="--media-xl-bs-bg-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bs-bg-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xl-bs-bg-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xl-bs-bg-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xl-bs-bg-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xl-bs-bg-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xl-bs-bg-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xl-bs-bg-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bs-bg-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xl-bs-bg-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xl-bs-bg-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-bs-bg-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xl-bs-bg-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-bs-bg-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xl-bs-bg-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xl-bs-bg-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xl-bs-bg-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-bs-bg-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-bs-bg-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-bs-bg-0"] { border-right: 0; } *[class*="--media-xl-be-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-be-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xl-be-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xl-be-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xl-be-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xl-be-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xl-be-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xl-be-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-be-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xl-be-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xl-be-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-be-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xl-be-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-be-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xl-be-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xl-be-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xl-be-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-be-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-be-info"] { border-left: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xl-be-0"] { border-left: 0; } *[class*="--media-xl-be-bg-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-be-bg-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xl-be-bg-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xl-be-bg-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xl-be-bg-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xl-be-bg-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xl-be-bg-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xl-be-bg-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-be-bg-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xl-be-bg-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xl-be-bg-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xl-be-bg-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xl-be-bg-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xl-be-bg-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xl-be-bg-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xl-be-bg-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xl-be-bg-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xl-be-bg-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xl-be-bg-info"] { border-left: 1px 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.625rem); } *[class*="--media-xl-tsize-xs"] { font-size: var(--font-sizes-xs, 0.9375rem); } *[class*="--media-xl-tsize-sm"] { font-size: var(--font-sizes-sm, 1.125rem); } *[class*="--media-xl-tsize-md"] { font-size: var(--font-sizes-md, 1.25rem); } *[class*="--media-xl-tsize-lg"] { font-size: var(--font-sizes-lg, 1.5625rem); } *[class*="--media-xl-tsize-xl"] { font-size: var(--font-sizes-xl, 2.5rem); } *[class*="--media-xl-tsize-xxl"] { font-size: var(--font-sizes-xxl, 3.75rem); } *[class*="--media-xl-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.375rem); } *[class*="--media-xl-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 5.625rem); } *[class*="--media-xl-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 8.125rem); } *[class*="--media-xl-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 10rem); } *[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-talign-justify"] { text-align: justify; } *[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: 4rem; } *[class*="--media-xl-maxw-xxxl"] { max-width: 6rem; } *[class*="--media-xl-maxw-xxxxl"] { max-width: 8rem; } *[class*="--media-xl-maxw-xxxxxl"] { max-width: 10rem; } *[class*="--media-xl-maxw-xxxxxxl"] { max-width: 12rem; } *[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: 4rem; } *[class*="--media-xl-w-xxxl"] { width: 6rem; } *[class*="--media-xl-w-xxxxl"] { width: 8rem; } *[class*="--media-xl-w-xxxxxl"] { width: 10rem; } *[class*="--media-xl-w-xxxxxxl"] { width: 12rem; } *[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: 4rem; } *[class*="--media-xl-h-xxxl"] { height: 6rem; } *[class*="--media-xl-h-xxxxl"] { height: 8rem; } *[class*="--media-xl-h-xxxxxl"] { height: 10rem; } *[class*="--media-xl-h-xxxxxxl"] { height: 12rem; } *[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: 140px; } *[class*="--media-xl-position-t-header-indent"] { top: calc(140px + 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: 4rem; } *[class*="--media-xl-position-t-xxl-opposite"] { top: -4rem; } *[class*="--media-xl-position-t-xxxl"] { top: 6rem; } *[class*="--media-xl-position-t-xxxl-opposite"] { top: -6rem; } *[class*="--media-xl-position-t-xxxxl"] { top: 8rem; } *[class*="--media-xl-position-t-xxxxl-opposite"] { top: -8rem; } *[class*="--media-xl-position-t-xxxxxl"] { top: 10rem; } *[class*="--media-xl-position-t-xxxxxl-opposite"] { top: -10rem; } *[class*="--media-xl-position-t-xxxxxxl"] { top: 12rem; } *[class*="--media-xl-position-t-xxxxxxl-opposite"] { top: -12rem; } *[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: 140px; } *[class*="--media-xl-position-b-header-indent"] { bottom: calc(140px + 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: 4rem; } *[class*="--media-xl-position-b-xxl-opposite"] { bottom: -4rem; } *[class*="--media-xl-position-b-xxxl"] { bottom: 6rem; } *[class*="--media-xl-position-b-xxxl-opposite"] { bottom: -6rem; } *[class*="--media-xl-position-b-xxxxl"] { bottom: 8rem; } *[class*="--media-xl-position-b-xxxxl-opposite"] { bottom: -8rem; } *[class*="--media-xl-position-b-xxxxxl"] { bottom: 10rem; } *[class*="--media-xl-position-b-xxxxxl-opposite"] { bottom: -10rem; } *[class*="--media-xl-position-b-xxxxxxl"] { bottom: 12rem; } *[class*="--media-xl-position-b-xxxxxxl-opposite"] { bottom: -12rem; } *[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: 140px; } *[class*="--media-xl-position-s-header-indent"] { right: calc(140px + 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: 4rem; } *[class*="--media-xl-position-s-xxl-opposite"] { right: -4rem; } *[class*="--media-xl-position-s-xxxl"] { right: 6rem; } *[class*="--media-xl-position-s-xxxl-opposite"] { right: -6rem; } *[class*="--media-xl-position-s-xxxxl"] { right: 8rem; } *[class*="--media-xl-position-s-xxxxl-opposite"] { right: -8rem; } *[class*="--media-xl-position-s-xxxxxl"] { right: 10rem; } *[class*="--media-xl-position-s-xxxxxl-opposite"] { right: -10rem; } *[class*="--media-xl-position-s-xxxxxxl"] { right: 12rem; } *[class*="--media-xl-position-s-xxxxxxl-opposite"] { right: -12rem; } *[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: 140px; } *[class*="--media-xl-position-e-header-indent"] { left: calc(140px + 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: 4rem; } *[class*="--media-xl-position-e-xxl-opposite"] { left: -4rem; } *[class*="--media-xl-position-e-xxxl"] { left: 6rem; } *[class*="--media-xl-position-e-xxxl-opposite"] { left: -6rem; } *[class*="--media-xl-position-e-xxxxl"] { left: 8rem; } *[class*="--media-xl-position-e-xxxxl-opposite"] { left: -8rem; } *[class*="--media-xl-position-e-xxxxxl"] { left: 10rem; } *[class*="--media-xl-position-e-xxxxxl-opposite"] { left: -10rem; } *[class*="--media-xl-position-e-xxxxxxl"] { left: 12rem; } *[class*="--media-xl-position-e-xxxxxxl-opposite"] { left: -12rem; } *[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, 4rem); } *[class*="--media-xxl-m-xxxl"] { margin: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-m-xxxxl"] { margin: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-left: var(--spaces-xxl, 4rem); } *[class*="--media-xxl-mx-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-xxl-my-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxl-mt-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxl-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxl-ms-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxl-me-xxxl"] { margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxl-p-xxxl"] { padding: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-p-xxxxl"] { padding: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-left: var(--spaces-xxl, 4rem); } *[class*="--media-xxl-px-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); padding-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-xxl-py-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxl-pt-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxl-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxl-ps-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxl-pe-xxxl"] { padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xxl-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxl-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxl-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 12rem); } *[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: 4rem; } *[class*="--media-xxl-gap-xxxl"] { gap: 6rem; } *[class*="--media-xxl-gap-xxxxl"] { gap: 8rem; } *[class*="--media-xxl-gap-xxxxxl"] { gap: 10rem; } *[class*="--media-xxl-gap-xxxxxxl"] { gap: 12rem; } *[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: 4rem; } *[class*="--media-xxl-gap-x-xxxl"] { column-gap: 6rem; } *[class*="--media-xxl-gap-x-xxxxl"] { column-gap: 8rem; } *[class*="--media-xxl-gap-x-xxxxxl"] { column-gap: 10rem; } *[class*="--media-xxl-gap-x-xxxxxxl"] { column-gap: 12rem; } *[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: 4rem; } *[class*="--media-xxl-gap-y-xxxl"] { row-gap: 6rem; } *[class*="--media-xxl-gap-y-xxxxl"] { row-gap: 8rem; } *[class*="--media-xxl-gap-y-xxxxxl"] { row-gap: 10rem; } *[class*="--media-xxl-gap-y-xxxxxxl"] { row-gap: 12rem; } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-b-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxl-b-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxl-b-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxl-b-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxl-b-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxl-b-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxl-b-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-b-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxl-b-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxl-b-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-b-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-b-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-b-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxl-b-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxl-b-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxl-b-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-b-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-b-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-b-0"] { border: 0; } *[class*="--media-xxl-b-bg-default"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-b-bg-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxl-b-bg-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxl-b-bg-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxl-b-bg-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxl-b-bg-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxl-b-bg-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxl-b-bg-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-b-bg-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxl-b-bg-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxl-b-bg-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-b-bg-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-b-bg-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-b-bg-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxl-b-bg-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxl-b-bg-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxl-b-bg-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-b-bg-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-b-bg-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-b-bg-0"] { border: 0; } *[class*="--media-xxl-bt-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bt-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxl-bt-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxl-bt-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxl-bt-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxl-bt-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxl-bt-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxl-bt-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bt-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxl-bt-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxl-bt-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bt-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bt-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bt-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxl-bt-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxl-bt-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxl-bt-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bt-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bt-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bt-0"] { border-top: 0; } *[class*="--media-xxl-bt-bg-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bt-bg-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxl-bt-bg-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxl-bt-bg-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxl-bt-bg-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxl-bt-bg-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxl-bt-bg-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxl-bt-bg-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bt-bg-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxl-bt-bg-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxl-bt-bg-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bt-bg-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bt-bg-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bt-bg-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxl-bt-bg-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxl-bt-bg-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxl-bt-bg-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bt-bg-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bt-bg-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bt-bg-0"] { border-top: 0; } *[class*="--media-xxl-bb-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bb-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxl-bb-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxl-bb-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxl-bb-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxl-bb-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxl-bb-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxl-bb-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bb-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxl-bb-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxl-bb-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bb-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bb-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bb-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxl-bb-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxl-bb-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxl-bb-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bb-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bb-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bb-0"] { border-bottom: 0; } *[class*="--media-xxl-bb-bg-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bb-bg-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxl-bb-bg-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxl-bb-bg-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxl-bb-bg-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxl-bb-bg-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxl-bb-bg-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxl-bb-bg-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bb-bg-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxl-bb-bg-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxl-bb-bg-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bb-bg-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bb-bg-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bb-bg-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxl-bb-bg-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxl-bb-bg-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxl-bb-bg-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bb-bg-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bb-bg-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bb-bg-0"] { border-bottom: 0; } *[class*="--media-xxl-bs-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bs-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxl-bs-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxl-bs-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxl-bs-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxl-bs-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxl-bs-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxl-bs-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bs-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxl-bs-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxl-bs-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bs-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bs-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bs-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxl-bs-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxl-bs-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxl-bs-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bs-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bs-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bs-0"] { border-right: 0; } *[class*="--media-xxl-bs-bg-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bs-bg-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxl-bs-bg-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxl-bs-bg-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxl-bs-bg-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxl-bs-bg-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxl-bs-bg-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxl-bs-bg-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bs-bg-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxl-bs-bg-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxl-bs-bg-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-bs-bg-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-bs-bg-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-bs-bg-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxl-bs-bg-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxl-bs-bg-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxl-bs-bg-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-bs-bg-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-bs-bg-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-bs-bg-0"] { border-right: 0; } *[class*="--media-xxl-be-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-be-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxl-be-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxl-be-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxl-be-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxl-be-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxl-be-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxl-be-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-be-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxl-be-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxl-be-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-be-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-be-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-be-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxl-be-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxl-be-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxl-be-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-be-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-be-info"] { border-left: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxl-be-0"] { border-left: 0; } *[class*="--media-xxl-be-bg-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-be-bg-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxl-be-bg-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxl-be-bg-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxl-be-bg-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxl-be-bg-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxl-be-bg-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxl-be-bg-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-be-bg-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxl-be-bg-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxl-be-bg-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxl-be-bg-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxl-be-bg-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxl-be-bg-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxl-be-bg-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxl-be-bg-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxl-be-bg-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxl-be-bg-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxl-be-bg-info"] { border-left: 1px 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.625rem); } *[class*="--media-xxl-tsize-xs"] { font-size: var(--font-sizes-xs, 0.9375rem); } *[class*="--media-xxl-tsize-sm"] { font-size: var(--font-sizes-sm, 1.125rem); } *[class*="--media-xxl-tsize-md"] { font-size: var(--font-sizes-md, 1.25rem); } *[class*="--media-xxl-tsize-lg"] { font-size: var(--font-sizes-lg, 1.5625rem); } *[class*="--media-xxl-tsize-xl"] { font-size: var(--font-sizes-xl, 2.5rem); } *[class*="--media-xxl-tsize-xxl"] { font-size: var(--font-sizes-xxl, 3.75rem); } *[class*="--media-xxl-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.375rem); } *[class*="--media-xxl-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 5.625rem); } *[class*="--media-xxl-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 8.125rem); } *[class*="--media-xxl-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 10rem); } *[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-talign-justify"] { text-align: justify; } *[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: 4rem; } *[class*="--media-xxl-maxw-xxxl"] { max-width: 6rem; } *[class*="--media-xxl-maxw-xxxxl"] { max-width: 8rem; } *[class*="--media-xxl-maxw-xxxxxl"] { max-width: 10rem; } *[class*="--media-xxl-maxw-xxxxxxl"] { max-width: 12rem; } *[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: 4rem; } *[class*="--media-xxl-w-xxxl"] { width: 6rem; } *[class*="--media-xxl-w-xxxxl"] { width: 8rem; } *[class*="--media-xxl-w-xxxxxl"] { width: 10rem; } *[class*="--media-xxl-w-xxxxxxl"] { width: 12rem; } *[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: 4rem; } *[class*="--media-xxl-h-xxxl"] { height: 6rem; } *[class*="--media-xxl-h-xxxxl"] { height: 8rem; } *[class*="--media-xxl-h-xxxxxl"] { height: 10rem; } *[class*="--media-xxl-h-xxxxxxl"] { height: 12rem; } *[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: 140px; } *[class*="--media-xxl-position-t-header-indent"] { top: calc(140px + 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: 4rem; } *[class*="--media-xxl-position-t-xxl-opposite"] { top: -4rem; } *[class*="--media-xxl-position-t-xxxl"] { top: 6rem; } *[class*="--media-xxl-position-t-xxxl-opposite"] { top: -6rem; } *[class*="--media-xxl-position-t-xxxxl"] { top: 8rem; } *[class*="--media-xxl-position-t-xxxxl-opposite"] { top: -8rem; } *[class*="--media-xxl-position-t-xxxxxl"] { top: 10rem; } *[class*="--media-xxl-position-t-xxxxxl-opposite"] { top: -10rem; } *[class*="--media-xxl-position-t-xxxxxxl"] { top: 12rem; } *[class*="--media-xxl-position-t-xxxxxxl-opposite"] { top: -12rem; } *[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: 140px; } *[class*="--media-xxl-position-b-header-indent"] { bottom: calc(140px + 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: 4rem; } *[class*="--media-xxl-position-b-xxl-opposite"] { bottom: -4rem; } *[class*="--media-xxl-position-b-xxxl"] { bottom: 6rem; } *[class*="--media-xxl-position-b-xxxl-opposite"] { bottom: -6rem; } *[class*="--media-xxl-position-b-xxxxl"] { bottom: 8rem; } *[class*="--media-xxl-position-b-xxxxl-opposite"] { bottom: -8rem; } *[class*="--media-xxl-position-b-xxxxxl"] { bottom: 10rem; } *[class*="--media-xxl-position-b-xxxxxl-opposite"] { bottom: -10rem; } *[class*="--media-xxl-position-b-xxxxxxl"] { bottom: 12rem; } *[class*="--media-xxl-position-b-xxxxxxl-opposite"] { bottom: -12rem; } *[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: 140px; } *[class*="--media-xxl-position-s-header-indent"] { right: calc(140px + 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: 4rem; } *[class*="--media-xxl-position-s-xxl-opposite"] { right: -4rem; } *[class*="--media-xxl-position-s-xxxl"] { right: 6rem; } *[class*="--media-xxl-position-s-xxxl-opposite"] { right: -6rem; } *[class*="--media-xxl-position-s-xxxxl"] { right: 8rem; } *[class*="--media-xxl-position-s-xxxxl-opposite"] { right: -8rem; } *[class*="--media-xxl-position-s-xxxxxl"] { right: 10rem; } *[class*="--media-xxl-position-s-xxxxxl-opposite"] { right: -10rem; } *[class*="--media-xxl-position-s-xxxxxxl"] { right: 12rem; } *[class*="--media-xxl-position-s-xxxxxxl-opposite"] { right: -12rem; } *[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: 140px; } *[class*="--media-xxl-position-e-header-indent"] { left: calc(140px + 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: 4rem; } *[class*="--media-xxl-position-e-xxl-opposite"] { left: -4rem; } *[class*="--media-xxl-position-e-xxxl"] { left: 6rem; } *[class*="--media-xxl-position-e-xxxl-opposite"] { left: -6rem; } *[class*="--media-xxl-position-e-xxxxl"] { left: 8rem; } *[class*="--media-xxl-position-e-xxxxl-opposite"] { left: -8rem; } *[class*="--media-xxl-position-e-xxxxxl"] { left: 10rem; } *[class*="--media-xxl-position-e-xxxxxl-opposite"] { left: -10rem; } *[class*="--media-xxl-position-e-xxxxxxl"] { left: 12rem; } *[class*="--media-xxl-position-e-xxxxxxl-opposite"] { left: -12rem; } *[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, 4rem); } *[class*="--media-xxxl-m-xxxl"] { margin: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-m-xxxxl"] { margin: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-m-xxxxxl"] { margin: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-m-xxxxxxl"] { margin: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-left: var(--spaces-xxl, 4rem); } *[class*="--media-xxxl-mx-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-mx-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-mx-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-mx-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); margin-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-xxxl-my-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-my-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-my-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-my-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxxl-mt-xxxl"] { margin-top: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-mt-xxxxl"] { margin-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-mt-xxxxxl"] { margin-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-mt-xxxxxxl"] { margin-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxxl-mb-xxxl"] { margin-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-mb-xxxxl"] { margin-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-mb-xxxxxl"] { margin-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-mb-xxxxxxl"] { margin-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxxl-ms-xxxl"] { margin-right: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-ms-xxxxl"] { margin-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-ms-xxxxxl"] { margin-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-ms-xxxxxxl"] { margin-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxxl-me-xxxl"] { margin-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-me-xxxxl"] { margin-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-me-xxxxxl"] { margin-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-me-xxxxxxl"] { margin-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxxl-p-xxxl"] { padding: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-p-xxxxl"] { padding: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-p-xxxxxl"] { padding: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-p-xxxxxxl"] { padding: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-left: var(--spaces-xxl, 4rem); } *[class*="--media-xxxl-px-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-px-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-px-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-px-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); padding-left: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); padding-bottom: var(--spaces-xxl, 4rem); } *[class*="--media-xxxl-py-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-py-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-py-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-py-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxxl-pt-xxxl"] { padding-top: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-pt-xxxxl"] { padding-top: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-pt-xxxxxl"] { padding-top: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-pt-xxxxxxl"] { padding-top: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxxl-pb-xxxl"] { padding-bottom: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-pb-xxxxl"] { padding-bottom: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-pb-xxxxxl"] { padding-bottom: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-pb-xxxxxxl"] { padding-bottom: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxxl-ps-xxxl"] { padding-right: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-ps-xxxxl"] { padding-right: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-ps-xxxxxl"] { padding-right: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-ps-xxxxxxl"] { padding-right: var(--spaces-xxxxxxl, 12rem); } *[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, 4rem); } *[class*="--media-xxxl-pe-xxxl"] { padding-left: var(--spaces-xxxl, 6rem); } *[class*="--media-xxxl-pe-xxxxl"] { padding-left: var(--spaces-xxxxl, 8rem); } *[class*="--media-xxxl-pe-xxxxxl"] { padding-left: var(--spaces-xxxxxl, 10rem); } *[class*="--media-xxxl-pe-xxxxxxl"] { padding-left: var(--spaces-xxxxxxl, 12rem); } *[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: 4rem; } *[class*="--media-xxxl-gap-xxxl"] { gap: 6rem; } *[class*="--media-xxxl-gap-xxxxl"] { gap: 8rem; } *[class*="--media-xxxl-gap-xxxxxl"] { gap: 10rem; } *[class*="--media-xxxl-gap-xxxxxxl"] { gap: 12rem; } *[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: 4rem; } *[class*="--media-xxxl-gap-x-xxxl"] { column-gap: 6rem; } *[class*="--media-xxxl-gap-x-xxxxl"] { column-gap: 8rem; } *[class*="--media-xxxl-gap-x-xxxxxl"] { column-gap: 10rem; } *[class*="--media-xxxl-gap-x-xxxxxxl"] { column-gap: 12rem; } *[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: 4rem; } *[class*="--media-xxxl-gap-y-xxxl"] { row-gap: 6rem; } *[class*="--media-xxxl-gap-y-xxxxl"] { row-gap: 8rem; } *[class*="--media-xxxl-gap-y-xxxxxl"] { row-gap: 10rem; } *[class*="--media-xxxl-gap-y-xxxxxxl"] { row-gap: 12rem; } *[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: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-b-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxxl-b-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxxl-b-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxxl-b-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxxl-b-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxxl-b-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxxl-b-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-b-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxxl-b-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxxl-b-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-b-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-b-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-b-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxxl-b-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxxl-b-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxxl-b-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-b-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-b-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-b-0"] { border: 0; } *[class*="--media-xxxl-b-bg-default"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-b-bg-primary"] { border: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxxl-b-bg-primary-light"] { border: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxxl-b-bg-primary-dark"] { border: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxxl-b-bg-secondary"] { border: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxxl-b-bg-secondary-light"] { border: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxxl-b-bg-secondary-dark"] { border: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxxl-b-bg-natural"] { border: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-b-bg-natural-light"] { border: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxxl-b-bg-natural-dark"] { border: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxxl-b-bg-white"] { border: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-b-bg-black"] { border: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-b-bg-grey-base"] { border: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-b-bg-grey-light"] { border: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxxl-b-bg-grey-dark"] { border: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxxl-b-bg-success"] { border: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxxl-b-bg-success-light"] { border: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-b-bg-danger"] { border: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-b-bg-info"] { border: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-b-bg-0"] { border: 0; } *[class*="--media-xxxl-bt-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bt-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxxl-bt-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxxl-bt-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxxl-bt-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxxl-bt-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxxl-bt-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxxl-bt-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bt-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxxl-bt-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxxl-bt-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bt-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bt-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bt-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxxl-bt-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxxl-bt-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxxl-bt-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bt-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bt-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bt-0"] { border-top: 0; } *[class*="--media-xxxl-bt-bg-default"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bt-bg-primary"] { border-top: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxxl-bt-bg-primary-light"] { border-top: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxxl-bt-bg-primary-dark"] { border-top: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxxl-bt-bg-secondary"] { border-top: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxxl-bt-bg-secondary-light"] { border-top: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxxl-bt-bg-secondary-dark"] { border-top: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxxl-bt-bg-natural"] { border-top: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bt-bg-natural-light"] { border-top: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxxl-bt-bg-natural-dark"] { border-top: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxxl-bt-bg-white"] { border-top: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bt-bg-black"] { border-top: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bt-bg-grey-base"] { border-top: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bt-bg-grey-light"] { border-top: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxxl-bt-bg-grey-dark"] { border-top: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxxl-bt-bg-success"] { border-top: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxxl-bt-bg-success-light"] { border-top: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bt-bg-danger"] { border-top: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bt-bg-info"] { border-top: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bt-bg-0"] { border-top: 0; } *[class*="--media-xxxl-bb-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bb-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxxl-bb-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxxl-bb-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxxl-bb-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxxl-bb-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxxl-bb-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxxl-bb-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bb-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxxl-bb-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxxl-bb-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bb-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bb-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bb-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxxl-bb-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxxl-bb-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxxl-bb-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bb-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bb-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bb-0"] { border-bottom: 0; } *[class*="--media-xxxl-bb-bg-default"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bb-bg-primary"] { border-bottom: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxxl-bb-bg-primary-light"] { border-bottom: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxxl-bb-bg-primary-dark"] { border-bottom: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxxl-bb-bg-secondary"] { border-bottom: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxxl-bb-bg-secondary-light"] { border-bottom: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxxl-bb-bg-secondary-dark"] { border-bottom: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxxl-bb-bg-natural"] { border-bottom: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bb-bg-natural-light"] { border-bottom: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxxl-bb-bg-natural-dark"] { border-bottom: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxxl-bb-bg-white"] { border-bottom: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bb-bg-black"] { border-bottom: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bb-bg-grey-base"] { border-bottom: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bb-bg-grey-light"] { border-bottom: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxxl-bb-bg-grey-dark"] { border-bottom: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxxl-bb-bg-success"] { border-bottom: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxxl-bb-bg-success-light"] { border-bottom: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bb-bg-danger"] { border-bottom: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bb-bg-info"] { border-bottom: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bb-bg-0"] { border-bottom: 0; } *[class*="--media-xxxl-bs-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bs-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxxl-bs-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxxl-bs-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxxl-bs-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxxl-bs-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxxl-bs-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxxl-bs-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bs-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxxl-bs-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxxl-bs-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bs-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bs-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bs-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxxl-bs-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxxl-bs-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxxl-bs-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bs-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bs-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bs-0"] { border-right: 0; } *[class*="--media-xxxl-bs-bg-default"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bs-bg-primary"] { border-right: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxxl-bs-bg-primary-light"] { border-right: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxxl-bs-bg-primary-dark"] { border-right: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxxl-bs-bg-secondary"] { border-right: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxxl-bs-bg-secondary-light"] { border-right: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxxl-bs-bg-secondary-dark"] { border-right: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxxl-bs-bg-natural"] { border-right: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bs-bg-natural-light"] { border-right: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxxl-bs-bg-natural-dark"] { border-right: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxxl-bs-bg-white"] { border-right: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-bs-bg-black"] { border-right: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-bs-bg-grey-base"] { border-right: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-bs-bg-grey-light"] { border-right: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxxl-bs-bg-grey-dark"] { border-right: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxxl-bs-bg-success"] { border-right: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxxl-bs-bg-success-light"] { border-right: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-bs-bg-danger"] { border-right: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-bs-bg-info"] { border-right: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-bs-bg-0"] { border-right: 0; } *[class*="--media-xxxl-be-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-be-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxxl-be-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxxl-be-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxxl-be-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxxl-be-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxxl-be-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxxl-be-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-be-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxxl-be-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxxl-be-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-be-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-be-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-be-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxxl-be-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxxl-be-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxxl-be-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-be-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-be-info"] { border-left: 1px solid var(--colors-state-info, #0CC0DF); } *[class*="--media-xxxl-be-0"] { border-left: 0; } *[class*="--media-xxxl-be-bg-default"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-be-bg-primary"] { border-left: 1px solid var(--colors-primary-base, #3F0097); } *[class*="--media-xxxl-be-bg-primary-light"] { border-left: 1px solid var(--colors-primary-light, rgb(73.6390728477, 0, 176.5)); } *[class*="--media-xxxl-be-bg-primary-dark"] { border-left: 1px solid var(--colors-primary-dark, #3a0087); } *[class*="--media-xxxl-be-bg-secondary"] { border-left: 1px solid var(--colors-secondary-base, #FFD028); } *[class*="--media-xxxl-be-bg-secondary-light"] { border-left: 1px solid var(--colors-secondary-light, rgb(255, 219.1488372093, 91)); } *[class*="--media-xxxl-be-bg-secondary-dark"] { border-left: 1px solid var(--colors-secondary-dark, rgb(244, 190.6604651163, 0)); } *[class*="--media-xxxl-be-bg-natural"] { border-left: 1px solid var(--colors-background-natural-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-be-bg-natural-light"] { border-left: 1px solid var(--colors-background-natural-light, #F6F6F6); } *[class*="--media-xxxl-be-bg-natural-dark"] { border-left: 1px solid var(--colors-background-natural-dark, #c3c3c3); } *[class*="--media-xxxl-be-bg-white"] { border-left: 1px solid var(--colors-background-white, #FFFFFF); } *[class*="--media-xxxl-be-bg-black"] { border-left: 1px solid var(--colors-background-black, #000000); } *[class*="--media-xxxl-be-bg-grey-base"] { border-left: 1px solid var(--colors-natural-grey-base, rgb(220.5, 220.5, 220.5)); } *[class*="--media-xxxl-be-bg-grey-light"] { border-left: 1px solid var(--colors-natural-grey-light, #F6F6F6); } *[class*="--media-xxxl-be-bg-grey-dark"] { border-left: 1px solid var(--colors-natural-grey-dark, #c3c3c3); } *[class*="--media-xxxl-be-bg-success"] { border-left: 1px solid var(--colors-state-success, rgb(166.12, 242.88, 180.26)); } *[class*="--media-xxxl-be-bg-success-light"] { border-left: 1px solid var(--colors-state-success-light, #d3f9da); } *[class*="--media-xxxl-be-bg-danger"] { border-left: 1px solid var(--colors-state-danger, #f25767); } *[class*="--media-xxxl-be-bg-info"] { border-left: 1px 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.625rem); } *[class*="--media-xxxl-tsize-xs"] { font-size: var(--font-sizes-xs, 0.9375rem); } *[class*="--media-xxxl-tsize-sm"] { font-size: var(--font-sizes-sm, 1.125rem); } *[class*="--media-xxxl-tsize-md"] { font-size: var(--font-sizes-md, 1.25rem); } *[class*="--media-xxxl-tsize-lg"] { font-size: var(--font-sizes-lg, 1.5625rem); } *[class*="--media-xxxl-tsize-xl"] { font-size: var(--font-sizes-xl, 2.5rem); } *[class*="--media-xxxl-tsize-xxl"] { font-size: var(--font-sizes-xxl, 3.75rem); } *[class*="--media-xxxl-tsize-xxxl"] { font-size: var(--font-sizes-xxxl, 4.375rem); } *[class*="--media-xxxl-tsize-xxxxl"] { font-size: var(--font-sizes-xxxxl, 5.625rem); } *[class*="--media-xxxl-tsize-xxxxxl"] { font-size: var(--font-sizes-xxxxxl, 8.125rem); } *[class*="--media-xxxl-tsize-xxxxxxl"] { font-size: var(--font-sizes-xxxxxxl, 10rem); } *[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-talign-justify"] { text-align: justify; } *[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: 4rem; } *[class*="--media-xxxl-maxw-xxxl"] { max-width: 6rem; } *[class*="--media-xxxl-maxw-xxxxl"] { max-width: 8rem; } *[class*="--media-xxxl-maxw-xxxxxl"] { max-width: 10rem; } *[class*="--media-xxxl-maxw-xxxxxxl"] { max-width: 12rem; } *[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: 4rem; } *[class*="--media-xxxl-w-xxxl"] { width: 6rem; } *[class*="--media-xxxl-w-xxxxl"] { width: 8rem; } *[class*="--media-xxxl-w-xxxxxl"] { width: 10rem; } *[class*="--media-xxxl-w-xxxxxxl"] { width: 12rem; } *[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: 4rem; } *[class*="--media-xxxl-h-xxxl"] { height: 6rem; } *[class*="--media-xxxl-h-xxxxl"] { height: 8rem; } *[class*="--media-xxxl-h-xxxxxl"] { height: 10rem; } *[class*="--media-xxxl-h-xxxxxxl"] { height: 12rem; } *[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: 140px; } *[class*="--media-xxxl-position-t-header-indent"] { top: calc(140px + 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: 4rem; } *[class*="--media-xxxl-position-t-xxl-opposite"] { top: -4rem; } *[class*="--media-xxxl-position-t-xxxl"] { top: 6rem; } *[class*="--media-xxxl-position-t-xxxl-opposite"] { top: -6rem; } *[class*="--media-xxxl-position-t-xxxxl"] { top: 8rem; } *[class*="--media-xxxl-position-t-xxxxl-opposite"] { top: -8rem; } *[class*="--media-xxxl-position-t-xxxxxl"] { top: 10rem; } *[class*="--media-xxxl-position-t-xxxxxl-opposite"] { top: -10rem; } *[class*="--media-xxxl-position-t-xxxxxxl"] { top: 12rem; } *[class*="--media-xxxl-position-t-xxxxxxl-opposite"] { top: -12rem; } *[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: 140px; } *[class*="--media-xxxl-position-b-header-indent"] { bottom: calc(140px + 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: 4rem; } *[class*="--media-xxxl-position-b-xxl-opposite"] { bottom: -4rem; } *[class*="--media-xxxl-position-b-xxxl"] { bottom: 6rem; } *[class*="--media-xxxl-position-b-xxxl-opposite"] { bottom: -6rem; } *[class*="--media-xxxl-position-b-xxxxl"] { bottom: 8rem; } *[class*="--media-xxxl-position-b-xxxxl-opposite"] { bottom: -8rem; } *[class*="--media-xxxl-position-b-xxxxxl"] { bottom: 10rem; } *[class*="--media-xxxl-position-b-xxxxxl-opposite"] { bottom: -10rem; } *[class*="--media-xxxl-position-b-xxxxxxl"] { bottom: 12rem; } *[class*="--media-xxxl-position-b-xxxxxxl-opposite"] { bottom: -12rem; } *[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: 140px; } *[class*="--media-xxxl-position-s-header-indent"] { right: calc(140px + 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: 4rem; } *[class*="--media-xxxl-position-s-xxl-opposite"] { right: -4rem; } *[class*="--media-xxxl-position-s-xxxl"] { right: 6rem; } *[class*="--media-xxxl-position-s-xxxl-opposite"] { right: -6rem; } *[class*="--media-xxxl-position-s-xxxxl"] { right: 8rem; } *[class*="--media-xxxl-position-s-xxxxl-opposite"] { right: -8rem; } *[class*="--media-xxxl-position-s-xxxxxl"] { right: 10rem; } *[class*="--media-xxxl-position-s-xxxxxl-opposite"] { right: -10rem; } *[class*="--media-xxxl-position-s-xxxxxxl"] { right: 12rem; } *[class*="--media-xxxl-position-s-xxxxxxl-opposite"] { right: -12rem; } *[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: 140px; } *[class*="--media-xxxl-position-e-header-indent"] { left: calc(140px + 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: 4rem; } *[class*="--media-xxxl-position-e-xxl-opposite"] { left: -4rem; } *[class*="--media-xxxl-position-e-xxxl"] { left: 6rem; } *[class*="--media-xxxl-position-e-xxxl-opposite"] { left: -6rem; } *[class*="--media-xxxl-position-e-xxxxl"] { left: 8rem; } *[class*="--media-xxxl-position-e-xxxxl-opposite"] { left: -8rem; } *[class*="--media-xxxl-position-e-xxxxxl"] { left: 10rem; } *[class*="--media-xxxl-position-e-xxxxxl-opposite"] { left: -10rem; } *[class*="--media-xxxl-position-e-xxxxxxl"] { left: 12rem; } *[class*="--media-xxxl-position-e-xxxxxxl-opposite"] { left: -12rem; } *[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; } } /* ======= MISC ======== */ *[class*="--is-paragraph"] { line-height: 1.5; } *[class*="--is-paragraph"] p { margin-bottom: var(--spaces-lg, 1.5rem); } *[class*="--is-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, 2.5rem); 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, #3F0097); 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; } *[class*="--is-arrow-icon"][class*="--arrow-start"] { -webkit-transform: rotate(calc(-1 * -90deg)); -ms-transform: rotate(calc(-1 * -90deg)); transform: rotate(calc(-1 * -90deg)); } *[class*="--is-arrow-icon"][class*="--arrow-end"] { -webkit-transform: rotate(calc(-1 * 90deg)); -ms-transform: rotate(calc(-1 * 90deg)); transform: rotate(calc(-1 * 90deg)); } .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 */ /*# sourceMappingURL=main.css.map */