@font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 5 Brands"; font-display: block; font-weight: 400; src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 900; src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 400; src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
@font-face { font-family: FontAwesome; font-display: block; src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
@font-face { font-family: FontAwesome; font-display: block; src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
@font-face { font-family: FontAwesome; font-display: block; src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC; }
@font-face { font-family: FontAwesome; font-display: block; src: url("../webfonts/fa-v4compatibility.woff2") format("woff2"), url("../webfonts/fa-v4compatibility.ttf") format("truetype"); unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A; }
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; }
@keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } }
@keyframes wiggle { 0%, 20% { transform: translateX(-1em) scaleX(1); animation-timing-function: ease-in; } 50% { transform: translateX(0px) scaleX(2); animation-timing-function: ease-out; } 100%, 80% { transform: translateX(1em) scaleX(1); } }
@font-face { font-family: Montage; src: url("https://staging.zofo.com/wp-content/uploads/zofo-rep/fonts/MONTAGE-DEMO.TTF") format("truetype"); }
.zofo-rep { --body-font-family: Outfit; --heading-font-family: Outfit; --screen-product-one-in-row: 374px; --text-color-static: var(--text-color); --container-max-width-boxed: 1178px; --body-link-secondary-color: var(--text-color); --body-link-secondary-color-hover: var(--custom-color); --decor-border-color: #f4f4f4; --table-border-color: var(--decor-border-dark-color); --table-even-bg: var(--body-bg); --table-odd-bg: var(--body-bg-secondary); --free-shipping-color: #0CAE61; --block-secondary-text: var(--text-color); --block-secondary-link: var(--body-link-secondary-color); --block-secondary-link-hover: var(--body-link-secondary-color-hover); --theme-bg-color: #fff; --theme-bg-hover-color: var(--theme-bg-color); --section-max-width: 1850px; --loading-bar-color: var(--custom-color); --font-weight-900: 900; --font-weight-bolder: var(--font-weight-700); --content-font-size: 15px; --content-line-height: 25px; --block-secondary-color-light: var(--text-color-light); --scroll-drag-focus-color: var(--custom-color); --container-max: 1200px; --global-product-price-width: var(--font-weight-600); --global-product-price-font-family: var(--body-font-family); --heading-xl-size: 43px; --heading-xl-2-size: 50px; --heading-lg-size: 28px; --heading-md-size: 23px; --heading-sm-size: 18px; --heading-xl-size-m: 28px; --heading-xl-2-size-m: 28px; --heading-lg-size-m: 28px; --heading-md-size-m: 23px; --heading-sm-size-m: 18px; --heading-xl-weight: var(--heading-global-weight); --heading-xl-2-weight: var(--heading-global-weight); --heading-lg-weight: var(--heading-global-weight); --heading-md-weight: var(--heading-global-weight); --heading-sm-weight: var(--heading-global-weight); --heading-xl-weight-m: var(--heading-global-weight); --heading-xl-2-weight-m: var(--heading-global-weight); --heading-lg-weight-m: var(--heading-global-weight); --heading-md-weight-m: var(--heading-global-weight); --heading-sm-weight-m: var(--heading-global-weight); --heading-xl-sub-top: 25px; --heading-lg-sub-top: 25px; --heading-md-sub-top: 10px; --heading-sm-sub-top: 10px; --heading-sub-size: 12px; --heading-sub-weight: var(--font-weight-400); --heading-sub-lg-size: 19px; --heading-sub-lg-weight: var(--font-weight-500); --pagination-text-color: var(--text-color); --pagination-text-bg: transparent; --pagination-text-hover-color: var(--button-color-grey); --pagination-text-hover-bg: var(--button-bg-grey); --pagination-text-hover-border-width: var(--button-border-width-grey); --pagination-text-hover-border-color: var(--button-border-color-grey); --pagination-text-active-color: var(--button-color); --pagination-text-active-bg: var(--button-bg); --pagination-text-active-border-width: var(--button-border-width); --pagination-text-active-border-color: var(--button-border-color); --title-bottom: 35px; --title-bottom-sm: 25px; --title-bottom-xs: 20px; --column-caption-style-1-size: 12px; --column-caption-style-1-weight: var(--font-weight-700); --column-caption-style-2-size: 15px; --column-caption-style-2-weight: var(--font-weight-600); --column-caption-style-3-size: 18px; --column-caption-style-3-weight: var(--font-weight-400); --column-caption-style-4-size: 18px; --column-caption-style-4-weight: var(--font-weight-700); --column-caption-style-color: var(--body-link-secondary-color); --column-caption-style-hover-color: var(--body-link-secondary-color-hover); --banner-dark-text-color: #000; --banner-light-text-color: #fff; --radius-xl: 24px; --radius-lg: 20px; --radius-md: 16px; --radius-sm: 8px; --radius-5: 5px; --radius-4: 4px; --radius-3: 3px; --radius-2: 2px; --radius-50: 50%; --radius-max: 9999px; --button-border-radius: 9999px; --radius-ic: var(--radius-md); --tag-text-color: var(--product-card-text-color); --tag-bg: var(--product-card-bg); --tag-border-color: var(--decor-border-middle-color); --tag-hover-text-color: var(--text-color-secondary); --tag-hover-bg: var(--body-bg-secondary); --tag-hover-border-color: var(--custom-color); --tag-active-text-color: var(--body-bg-secondary); --tag-active-bg: var(--custom-color); --tag-active-border-color: var(--custom-color); --label-bg: var(--custom-color); --label-color: #fff; --label-7-bg: #595b62; --label-1-color: #fff; --label-3-color: #fff; --label-4-color: #fff; --label-5-color: #fff; --label-6-color: #fff; --label-7-color: #fff; --label-soldout-bg: var(--label-1-bg); --label-soldout-color: var(--label-1-color); --label-hot-bg: var(--label-4-bg); --label-hot-color: var(--label-4-color); --label-new-bg: var(--label-4-bg); --label-new-color: var(--label-4-color); --label-sale-bg: var(--label-3-bg); --label-sale-color: var(--label-3-color); --label-bestoffer-bg: var(--label-2-bg); --label-bestoffer-color: var(--label-2-color); --label-subscription-bg: var(--label-2-bg); --label-subscription-color: var(--label-2-color); --label-wishlist-bg: #f7f7f8; --label-wishlist-color: #272727; --label-wishlist-hover-bg: #f7f7f8; --label-wishlist-hover-color: #272727; --label-wishlist-hover-txt-color: #272727; --label-custom-bg: var(--label-7-bg); --label-custom-color: var(--label-7-color); --breadcrumbs-color: var(--body-link-color); --breadcrumbs-current-color: var(--text-color-secondary); --breadcrumbs-hover-color: var(--body-link-color-hover); --form-size: 15px; --form-weight: var(--font-weight-400); --form-label-size: 12px; --form-label-weight: var(--font-weight-600); --form-color: var(--text-color); --form-color-light: var(--text-color-light); --form-border-color: var(--decor-border-dark-color); --form-border-color-focus: var(--custom-color); --form-border-width: 1px; --form-bg: transparent; --form-border-alt: #d9d9d9; --form-lined-bg: transparent; --form-element-bg: var(--form-bg); --form-element-hover-bg: var(--form-bg); --form-element-symbol-color: var(--custom-color); --form-element-symbol-hover-color: var(--custom-color); --form-message-color: var(--text-color); --form-error-border-color: #ed2233; --form-group-tab-bg: var(--body-bg-secondary); --form-required-mark-color: #ed2233; --qty-border-color: var(--product-card-form-border-color); --button-font-family: var(--body-font-family); --button-font-weight: var(--font-weight-600); --button-font-weight-less: var(--font-weight-700); --button-font-weight-lg: var(--font-weight-500); --button-addtocart-desktop-height: 40px; --button-addtocart-mobile-height: 40px; --button-global-border-width: 0; --button-global-border-color: transparent; --button-border-width: var(--button-global-border-width); --button-border-color: var(--button-global-border-color); --button-hover-border-color: var(--button-border-color); --button-bg-grey: var(--button-global-bg); --button-hover-bg-grey: var(--button-global-hover-bg); --button-border-width-grey: var(--button-global-border-width); --button-border-color-grey: var(--button-global-border-color); --button-hover-border-color-grey: var(--button-border-color-grey); --button-border-width-white: var(--button-global-border-width); --button-border-color-white: var(--button-global-border-color); --button-hover-border-color-white: var(--button-border-color-white); --button-border-width-invert: var(--button-global-border-width); --button-border-color-invert: var(--button-global-border-color); --button-hover-border-color-invert: var(--button-border-color-invert); --button-border-width-buy-now: var(--button-global-border-width); --button-border-color-buy-now: var(--button-global-border-color); --button-hover-border-color-buy-now: var(--button-border-color-buy-now); --button-border-width-fifth: var(--button-global-border-width); --button-border-color-fifth: var(--button-global-border-color); --button-hover-border-color-fifth: var(--button-border-color-fifth); --button-link-color: var(--body-link-color); --button-link-hover-color: var(--body-link-color-hover); --button-disabled-opacity: 0.5; --button-loading-opacity: 0.5; --placeholder-alt-bg: var(--body-bg-secondary); --placeholder-color: #80888f; --placeholder-border: var(--decor-border-middle-color); --zoom-window-bg: var(--placeholder-bg); --product-price-actual-color: var(--text-color); --product-price-old-color: var(--text-color); --product-card-bg: var(--body-bg-secondary); --product-only-card-bg: var(--product-card-bg); --product-only-card-hover-bg: var(--product-only-card-bg); --product-horizontal-card-bg: var(--product-only-card-bg); --product-card-text-color: var(--text-color); --product-card-link-color: var(--body-link-secondary-color); --product-card-link-hover-color: var(--body-link-secondary-color-hover); --product-card-vendor-color: var(--body-link-secondary-color); --product-card-vendor-hover-color: var(--body-link-secondary-color-hover); --product-card-countdown-bg: var(--body-bg-secondary); --product-card-countdown-color: var(--custom-color); --product-card-icon-active-color: var(--custom-color); --product-card-price-actual-color: var(--product-card-text-color); --product-card-price-old-color: var(--product-card-price-actual-color); --product-aspect-ratio: 120%; --product-page-aspect-ratio: 120%; --product-card-name-size: 15px; --product-card-name-weight: var(--font-weight-500); --product-card-vendor-size: 12px; --product-card-vendor-weight: var(--font-weight-700); --product-card-price-size: 23px; --product-horizontal-card-name-size: 18px; --product-horizontal-card-name-weight: var(--font-weight-400); --product-horizontal-card-price-size: 23px; --product-card-countdown-weight: var(--font-weight-600); --product-card-countdown-number-weight: var(--font-weight-700); --product-swatches-inner-border-color: #fff; --product-swatches-color-height: 22px; --product-swatches-color: #6d7175; --product-swatches-bg: var(--body-bg-secondary); --product-swatches-active-color: var(--body-link-secondary-color-hover); --product-swatches-active-bg: var(--product-swatches-bg); --product-swatches-hover-color: var(--product-swatches-active-color); --product-swatches-hover-bg: var(--product-swatches-active-bg); --product-swatches-disabled-color: var(--product-swatches-color); --product-swatches-disabled-bg: var(--product-swatches-bg); --product-swatches-border-color: #cdd8e1; --product-swatches-border-hover-color: var(--product-swatches-hover-color); --product-swatches-border-active-color: var(--product-swatches-active-color); --product-swatches-radius: 5px; --minicart-product-bg: var(--product-only-card-bg); --minicart-product-text-color: var(--product-card-text-color); --minicart-product-vendor-color: var(--product-card-vendor-color); --minicart-product-vendor-hover-color: var(--product-card-vendor-hover-color); --minicart-product-name-color: var(--product-card-link-color); --minicart-product-name-hover-color: var(--product-card-link-hover-color); --minicart-product-price-color: var(--product-card-price-actual-color); --product-page-previews-width: 74px; --product-page-previews-width-quickview: 61px; --fancybox-light-bg: var(--body-bg-secondary); --fancybox-caption-text-color: var(--body-link-secondary-color); --fancybox-caption-hover-color: var(--body-link-secondary-color-hover); --fancybox-button-color: var(--button-color-grey); --fancybox-button-bg: var(--button-bg-grey); --fancybox-button-hover-bg: var(--button-hover-bg-grey); --fancybox-button-hover-color: var(--button-hover-color-grey); --modal-bg: var(--third-bg-popups, var(--body-bg-secondary)); --modal-divider-color: var(--body-bg-secondary); --modal-success-icon-color: #0CAE61; --modal-error-icon-color: #ed2233; --modal-info-icon-color: #df6a00; --modal-social-color: #CDD8E1; --modal-social-hover-color: var(--body-link-secondary-color-hover); --filter-width: 300px; --sidebar-block-title-color: var(--heading-color); --sidebar-block-title-hover-color: var(--body-link-secondary-color-hover); --sidebar-block-icon-color: var(--sidebar-block-title-color); --sidebar-block-icon-hover-color: var(--body-link-secondary-color-hover); --sidebar-selected-count-color: var(--text-color); --sidebar-selected-count-number-color: var(--text-color); --sidebar-clear-filters-bg: var(--button-bg-grey); --sidebar-clear-filters-color: var(--button-color-grey); --sidebar-clear-filters-hover-bg: var(--button-hover-bg-grey); --sidebar-clear-filters-hover-color: var(--button-hover-color-grey); --sidebar-selected-filters-bg: var(--custom-color); --sidebar-selected-filters-color: #fff; --sidebar-selected-filters-hover-bg: var(--text-color); --sidebar-selected-filters-hover-color: #fff; --sidebar-option-color-name-color: var(--text-color); --sidebar-option-color-name-active-color: var(--text-color); --sidebar-option-color-name-hover-color: var(--text-color); --sidebar-option-color-active-border-color: var(--custom-color); --sidebar-option-list-color: var(--text-color); --sidebar-option-list-active-color: var(--text-color); --sidebar-category-list-color: var(--text-color); --sidebar-category-list-active-color: var(--text-color); --sidebar-option-list-viewmore-color: var(--body-link-color-hover); --sidebar-option-list-viewmore-active-color: var(--body-link-color-hover); --sidebar-option-size-color: var(--text-color); --sidebar-option-size-border-color: var(--decor-border-color); --sidebar-option-size-active-color: var(--custom-color); --sidebar-option-size-active-border-color: var(--custom-color); --sidebar-menu-link-color: var(--body-link-secondary-color); --sidebar-menu-link-active-color: var(--body-link-secondary-color-hover); --listing-show-more-color: var(--custom-color); --listing-show-more-hover-color: var(--text-color); --filter-row-color: var(--text-color); --filter-row-bg: transparent; --filter-row-icon-color: var(--text-color-light); --filter-row-icon-active-color: var(--body-link-secondary-color-hover); --filter-mobile-top-info-bg: #f8f8fa; --filter-mobile-top-info-border-color: var(--text-color); --filter-mobile-row-color: var(--text-color); --filter-mobile-bg: var(--body-bg-secondary); --filter-mobile-border-top-color: var(--body-bg-secondary); --sidebar-block-count-hover-color: var(--body-link-secondary-color-hover); --category-descripition-bg: var(--body-bg); --category-descripition-bg-alt: var(--body-bg-secondary); --category-descripition-color: var(--text-color-secondary); --login-form-forgot-link-color: var(--text-color-secondary); --login-form-forgot-link-hover-color: var(--body-link-secondary-color-hover); --swiper-pagination-color: var(--text-color); --swiper-pagination-active-color: var(--custom-color); --discount-color: var(--body-link-color); --subscription-border: orange; --subscription-color: var(--text-color); --bought-witn-toggle-icon-color: var(--text-color-light); --bought-witn-toggle-icon-active-color: var(--text-color); --categories-list-weight: var(--font-weight-400); --categories-list-color: var(--body-link-secondary-color); --categories-list-hover-color: var(--body-link-secondary-color-hover); --header-top-link-active-color: var(--header-top-link-hover-color); --header-content-bg: var(--header-global-bg); --header-content-color: var(--header-global-color); --header-content-link-color: var(--header-global-link-color); --header-content-link-hover-color: var(--header-global-link-hover-color); --header-content-nav-link-color: var(--header-content-link-color); --header-content-nav-link-hover-color: var(--header-content-nav-link-color); --header-content-nav-link-active-color: var(--header-content-nav-link-hover-color); --header-bottom-bg: var(--header-global-bg); --header-bottom-color: var(--header-global-color); --header-bottom-link-color: var(--header-global-link-color); --header-bottom-link-active-color: var(--header-bottom-link-hover-color); --header-subcategories-bg: var(--header-global-bg); --header-subcategories-color: var(--header-global-color); --header-subcategories-link-color: var(--header-global-link-color); --header-subcategories-link-hover-color: var(--header-global-link-hover-color); --header-subcategories-link-active-color: var(--header-subcategories-link-hover-color); --header-sticky-bg: var(--header-content-bg); --header-index-border-color: transparent; --header-custom-text-span-color: var(--custom-color); --menu-btn-color: var(--button-color); --menu-btn-bg: var(--button-bg); --menu-btn-hover-color: var(--button-hover-color); --menu-btn-hover-bg: var(--button-hover-bg); --menu-btn-border-width: var(--button-border-width); --menu-btn-border-color: var(--button-border-color); --menu-btn-hover-border-color: var(--button-hover-border-color); --header-search-input-color: var(--header-content-color); --header-search-input-bg: transparent; --header-search-border-color: var(--header-border-color); --header-search-active-border-color: var(--custom-color); --header-form-color: var(--header-content-color); --logo-max-width: 145px; --logo-max-width-mobile: 80px; --header-logo-padding: 20px; --header-logo-padding-m: 15px; --header-logo-padding-sticky: 15px; --desktop-menu-font-weight: var(--font-weight-500); --mmenu-bg: var(--third-bg-popups, var(--body-bg-secondary)); --mmenu-link-color: var(--body-link-secondary-color); --mmenu-link-hover-color: var(--body-link-secondary-color-hover); --mmenu-top-bottom-divider-color: var(--decor-border-color); --mmenu-bottom-text-color: var(--body-link-secondary-color); --mmenu-bottom-hover-text-color: var(--body-link-secondary-color-hover); --mmenu-bottom-icon-color: var(--custom-color); --submenu-view-more-color: var(--body-link-color); --submenu-view-more-hover-color: var(--body-link-color-hover); --submenu-bg: var(--third-bg-popups, var(--body-bg-secondary)); --label-size: 9px; --label-weight: var(--font-weight-600); --submenu-list-link-color: var(--body-link-secondary-color); --submenu-list-link-hover-color: var(--body-link-secondary-color); --submenu-list-link-active-color: var(--submenu-list-link-hover-color); --submenu-list-link-active-bg: var(--submenu-list-link-hover-bg); --submenu-mega-list-link-color: var(--body-link-secondary-color); --submenu-mega-list-link-bg: transparent; --submenu-mega-list-link-hover-color: var(--body-link-secondary-color-hover); --submenu-mega-list-link-hover-bg: transparent; --submenu-link-txt-color: var(--text-color); --submenu-viewmore-link-color: var(--body-link-secondary-color); --submenu-viewmore-link-hover-color: var(--body-link-secondary-color-hover); --header-dropdown-bg: var(--third-bg-popups, var(--body-bg-secondary)); --header-dropdown-bg_transparent: rgba(255, 255, 255, 0); --header-dropdown-color: var(--text-color); --header-dropdown_title: var(--heading-color); --header-dropdown-link-color: var(--body-link-secondary-color); --header-dropdown-link-hover-color: var(--body-link-secondary-color-hover); --header-dropdown-link-active-color: var(--body-link-secondary-color-hover); --header-dropdown-icon-color: var(--header-dropdown-color); --header-dropdown-close: var(--text-color); --header-dropdown-close-hover-color: var(--text-color); --header-dropdown-payment-icons-color: var(--body-link-secondary-color); --header-dropdown-payment-icons-hover-color: var(--body-link-secondary-color-hover); --submenu-link-title-border-color: var(--decor-border-menu-color); --header-dropdown-settings-active-color: var(--product-swatches-active-color); --header-dropdown-settings-hover-color: var(--product-swatches-hover-color); --header-dropdown-settings-border-active-color: var(--product-swatches-border-hover-color); --header-dropdown-settings-border-hover-color: var(--product-swatches-border-active-color); --header-dropdown-settings-bg: var(--product-swatches-bg); --header-dropdown-settings-active-bg: var(--product-swatches-active-bg); --header-dropdown-settings-hover-bg: var(--product-swatches-hover-bg); --minicart-drop-text-color: var(--text-color); --minicart-action-color: var(--button-color-grey); --minicart-action-bg: var(--button-bg-grey); --minicart-action-hover-color: var(--button-hover-color-grey); --minicart-action-hover-bg: var(--button-hover-bg-grey); --minicart-action-border-width: var(--button-border-width-grey); --minicart-action-border-color: var(--button-border-color-grey); --minicart-action-hover-border-color: var(--button-hover-border-color-grey); --minicart-action-special-color: var(--button-color); --minicart-action-special-bg: var(--button-bg); --minicart-action-special-hover-color: var(--button-hover-color); --minicart-action-special-hover-bg: var(--button-hover-bg); --minicart-action-special-border-width: var(--button-border-width); --minicart-action-special-border-color: var(--button-border-color); --minicart-action-special-hover-border-color: var(--button-hover-border-color); --minicart-action-add-color: var(--button-color); --minicart-action-add-bg: var(--button-bg); --minicart-action-add-hover-color: var(--button-hover-color); --minicart-action-add-hover-bg: var(--button-hover-bg); --minicart-action-add-border-width: var(--button-border-width); --minicart-action-add-border-color: var(--button-border-color); --minicart-action-add-hover-border-color: var(--button-hover-border-color); --minicart-drop-empty-text-color: var(--text-color-secondary); --minicart-drop-empty-svg-color: var(--decor-border-middle-color); --minicart-drop-fixed-icons-bg: var(--custom-color); --minicart-drop-fixed-icons-color: #fff; --minicart-drop-fixed-icons-hover-bg: var(--custom-color); --minicart-drop-fixed-icons-hover-color: #fff; --mobile-menu-font-weight: var(--font-weight-500); --mobile-menu-bg: var(--body-bg-secondary); --mobile-menu-border-color: var(--decor-border-middle-color); --mobile-menu-nav-bg: transparent; --mobile-menu-nav-color: var(--text-color); --mobile-menu-nav-hover-bg: transparent; --mobile-menu-nav-hover-color: var(--body-link-secondary-color-hover); --mobile-menu-subnav-color: var(--body-link-secondary-color); --mobile-menu-drop-link-color: var(--body-link-secondary-color); --mobile-menu-drop-link-active-color: var(--body-link-secondary-color-hover); --mobile-menu-drop-link-light-color: #868686; --mobile-menu-drop-close-color: var(--text-color); --mobile-menu-social-bg: var(--custom-color); --mobile-bottom-link-color: var(--body-link-secondary-color); --prepay-color: #0CAE61; --back-to-top-color: var(--button-color-white); --back-to-top-bg: var(--button-bg-white); --back-to-top-hover-color: var(--button-hover-color-white); --back-to-top-hover-bg: var(--button-hover-bg-white); --post-previews-card-bg: var(--product-card-bg); --post-previews-card-color: var(--product-card-text-color); --post-previews-card-title-color: var(--product-card-link-color); --post-previews-card-title-color-hover: var(--product-card-link-hover-color); --post-previews-card-meta-color: var(--post-previews-card-color); --post-previews-card-meta-label-color: var(--post-previews-card-color); --post-previews-card-link-color: var(--product-card-link-color); --post-previews-card-link-hover-color: var(--product-card-link-hover-color); --post-previews-color: var(--text-color); --post-previews-title-color: var(--body-link-secondary-color); --post-previews-title-color-hover: var(--body-link-secondary-color-hover); --post-previews-meta-color: var(--post-previews-color); --post-previews-meta-label-color: var(--post-previews-color); --post-previews-link-color: var(--body-link-color); --post-previews-link-hover-color: var(--body-link-color-hover); --post-previews-date-color: var(--custom-color); --post-previews-date-bg: var(--body-bg-secondary); --prd-previews-color: var(--text-color); --prd-previews-title-color: var(--body-link-secondary-color); --prd-previews-title-color-hover: var(--body-link-secondary-color-hover); --prd-previews-price-color: var(--text-color); --post-title-weight: var(--font-weight-600); --post-title-size: 35px; --post-title-size-m: 28px; --post-comment-color: var(--text-color-secondary); --post-comment-meta-color: var(--text-color-secondary); --post-comment-meta-label-color: var(--text-color); --post-search_date-color: var(--post-previews-date-color); --post-search_date-bg: var(--post-previews-date-bg); --tab-accordion-color: var(--body-link-secondary-color); --tab-accordion-hover-color: var(--body-link-secondary-color-hover); --tab-accordion-bg: transparent; --tab-accordion-hover-bg: transparent; --review-bg: var(--product-card-bg); --review-text-color: var(--product-card-text-color); --review-author-color: var(--product-card-text-color); --faq-list-color: var(--body-link-secondary-color); --faq-list-bg: var(--body-bg); --faq-list-hover-color: var(--button-color); --faq-list-hover-bg: var(--button-bg); --faq-list-border-hover-width: var(--button-border-width); --faq-list-border-hover-color: var(--button-border-color); --faq-list-active-color: var(--button-hover-color); --faq-list-active-bg: var(--button-hover-bg); --faq-list-active-border-width: var(--button-border-width); --faq-list-active-border-color: var(--button-hover-border-color); --faq-item-divider-color: var(--decor-border-color); --payment-notification-bg: var(--product-only-card-bg); --payment-notification-text-color: var(--product-card-text-color); --payment-notification-name-color: var(--product-card-link-color); --payment-notification-name-hover-color: var(--product-card-link-hover-color); --payment-notification-when-color: var(--product-card-link-hover-color); --payment-notification-from-color: var(--product-card-text-color); --circle-chart-text-color: var(--custom-color); --circle-chart-border-color: #EDF2F8; --circle-chart-border-active-color: var(--custom-color); --page-not-found-title-color: var(--custom-color); --page-not-found-title2-color: var(--heading-color); --page-not-found-text-color: var(--text-color); --menu-categories-bg: var(--submenu-bg); --menu-categories-color: var(--submenu-list-link-color); --menu-categories-hover-color: var(--submenu-list-link-hover-color); --menu-categories-hover-bg: var(--submenu-list-link-hover-bg); --cart-page-price-color: var(--text-color); --cart-page-price-old-color: var(--product-price-old-color); --cart-page-total-color: var(--text-color); --cart-table-prd-remove-color: var(--button-color-grey); --cart-table-prd-remove-bg: var(--button-bg-grey); --cart-table-prd-remove-hover-color: var(--button-hover-color-grey); --cart-table-prd-remove-hover-bg: var(--button-hover-bg-grey); --cart-table-prd-remove-width: var(--button-border-width-grey); --cart-table-prd-remove-border-color: var(--button-border-color-grey); --cart-table-prd-remove-hover-border-color: var(--button-hover-border-color-grey); --cart-empty-svg-color: var(--contrast-grey); --card-accordeon-bg: var(--body-bg-secondary); --card-total-bg: var(--body-bg-secondary); --card-total-border-color: var(--decor-border-dark-color); --cart-aside-width: 392px; --progress-bar-height-global: 3px; --preview-thumb-active-color: var(--custom-color); --footer-global-link-color: var(--footer-global-color); --footer-content-bg: var(--footer-global-bg); --footer-content-color: var(--footer-global-color); --footer-content-link-color: var(--footer-content-color); --footer-content-link-hover-color: var(--footer-global-link-hover-color); --footer-top-bg: var(--footer-global-bg); --footer-top-color: var(--footer-global-color); --footer-top-link-color: var(--footer-top-color); --footer-top-link-hover-color: var(--footer-global-link-hover-color); --footer-bottom-bg: var(--footer-global-bg); --footer-bottom-color: var(--footer-global-color); --footer-bottom-link-color: var(--footer-bottom-color); --footer-bottom-link-hover-color: var(--footer-global-link-hover-color); --footer-maillink-color: var(--footer-global-color); --footer-maillink-hover-color: var(--footer-global-link-hover-color); --footer-copyright-font-size: 12px; --footer-text-weight: var(--font-weight-400); --footer-link-weight: var(--font-weight-400); --footer-title-weight: var(--font-weight-600); --dark-icon-color: #22292F; --dark-icon-bg: rgba(255,255,255,.45); --dark-icon-bg-hover: rgba(255,255,255,.75); --sticky-add-to-cart-bg: var(--product-only-card-bg); --sticky-add-to-cart-text-color: var(--product-card-text-color); --sticky-add-to-cart-name-hover-color: var(--product-card-link-hover-color); --sticky-add-to-cart-price-color: var(--product-card-price-actual-color); --sticky-add-to-cart-name-color: var(--product-card-text-color); --sticky-add-to-cart-close-hover-color: var(--sticky-add-to-cart-name-hover-color); --gradient-color-1: #1871E5; --gradient-color-2: #6123E5; --ticker-link-color: var(--ticker-color); --ticker-link-color-hover: var(--ticker-link-color); --ticker-font-size: 12px; --ticker-y-padding: 10px; --ticker-gap: 10px; --ticker-speed: 1.5s; --ticker-section-badge-bg: var(--button-bg); --ticker-section-badge-color: var(--button-color); --ticker-section-font-size: 18px; --ticker-section-y-padding: 20px; --ticker-section-gap: 30px; --ticker-section-speed: 6s; --ticker-section2-bg: #DFFA38; --ticker-section2-color: #191926; --ticker-section2-link-color: #191926; --ticker-section2-link-color-hover: #191926; --ticker-section2-badge-bg: #191926; --ticker-section2-badge-color: #DFFA38; --dropdown-content-width: 320px; --dropdown-link-hover-color: var(--body-link-secondary-color-hover); --dropdown-content-bg: var(--third-bg-popups, var(--body-bg-secondary)); --dropdown-content-color: var(--text-color); --dropdown-content-link-color: var(--body-link-secondary-color); --dropdown-content-link-hover-color: var(--body-link-secondary-color); --dropdown-content-link-active-border: var(--custom-color); --product-page-title-color: var(--heading-color); --product-page-price-actual-color: var(--product-price-actual-color); --product-page-price-old-color: var(--product-price-old-color); --shop-info-icon-color: currentColor; --shop-info-icon-filled-bg: var(--button-hover-bg); --shop-info-icon-filled-color: var(--button-hover-color); --ps-info-color: var(--text-color); --card-category-circle-caption-color: var(--product-card-link-color); --card-category-circle-caption-bg: var(--product-card-bg); --card-category-circle-caption-opacity: 1; --desktop-menu-font-family: var(--heading-font-family) --transparent-default: #000; --transparent-default-rgba: rgba(0,0,0,0); --margin-top-desktop: 40px; --margin-top-mobile: 20px; --margin-top-product-blocks: 20px; --padding-top-desktop: 40px; --padding-top-mobile: 20px; --submenu-list-min-width: 240px; --container-max-width: 1178px; --product-swatches-inner-border-width: 1px; --global-box-shadow: 0.04; --secondary-box-shadow: 0.14; --global-box-shadow-darker: 0.10; --body-bg: #ffffff; --body-bg-secondary: #ffffff; --mobile-bottom-bg: #ffffff; --third-bg-popups: #ffffff; --custom-color: #a5c130; --text-color: #000000; --form-control-check-color: #000000; --tag-light-text-color: rgba(0, 0, 0, 0.5); --text-color-light: rgba(0, 0, 0, 0.5); --sidebar-block-count-color: rgba(0, 0, 0, 0.5); --text-color-invert: #ffffff; --heading-color: #000000; --heading-sub-color: #3d3d3d; --text-color-secondary: #3d3d3d; --body-link-color: #3d3d3d; --body-link-color-hover: #000000; --product-rating-color: #b4b4b4; --product-rating-fill-color: #22292f; --product-card-icon-color: #cdd8e1; --product-card-icon-hover-color: #cdd8e1; --contrast-grey: #9c9c9c; --sidebar-block-border-color: #9c9c9c; --decor-border-middle-color: #9c9c9c; --decor-border-dark-color: #9c9c9c; --decor-border-menu-color: #9c9c9c; --header-dropdown-settings-color: var(--product-swatches-color); --header-dropdown-settings-border-color: var(--product-swatches-border-color); --tooltip-color: #ffffff; --tooltip-bg: #3d3d3d; --placeholder-bg: #e1e2ea; --minicart-drop-total-bg: #f7f8fc; --button-global-color: #ffffff; --button-global-hover-color: #ffffff; --button-global-bg: #a5c130; --button-global-hover-bg: #a5c130; --button-color: #ffffff; --button-hover-color: #ffffff; --button-bg: #a5c130; --button-hover-bg: #a5c130; --button-color-invert: #ffffff; --button-hover-color-invert: #22292f; --button-bg-invert: #22292f; --button-hover-bg-invert: #ebebf1; --button-color-grey: #000000; --button-hover-color-grey: #000000; --button-color-white: #ffffff; --button-hover-color-white: #ffffff; --button-bg-white: #a5c130; --button-hover-bg-white: #a5c130; --button-color-fifth: #ffffff; --button-hover-color-fifth: #ffffff; --button-bg-fifth: #a5c130; --button-hover-bg-fifth: #a5c130; --button-color-buy-now: #ffffff; --button-hover-color-buy-now: #ffffff; --button-bg-buy-now: #a5c130; --button-hover-bg-buy-now: #a5c130; --label-1-bg: #22292f; --label-2-color: #000000; --label-2-bg: #a5c130; --label-3-bg: #a5c130; --label-4-bg: #a5c130; --label-5-bg: #a5c130; --label-6-bg: #a5c130; --ticker-color: #ffffff; --ticker-bg: #22292f; --ticker-badge-color: #22292f; --ticker-badge-bg: #a5c130; --product-card-color-light: rgba(0, 0, 0, 0.5); --product-card-form-border-color: rgba(0, 0, 0, 0.23); --product-card-description-color: #9e9e9e; --scroll-color: #e1e4ee; --scroll-drag-color: #9e9e9e; --form-bg-alt: #ffffff; --form-color-alt: #22292f; --form-color-light-alt: #9e9e9e; --lookbook-popup-btn-color: #a5c130; --many-in-stock-color: #a5c130; --label-items-count-color: #ffffff; --label-items-count-bg: #e6055b; --qty-status-color-start: #a5c130; --qty-status-color-middle: #df6a00; --qty-status-color-full: #4970f8; --text-color-banner: #22292f; --text-color-banner-invert: #ffffff; --header-promoline-bg: #ffffff; --header-promoline-text-color: #3d3d3d; --header-promoline-text-span-color: #3d3d3d; --ticker-section-bg: #f7f8fc; --ticker-section-color: #22292f; --ticker-section-link-color: #22292f; --ticker-section-link-color-hover: rgba(34, 41, 47, 0.65); --third-bg-popups-rgb: 255, 255, 255; --body-bg-rgb: 255, 255, 255; --menu-categories-bg-rgb: , ,; --submenu-list-link-hover-bg-rgb: 247, 248, 252; --font-weight-800: 800; --font-weight-700: 700; --font-weight-600: 600; --font-weight-500: 500; --font-weight-400: 400; --font-weight-300: 300; --banner-font-weight-900: 900; --banner-font-weight-800: 800; --banner-font-weight-700: 700; --banner-font-weight-600: 600; --banner-font-weight-500: 500; --banner-font-weight-400: 400; --banner-font-weight-300: 300; --heading-global-weight: 600; --preview-thumb-active-width: 2px; --desktop-menu-font-size: 16px; --mobile-menu-font-size: 14px; --product-swatches-text-width: 29px; --product-swatches-text-height: 22px; --product-swatches-color-width: 33px; --product-swatches-text-px: 5px; --product-swatches-text-font-size: 12px; --product-swatches-text-font-weight: 400; --product-swatches-title-font-size: 12px; --product-swatches-title-mb: 3px; --product-swatches-group-gy: 12px; --product-swatches-text-gap: 2.5px; --product-swatches-color-gap: 3.5px; --product-swatches-text-border-width: 1.5px; --product-swatches-color-border-width: 1.5px; --swiper-theme-color: #007aff; --swiper-navigation-size: 44px; --tabs-wrap-border: var(--decor-border-dark-color); --tabs-wrap-track-bg: var(--product-card-bg, var(--body-bg-secondary)); --tabs-wrap-color: var(--product-card-text-color, var(--block-secondary-text)); --tabs-wrap-active-bg: var(--button-bg); --tabs-wrap-active-color: var(--button-color); --promoline-height-desktop: 40px; --promoline-height-mobile: 30px; --promoline-fontsize-desktop: 15px; --promoline-fontsize-mobile: 13px; --header-global-bg: #000000; --header-global-color: #ffffff; --header-global-link-color: #ffffff; --header-global-link-hover-color: #ffffff; --header-top-bg: #414c55; --header-top-color: #ffffff; --header-top-link-color: #ffffff; --header-top-link-hover-color: #a5c130; --header-bottom-link-hover-color: #22292f; --header-border-color: #cdd8e1; --header-form-palceholder-color: rgba(34, 41, 47, 0.6); --header-nav-link-border-hover-color: #9e9e9e; --header-nav-link-border-active-color: #ffffff; --header-badge-color: #ffffff; --mobile-bottom-badge-color: #ffffff; --header-badge-bg: #22292f; --mobile-bottom-badge-bg: #22292f; --submenu-list-link-hover-bg: #f7f8fc; --mobile-menu-social-color: #ffffff; --footer-global-bg: #000000; --footer-global-color: #ffffff; --footer-global-link-hover-color: #a5c130; --footer-border-color: #6f6f6f; --footer-logo-max-width: 145px; --footer-logo-max-width-mobile: 120px; --color-foreground: 34,41,47; --color-background: 255,255,255; --duration-short: .2s; --vhStart: 9.51px; --sticky-height: 83px; --vh: 9.51px; --bar-height: 0px; --scroll-width: 0px; --header-height: 83px; --header-promo-height: 0px; --slider-under-height: 0px; --mobile-panel-height: 0px; --bar-start-height: 0px; --start-height: 951px; }
.zofo-rep { --body-font-family: Outfit; }
.zofo-rep { --heading-font-family: Outfit; }
.zofo-rep.initial-hide .header, .zofo-rep.initial-hide .category-page-block.has-filter-closed .filter-col-content, .zofo-rep.initial-hide .mmenu-submenu { visibility: hidden; }
.zofo-rep.full-load-hide .payment-notification-wrap { visibility: hidden; }
.zofo-rep { --global-box-shadow-darker: 0.1; --margin-top-mobile: 70px; --margin-top-desktop: 80px; --padding-top-mobile: 60px; --padding-top-desktop: 80px; --screen-product-one-in-row: 374px; --custom-color: #4970F8; --text-color: #22292F; --text-color-invert: #fff; --text-color-banner: #000; --text-color-banner-invert: #fff; --text-color-static: var(--text-color); --container-max-width: 1178px; --container-max-width-boxed: 1178px; --body-bg: #f7f8fc; --body-bg-rgb: 247, 248, 252; --body-link-color: var(--custom-color); --body-link-color-hover: var(--text-color); --body-link-secondary-color: var(--text-color); --body-link-secondary-color-hover: var(--custom-color); --decor-border-color: #f4f4f4; --decor-border-middle-color: #CDD8E1; --decor-border-dark-color: #d9d9d9; --decor-border-menu-color: #E8EBF1; --contrast-grey: #aeb0b8; --table-border-color: var(--decor-border-dark-color); --table-even-bg: var(--body-bg); --table-odd-bg: var(--body-bg-secondary); --free-shipping-color: #0CAE61; --body-bg-secondary: #fff; --block-secondary-text: var(--text-color); --block-secondary-link: var(--body-link-secondary-color); --block-secondary-link-hover: var(--body-link-secondary-color-hover); --theme-bg-color: #fff; --theme-bg-hover-color: var(--theme-bg-color); --section-max-width: 1850px; --loading-bar-color: var(--custom-color); --third-bg-popups: #fff; --third-bg-popups-rgb: 255,255,255; --font-weight-900: 900; --font-weight-800: 800; --font-weight-700: 700; --font-weight-600: 600; --font-weight-500: 500; --font-weight-400: 400; --font-weight-300: 300; --font-weight-bolder: var(--font-weight-700); --content-font-size: 15px; --content-line-height: 25px; --text-color-secondary: #666; --text-color-light: #9E9E9E; --block-secondary-color-light: var(--text-color-light); --product-card-color-light: var(--text-color-light); --scroll-drag-color: #9E9E9E; --scroll-drag-focus-color: var(--custom-color); --scroll-color: #e1e4ee; --container-max: 1200px; --global-product-price-width: var(--font-weight-600); --global-product-price-font-family: var(--body-font-family); --heading-color: var(--text-color); --heading-xl-size: 43px; --heading-xl-2-size: 50px; --heading-lg-size: 28px; --heading-md-size: 23px; --heading-sm-size: 18px; --heading-xl-size-m: 28px; --heading-xl-2-size-m: 28px; --heading-lg-size-m: 28px; --heading-md-size-m: 23px; --heading-sm-size-m: 18px; --heading-global-weight: var(--font-weight-700); --heading-xl-weight: var(--heading-global-weight); --heading-xl-2-weight: var(--heading-global-weight); --heading-lg-weight: var(--heading-global-weight); --heading-md-weight: var(--heading-global-weight); --heading-sm-weight: var(--heading-global-weight); --heading-xl-weight-m: var(--heading-global-weight); --heading-xl-2-weight-m: var(--heading-global-weight); --heading-lg-weight-m: var(--heading-global-weight); --heading-md-weight-m: var(--heading-global-weight); --heading-sm-weight-m: var(--heading-global-weight); --heading-xl-sub-top: 25px; --heading-lg-sub-top: 25px; --heading-md-sub-top: 10px; --heading-sm-sub-top: 10px; --heading-sub-size: 12px; --heading-sub-weight: var(--font-weight-400); --heading-sub-color: var(--text-color-secondary); --heading-sub-lg-size: 19px; --heading-sub-lg-weight: var(--font-weight-500); --pagination-text-color: var(--text-color); --pagination-text-bg: transparent; --pagination-text-hover-color: var(--button-color-grey); --pagination-text-hover-bg: var(--button-bg-grey); --pagination-text-hover-border-width: var(--button-border-width-grey); --pagination-text-hover-border-color: var(--button-border-color-grey); --pagination-text-active-color: var(--button-color); --pagination-text-active-bg: var(--button-bg); --pagination-text-active-border-width: var(--button-border-width); --pagination-text-active-border-color: var(--button-border-color); --title-bottom: 35px; --title-bottom-sm: 25px; --title-bottom-xs: 20px; --column-caption-style-1-size: 12px; --column-caption-style-1-weight: var(--font-weight-700); --column-caption-style-2-size: 15px; --column-caption-style-2-weight: var(--font-weight-600); --column-caption-style-3-size: 18px; --column-caption-style-3-weight: var(--font-weight-400); --column-caption-style-4-size: 18px; --column-caption-style-4-weight: var(--font-weight-700); --column-caption-style-color: var(--body-link-secondary-color); --column-caption-style-hover-color: var(--body-link-secondary-color-hover); --banner-dark-text-color: #000; --banner-light-text-color: #fff; --banner-font-weight-900: 900; --banner-font-weight-800: 800; --banner-font-weight-700: 700; --banner-font-weight-600: 600; --banner-font-weight-500: 500; --banner-font-weight-400: 400; --banner-font-weight-300: 300; --radius-xl: 24px; --radius-lg: 20px; --radius-md: 16px; --radius-sm: 8px; --radius-5: 5px; --radius-4: 4px; --radius-3: 3px; --radius-2: 2px; --radius-50: 50%; --radius-max: 9999px; --button-border-radius: 9999px; --radius-ic: var(--radius-md); --tag-text-color: var(--product-card-text-color); --tag-bg: var(--product-card-bg); --tag-border-color: var(--decor-border-middle-color); --tag-hover-text-color: var(--text-color-secondary); --tag-hover-bg: var(--body-bg-secondary); --tag-hover-border-color: var(--custom-color); --tag-active-text-color: var(--body-bg-secondary); --tag-active-bg: var(--custom-color); --tag-active-border-color: var(--custom-color); --tag-light-text-color: var(--text-color-light); --label-bg: var(--custom-color); --label-color: #fff; --label-1-bg: #22292F; --label-2-bg: #ffc427; --label-3-bg: #fb317d; --label-4-bg: #4970F8; --label-5-bg: #0CAE61; --label-6-bg: #df6a00; --label-7-bg: #595b62; --label-1-color: #fff; --label-2-color: #fff; --label-3-color: #fff; --label-4-color: #fff; --label-5-color: #fff; --label-6-color: #fff; --label-7-color: #fff; --label-soldout-bg: var(--label-1-bg); --label-soldout-color: var(--label-1-color); --label-hot-bg: var(--label-4-bg); --label-hot-color: var(--label-4-color); --label-new-bg: var(--label-4-bg); --label-new-color: var(--label-4-color); --label-sale-bg: var(--label-3-bg); --label-sale-color: var(--label-3-color); --label-bestoffer-bg: var(--label-2-bg); --label-bestoffer-color: var(--label-2-color); --label-subscription-bg: var(--label-2-bg); --label-subscription-color: var(--label-2-color); --label-items-count-bg: var(--label-3-bg); --label-items-count-color: var(--label-3-color); --label-wishlist-bg: #f7f7f8; --label-wishlist-color: #272727; --label-wishlist-hover-bg: #f7f7f8; --label-wishlist-hover-color: #272727; --label-wishlist-hover-txt-color: #272727; --label-custom-bg: var(--label-7-bg); --label-custom-color: var(--label-7-color); --breadcrumbs-color: var(--body-link-color); --breadcrumbs-current-color: var(--text-color-secondary); --breadcrumbs-hover-color: var(--body-link-color-hover); --form-size: 15px; --form-weight: var(--font-weight-400); --form-label-size: 12px; --form-label-weight: var(--font-weight-600); --form-color: var(--text-color); --form-color-light: var(--text-color-light); --form-border-color: var(--decor-border-dark-color); --form-border-color-focus: var(--custom-color); --form-border-width: 1px; --form-bg: transparent; --form-bg-alt: #fff; --form-color-alt: #282828; --form-color-light-alt: #9e9e9e; --form-border-alt: #d9d9d9; --form-lined-bg: transparent; --form-element-bg: var(--form-bg); --form-element-hover-bg: var(--form-bg); --form-element-symbol-color: var(--custom-color); --form-element-symbol-hover-color: var(--custom-color); --form-message-color: var(--text-color); --form-error-border-color: #ed2233; --form-group-tab-bg: var(--body-bg-secondary); --form-control-check-color: #414c55; --form-required-mark-color: #ed2233; --qty-status-color-start: #0CAE61; --qty-status-color-middle: #df6a00; --qty-status-color-full: #4970F8; --qty-border-color: var(--product-card-form-border-color); --button-font-family: var(--body-font-family); --button-font-weight: var(--font-weight-600); --button-font-weight-less: var(--font-weight-700); --button-font-weight-lg: var(--font-weight-500); --button-addtocart-desktop-height: 40px; --button-addtocart-mobile-height: 40px; --button-global-color: #fff; --button-global-bg: var(--custom-color); --button-global-hover-color: #fff; --button-global-hover-bg: #22292F; --button-global-border-width: 0; --button-global-border-color: transparent; --button-color: var(--button-global-color); --button-bg: var(--button-global-bg); --button-hover-color: var(--button-global-hover-color); --button-hover-bg: var(--button-global-hover-bg); --button-border-width: var(--button-global-border-width); --button-border-color: var(--button-global-border-color); --button-hover-border-color: var(--button-border-color); --button-color-grey: var(--button-global-color); --button-bg-grey: var(--button-global-bg); --button-hover-color-grey: var(--button-global-hover-color); --button-hover-bg-grey: var(--button-global-hover-bg); --button-border-width-grey: var(--button-global-border-width); --button-border-color-grey: var(--button-global-border-color); --button-hover-border-color-grey: var(--button-border-color-grey); --button-color-white: var(--button-global-color); --button-bg-white: var(--button-global-bg); --button-hover-color-white: var(--button-global-hover-color); --button-hover-bg-white: var(--button-global-hover-bg); --button-border-width-white: var(--button-global-border-width); --button-border-color-white: var(--button-global-border-color); --button-hover-border-color-white: var(--button-border-color-white); --button-color-invert: var(--button-global-color); --button-bg-invert: var(--button-global-bg); --button-hover-color-invert: var(--button-global-hover-color); --button-hover-bg-invert: var(--button-global-hover-bg); --button-border-width-invert: var(--button-global-border-width); --button-border-color-invert: var(--button-global-border-color); --button-hover-border-color-invert: var(--button-border-color-invert); --button-color-buy-now: var(--button-global-color); --button-bg-buy-now: var(--button-global-bg); --button-hover-color-buy-now: var(--button-global-hover-color); --button-hover-bg-buy-now: var(--button-global-hover-bg); --button-border-width-buy-now: var(--button-global-border-width); --button-border-color-buy-now: var(--button-global-border-color); --button-hover-border-color-buy-now: var(--button-border-color-buy-now); --button-color-fifth: var(--button-global-color); --button-bg-fifth: var(--button-global-bg); --button-hover-color-fifth: var(--button-global-hover-color); --button-hover-bg-fifth: var(--button-global-hover-bg); --button-border-width-fifth: var(--button-global-border-width); --button-border-color-fifth: var(--button-global-border-color); --button-hover-border-color-fifth: var(--button-border-color-fifth); --button-link-color: var(--body-link-color); --button-link-hover-color: var(--body-link-color-hover); --button-disabled-opacity: 0.5; --button-loading-opacity: 0.5; --placeholder-alt-bg: var(--body-bg-secondary); --placeholder-bg: #e1e2e9; --placeholder-color: #80888f; --placeholder-border: var(--decor-border-middle-color); --zoom-window-bg: var(--placeholder-bg); --product-price-actual-color: var(--text-color); --product-price-old-color: var(--text-color); --product-card-bg: var(--body-bg-secondary); --product-only-card-bg: var(--product-card-bg); --product-only-card-hover-bg: var(--product-only-card-bg); --product-horizontal-card-bg: var(--product-only-card-bg); --product-card-text-color: var(--text-color); --product-card-description-color: var(--product-card-color-light); --product-card-link-color: var(--body-link-secondary-color); --product-card-link-hover-color: var(--body-link-secondary-color-hover); --product-card-vendor-color: var(--body-link-secondary-color); --product-card-vendor-hover-color: var(--body-link-secondary-color-hover); --product-card-countdown-bg: var(--body-bg-secondary); --product-card-countdown-color: var(--custom-color); --product-card-icon-color: #CDD8E1; --product-card-icon-hover-color: #CDD8E1; --product-card-icon-active-color: var(--custom-color); --product-card-price-actual-color: var(--product-card-text-color); --product-card-price-old-color: var(--product-card-price-actual-color); --product-card-form-border-color: #d9d9d9; --product-aspect-ratio: 120%; --product-page-aspect-ratio: 120%; --product-rating-color: #b4b4b4; --product-rating-fill-color: #22292F; --product-card-name-size: 15px; --product-card-name-weight: var(--font-weight-500); --product-card-vendor-size: 12px; --product-card-vendor-weight: var(--font-weight-700); --product-card-price-size: 23px; --product-horizontal-card-name-size: 18px; --product-horizontal-card-name-weight: var(--font-weight-400); --product-horizontal-card-price-size: 23px; --product-card-countdown-weight: var(--font-weight-600); --product-card-countdown-number-weight: var(--font-weight-700); --product-swatches-inner-border-width: 1px; --product-swatches-inner-border-color: #fff; --product-swatches-text-width: 22px; --product-swatches-text-height: 22px; --product-swatches-text-px: 0; --product-swatches-text-font-size: 12px; --product-swatches-text-font-weight: var(--font-weight-400); --product-swatches-color-width: 22px; --product-swatches-color-height: 22px; --product-swatches-color: #6d7175; --product-swatches-bg: var(--body-bg-secondary); --product-swatches-text-border-width: 1px; --product-swatches-color-border-width: 1px; --product-swatches-active-color: var(--body-link-secondary-color-hover); --product-swatches-active-bg: var(--product-swatches-bg); --product-swatches-hover-color: var(--product-swatches-active-color); --product-swatches-hover-bg: var(--product-swatches-active-bg); --product-swatches-disabled-color: var(--product-swatches-color); --product-swatches-disabled-bg: var(--product-swatches-bg); --product-swatches-border-color: #cdd8e1; --product-swatches-border-hover-color: var(--product-swatches-hover-color); --product-swatches-border-active-color: var(--product-swatches-active-color); --product-swatches-title-font-size: 12px; --product-swatches-title-mb: 3px; --product-swatches-text-gap: 2.5px; --product-swatches-color-gap: 2.5px; --product-swatches-group-gy: 12px; --product-swatches-radius: 5px; --minicart-product-bg: var(--product-only-card-bg); --minicart-product-text-color: var(--product-card-text-color); --minicart-product-vendor-color: var(--product-card-vendor-color); --minicart-product-vendor-hover-color: var(--product-card-vendor-hover-color); --minicart-product-name-color: var(--product-card-link-color); --minicart-product-name-hover-color: var(--product-card-link-hover-color); --minicart-product-price-color: var(--product-card-price-actual-color); --product-page-previews-width: 74px; --product-page-previews-width-quickview: 61px; --fancybox-light-bg: var(--body-bg-secondary); --fancybox-caption-text-color: var(--body-link-secondary-color); --fancybox-caption-hover-color: var(--body-link-secondary-color-hover); --fancybox-button-color: var(--button-color-grey); --fancybox-button-bg: var(--button-bg-grey); --fancybox-button-hover-bg: var(--button-hover-bg-grey); --fancybox-button-hover-color: var(--button-hover-color-grey); --modal-bg: var(--third-bg-popups, var(--body-bg-secondary)); --modal-divider-color: var(--body-bg-secondary); --modal-success-icon-color: #0CAE61; --modal-error-icon-color: #ed2233; --modal-info-icon-color: #df6a00; --modal-social-color: #CDD8E1; --modal-social-hover-color: var(--body-link-secondary-color-hover); --filter-width: 300px; --sidebar-block-border-color: var(--decor-border-dark-color); --sidebar-block-title-color: var(--heading-color); --sidebar-block-title-hover-color: var(--body-link-secondary-color-hover); --sidebar-block-icon-color: var(--sidebar-block-title-color); --sidebar-block-icon-hover-color: var(--body-link-secondary-color-hover); --sidebar-selected-count-color: var(--text-color); --sidebar-selected-count-number-color: var(--text-color); --sidebar-clear-filters-bg: var(--button-bg-grey); --sidebar-clear-filters-color: var(--button-color-grey); --sidebar-clear-filters-hover-bg: var(--button-hover-bg-grey); --sidebar-clear-filters-hover-color: var(--button-hover-color-grey); --sidebar-selected-filters-bg: var(--custom-color); --sidebar-selected-filters-color: #fff; --sidebar-selected-filters-hover-bg: var(--text-color); --sidebar-selected-filters-hover-color: #fff; --sidebar-option-color-name-color: var(--text-color); --sidebar-option-color-name-active-color: var(--text-color); --sidebar-option-color-name-hover-color: var(--text-color); --sidebar-option-color-active-border-color: var(--custom-color); --sidebar-option-list-color: var(--text-color); --sidebar-option-list-active-color: var(--text-color); --sidebar-category-list-color: var(--text-color); --sidebar-category-list-active-color: var(--text-color); --sidebar-option-list-viewmore-color: var(--body-link-color-hover); --sidebar-option-list-viewmore-active-color: var(--body-link-color-hover); --sidebar-option-size-color: var(--text-color); --sidebar-option-size-border-color: var(--decor-border-color); --sidebar-option-size-active-color: var(--custom-color); --sidebar-option-size-active-border-color: var(--custom-color); --sidebar-menu-link-color: var(--body-link-secondary-color); --sidebar-menu-link-active-color: var(--body-link-secondary-color-hover); --listing-show-more-color: var(--custom-color); --listing-show-more-hover-color: var(--text-color); --filter-row-color: var(--text-color); --filter-row-bg: transparent; --filter-row-icon-color: var(--text-color-light); --filter-row-icon-active-color: var(--body-link-secondary-color-hover); --filter-mobile-top-info-bg: #f8f8fa; --filter-mobile-top-info-border-color: var(--text-color); --filter-mobile-row-color: var(--text-color); --filter-mobile-bg: var(--body-bg-secondary); --filter-mobile-border-top-color: var(--body-bg-secondary); --sidebar-block-count-color: var(--text-color-light); --sidebar-block-count-hover-color: var(--body-link-secondary-color-hover); --category-descripition-bg: var(--body-bg); --category-descripition-bg-alt: var(--body-bg-secondary); --category-descripition-color: var(--text-color-secondary); --login-form-forgot-link-color: var(--text-color-secondary); --login-form-forgot-link-hover-color: var(--body-link-secondary-color-hover); --swiper-pagination-color: var(--text-color); --swiper-pagination-active-color: var(--custom-color); --discount-color: var(--body-link-color); --subscription-border: orange; --subscription-color: var(--text-color); --bought-witn-toggle-icon-color: var(--text-color-light); --bought-witn-toggle-icon-active-color: var(--text-color); --categories-list-weight: var(--font-weight-400); --categories-list-color: var(--body-link-secondary-color); --categories-list-hover-color: var(--body-link-secondary-color-hover); --header-global-bg: #FFFFFF; --header-global-color: var(--text-color); --header-global-link-color: var(--header-global-color); --header-global-link-hover-color: var(--body-link-secondary-color-hover); --header-top-bg: var(--header-global-bg); --header-top-color: var(--header-global-color); --header-top-link-color: var(--header-global-link-color); --header-top-link-hover-color: var(--header-global-link-hover-color); --header-top-link-active-color: var(--header-top-link-hover-color); --header-content-bg: var(--header-global-bg); --header-content-color: var(--header-global-color); --header-content-link-color: var(--header-global-link-color); --header-content-link-hover-color: var(--header-global-link-hover-color); --header-content-nav-link-color: var(--header-content-link-color); --header-content-nav-link-hover-color: var(--header-content-nav-link-color); --header-content-nav-link-active-color: var(--header-content-nav-link-hover-color); --header-nav-link-border-hover-color: var(--text-color-light); --header-nav-link-border-active-color: var(--custom-color); --header-bottom-bg: var(--header-global-bg); --header-bottom-color: var(--header-global-color); --header-bottom-link-color: var(--header-global-link-color); --header-bottom-link-hover-color: var(--header-global-link-hover-color); --header-bottom-link-active-color: var(--header-bottom-link-hover-color); --header-subcategories-bg: var(--header-global-bg); --header-subcategories-color: var(--header-global-color); --header-subcategories-link-color: var(--header-global-link-color); --header-subcategories-link-hover-color: var(--header-global-link-hover-color); --header-subcategories-link-active-color: var(--header-subcategories-link-hover-color); --header-sticky-bg: var(--header-content-bg); --header-border-color: var(--decor-border-middle-color); --header-index-border-color: transparent; --header-custom-text-span-color: var(--custom-color); --menu-btn-color: var(--button-color); --menu-btn-bg: var(--button-bg); --menu-btn-hover-color: var(--button-hover-color); --menu-btn-hover-bg: var(--button-hover-bg); --menu-btn-border-width: var(--button-border-width); --menu-btn-border-color: var(--button-border-color); --menu-btn-hover-border-color: var(--button-hover-border-color); --header-promoline-bg: #77bf4a; --header-promoline-text-color: #fff; --header-promoline-text-span-color: #346815; --header-badge-color: #fff; --header-badge-bg: #22292F; --header-search-input-color: var(--header-content-color); --header-search-input-bg: transparent; --header-search-border-color: var(--header-border-color); --header-search-active-border-color: var(--custom-color); --header-form-color: var(--header-content-color); --header-form-palceholder-color: var(--form-color-light); --logo-max-width: 145px; --logo-max-width-mobile: 80px; --header-logo-padding: 20px; --header-logo-padding-m: 15px; --header-logo-padding-sticky: 15px; --desktop-menu-font-size: 15px; --desktop-menu-font-weight: var(--font-weight-500); --mmenu-bg: var(--third-bg-popups, var(--body-bg-secondary)); --mmenu-link-color: var(--body-link-secondary-color); --mmenu-link-hover-color: var(--body-link-secondary-color-hover); --mmenu-top-bottom-divider-color: var(--decor-border-color); --mmenu-bottom-text-color: var(--body-link-secondary-color); --mmenu-bottom-hover-text-color: var(--body-link-secondary-color-hover); --mmenu-bottom-icon-color: var(--custom-color); --submenu-view-more-color: var(--body-link-color); --submenu-view-more-hover-color: var(--body-link-color-hover); --submenu-bg: var(--third-bg-popups, var(--body-bg-secondary)); --label-size: 9px; --label-weight: var(--font-weight-600); --submenu-list-min-width: 218px; --submenu-list-link-color: var(--body-link-secondary-color); --submenu-list-link-hover-color: var(--body-link-secondary-color); --submenu-list-link-hover-bg: var(--body-bg); --submenu-list-link-active-color: var(--submenu-list-link-hover-color); --submenu-list-link-active-bg: var(--submenu-list-link-hover-bg); --submenu-mega-list-link-color: var(--body-link-secondary-color); --submenu-mega-list-link-bg: transparent; --submenu-mega-list-link-hover-color: var(--body-link-secondary-color-hover); --submenu-mega-list-link-hover-bg: transparent; --submenu-link-txt-color: var(--text-color); --submenu-viewmore-link-color: var(--body-link-secondary-color); --submenu-viewmore-link-hover-color: var(--body-link-secondary-color-hover); --header-dropdown-bg: var(--third-bg-popups, var(--body-bg-secondary)); --header-dropdown-bg_transparent: rgba(255, 255, 255, 0); --header-dropdown-color: var(--text-color); --header-dropdown_title: var(--heading-color); --header-dropdown-link-color: var(--body-link-secondary-color); --header-dropdown-link-hover-color: var(--body-link-secondary-color-hover); --header-dropdown-link-active-color: var(--body-link-secondary-color-hover); --header-dropdown-icon-color: var(--header-dropdown-color); --header-dropdown-close: var(--text-color); --header-dropdown-close-hover-color: var(--text-color); --header-dropdown-payment-icons-color: var(--body-link-secondary-color); --header-dropdown-payment-icons-hover-color: var(--body-link-secondary-color-hover); --submenu-link-title-border-color: var(--decor-border-menu-color); --header-dropdown-settings-color: var(--product-swatches-color); --header-dropdown-settings-active-color: var(--product-swatches-active-color); --header-dropdown-settings-hover-color: var(--product-swatches-hover-color); --header-dropdown-settings-border-color: var(--product-swatches-border-color); --header-dropdown-settings-border-active-color: var(--product-swatches-border-hover-color); --header-dropdown-settings-border-hover-color: var(--product-swatches-border-active-color); --header-dropdown-settings-bg: var(--product-swatches-bg); --header-dropdown-settings-active-bg: var(--product-swatches-active-bg); --header-dropdown-settings-hover-bg: var(--product-swatches-hover-bg); --minicart-drop-text-color: var(--text-color); --minicart-action-color: var(--button-color-grey); --minicart-action-bg: var(--button-bg-grey); --minicart-action-hover-color: var(--button-hover-color-grey); --minicart-action-hover-bg: var(--button-hover-bg-grey); --minicart-action-border-width: var(--button-border-width-grey); --minicart-action-border-color: var(--button-border-color-grey); --minicart-action-hover-border-color: var(--button-hover-border-color-grey); --minicart-action-special-color: var(--button-color); --minicart-action-special-bg: var(--button-bg); --minicart-action-special-hover-color: var(--button-hover-color); --minicart-action-special-hover-bg: var(--button-hover-bg); --minicart-action-special-border-width: var(--button-border-width); --minicart-action-special-border-color: var(--button-border-color); --minicart-action-special-hover-border-color: var(--button-hover-border-color); --minicart-action-add-color: var(--button-color); --minicart-action-add-bg: var(--button-bg); --minicart-action-add-hover-color: var(--button-hover-color); --minicart-action-add-hover-bg: var(--button-hover-bg); --minicart-action-add-border-width: var(--button-border-width); --minicart-action-add-border-color: var(--button-border-color); --minicart-action-add-hover-border-color: var(--button-hover-border-color); --minicart-drop-total-bg: var(--body-bg); --minicart-drop-empty-text-color: var(--text-color-secondary); --minicart-drop-empty-svg-color: var(--decor-border-middle-color); --minicart-drop-fixed-icons-bg: var(--custom-color); --minicart-drop-fixed-icons-color: #fff; --minicart-drop-fixed-icons-hover-bg: var(--custom-color); --minicart-drop-fixed-icons-hover-color: #fff; --mobile-menu-font-size: 15px; --mobile-menu-font-weight: var(--font-weight-500); --mobile-menu-bg: var(--body-bg-secondary); --mobile-menu-border-color: var(--decor-border-middle-color); --mobile-menu-nav-bg: transparent; --mobile-menu-nav-color: var(--text-color); --mobile-menu-nav-hover-bg: transparent; --mobile-menu-nav-hover-color: var(--body-link-secondary-color-hover); --mobile-menu-subnav-color: var(--body-link-secondary-color); --mobile-menu-drop-link-color: var(--body-link-secondary-color); --mobile-menu-drop-link-active-color: var(--body-link-secondary-color-hover); --mobile-menu-drop-link-light-color: #868686; --mobile-menu-drop-close-color: var(--text-color); --mobile-menu-social-bg: var(--custom-color); --mobile-menu-social-color: #fff; --mobile-bottom-bg: var(--body-bg-secondary); --mobile-bottom-link-color: var(--body-link-secondary-color); --mobile-bottom-badge-color: #fff; --mobile-bottom-badge-bg: #22292F; --prepay-color: #0CAE61; --back-to-top-color: var(--button-color-white); --back-to-top-bg: var(--button-bg-white); --back-to-top-hover-color: var(--button-hover-color-white); --back-to-top-hover-bg: var(--button-hover-bg-white); --post-previews-card-bg: var(--product-card-bg); --post-previews-card-color: var(--product-card-text-color); --post-previews-card-title-color: var(--product-card-link-color); --post-previews-card-title-color-hover: var(--product-card-link-hover-color); --post-previews-card-meta-color: var(--post-previews-card-color); --post-previews-card-meta-label-color: var(--post-previews-card-color); --post-previews-card-link-color: var(--product-card-link-color); --post-previews-card-link-hover-color: var(--product-card-link-hover-color); --post-previews-color: var(--text-color); --post-previews-title-color: var(--body-link-secondary-color); --post-previews-title-color-hover: var(--body-link-secondary-color-hover); --post-previews-meta-color: var(--post-previews-color); --post-previews-meta-label-color: var(--post-previews-color); --post-previews-link-color: var(--body-link-color); --post-previews-link-hover-color: var(--body-link-color-hover); --post-previews-date-color: var(--custom-color); --post-previews-date-bg: var(--body-bg-secondary); --prd-previews-color: var(--text-color); --prd-previews-title-color: var(--body-link-secondary-color); --prd-previews-title-color-hover: var(--body-link-secondary-color-hover); --prd-previews-price-color: var(--text-color); --post-title-weight: var(--font-weight-600); --post-title-size: 35px; --post-title-size-m: 28px; --post-comment-color: var(--text-color-secondary); --post-comment-meta-color: var(--text-color-secondary); --post-comment-meta-label-color: var(--text-color); --post-search_date-color: var(--post-previews-date-color); --post-search_date-bg: var(--post-previews-date-bg); --tab-accordion-color: var(--body-link-secondary-color); --tab-accordion-hover-color: var(--body-link-secondary-color-hover); --tab-accordion-bg: transparent; --tab-accordion-hover-bg: transparent; --review-bg: var(--product-card-bg); --review-text-color: var(--product-card-text-color); --review-author-color: var(--product-card-text-color); --faq-list-color: var(--body-link-secondary-color); --faq-list-bg: var(--body-bg); --faq-list-hover-color: var(--button-color); --faq-list-hover-bg: var(--button-bg); --faq-list-border-hover-width: var(--button-border-width); --faq-list-border-hover-color: var(--button-border-color); --faq-list-active-color: var(--button-hover-color); --faq-list-active-bg: var(--button-hover-bg); --faq-list-active-border-width: var(--button-border-width); --faq-list-active-border-color: var(--button-hover-border-color); --faq-item-divider-color: var(--decor-border-color); --payment-notification-bg: var(--product-only-card-bg); --payment-notification-text-color: var(--product-card-text-color); --payment-notification-name-color: var(--product-card-link-color); --payment-notification-name-hover-color: var(--product-card-link-hover-color); --payment-notification-when-color: var(--product-card-link-hover-color); --payment-notification-from-color: var(--product-card-text-color); --circle-chart-text-color: var(--custom-color); --circle-chart-border-color: #EDF2F8; --circle-chart-border-active-color: var(--custom-color); --page-not-found-title-color: var(--custom-color); --page-not-found-title2-color: var(--heading-color); --page-not-found-text-color: var(--text-color); --menu-categories-bg: var(--submenu-bg); --menu-categories-color: var(--submenu-list-link-color); --menu-categories-hover-color: var(--submenu-list-link-hover-color); --menu-categories-hover-bg: var(--submenu-list-link-hover-bg); --cart-page-price-color: var(--text-color); --cart-page-price-old-color: var(--product-price-old-color); --cart-page-total-color: var(--text-color); --cart-table-prd-remove-color: var(--button-color-grey); --cart-table-prd-remove-bg: var(--button-bg-grey); --cart-table-prd-remove-hover-color: var(--button-hover-color-grey); --cart-table-prd-remove-hover-bg: var(--button-hover-bg-grey); --cart-table-prd-remove-width: var(--button-border-width-grey); --cart-table-prd-remove-border-color: var(--button-border-color-grey); --cart-table-prd-remove-hover-border-color: var(--button-hover-border-color-grey); --cart-empty-svg-color: var(--contrast-grey); --card-accordeon-bg: var(--body-bg-secondary); --card-total-bg: var(--body-bg-secondary); --card-total-border-color: var(--decor-border-dark-color); --margin-top-product-blocks: 20px; --cart-aside-width: 392px; --tooltip-bg: #22292f; --tooltip-color: #fff; --progress-bar-height-global: 3px; --preview-thumb-active-width: 2px; --preview-thumb-active-color: var(--custom-color); --footer-global-bg: var(--body-bg); --footer-global-color: var(--text-color); --footer-global-link-color: var(--footer-global-color); --footer-global-link-hover-color: var(--body-link-secondary-color-hover); --footer-content-bg: var(--footer-global-bg); --footer-content-color: var(--footer-global-color); --footer-content-link-color: var(--footer-content-color); --footer-content-link-hover-color: var(--footer-global-link-hover-color); --footer-border-color: #8FB9FA; --footer-top-bg: var(--footer-global-bg); --footer-top-color: var(--footer-global-color); --footer-top-link-color: var(--footer-top-color); --footer-top-link-hover-color: var(--footer-global-link-hover-color); --footer-bottom-bg: var(--footer-global-bg); --footer-bottom-color: var(--footer-global-color); --footer-bottom-link-color: var(--footer-bottom-color); --footer-bottom-link-hover-color: var(--footer-global-link-hover-color); --footer-maillink-color: var(--footer-global-color); --footer-maillink-hover-color: var(--footer-global-link-hover-color); --footer-copyright-font-size: 12px; --footer-text-weight: var(--font-weight-400); --footer-link-weight: var(--font-weight-400); --footer-title-weight: var(--font-weight-600); --dark-icon-color: #22292F; --dark-icon-bg: rgba(255,255,255,.45); --dark-icon-bg-hover: rgba(255,255,255,.75); --sticky-add-to-cart-bg: var(--product-only-card-bg); --sticky-add-to-cart-text-color: var(--product-card-text-color); --sticky-add-to-cart-name-hover-color: var(--product-card-link-hover-color); --sticky-add-to-cart-price-color: var(--product-card-price-actual-color); --sticky-add-to-cart-name-color: var(--product-card-text-color); --sticky-add-to-cart-close-hover-color: var(--sticky-add-to-cart-name-hover-color); --gradient-color-1: #1871E5; --gradient-color-2: #6123E5; --ticker-bg: #22292F; --ticker-color: white; --ticker-link-color: var(--ticker-color); --ticker-link-color-hover: var(--ticker-link-color); --ticker-badge-bg: var(--button-bg); --ticker-badge-color: var(--button-color); --ticker-font-size: 12px; --ticker-y-padding: 10px; --ticker-gap: 10px; --ticker-speed: 1.5s; --ticker-section-bg: #22292F; --ticker-section-color: white; --ticker-section-link-color: var(--ticker-section-color); --ticker-section-link-color-hover: var(--ticker-section-link-color); --ticker-section-badge-bg: var(--button-bg); --ticker-section-badge-color: var(--button-color); --ticker-section-font-size: 18px; --ticker-section-y-padding: 20px; --ticker-section-gap: 30px; --ticker-section-speed: 6s; --ticker-section2-bg: #DFFA38; --ticker-section2-color: #191926; --ticker-section2-link-color: #191926; --ticker-section2-link-color-hover: #191926; --ticker-section2-badge-bg: #191926; --ticker-section2-badge-color: #DFFA38; --dropdown-content-width: 320px; --dropdown-link-hover-color: var(--body-link-secondary-color-hover); --dropdown-content-bg: var(--third-bg-popups, var(--body-bg-secondary)); --dropdown-content-color: var(--text-color); --dropdown-content-link-color: var(--body-link-secondary-color); --dropdown-content-link-hover-color: var(--body-link-secondary-color); --dropdown-content-link-active-border: var(--custom-color); --many-in-stock-color: #0CAE61; --product-page-title-color: var(--heading-color); --product-page-price-actual-color: var(--product-price-actual-color); --product-page-price-old-color: var(--product-price-old-color); --shop-info-icon-color: currentColor; --shop-info-icon-filled-bg: var(--button-hover-bg); --shop-info-icon-filled-color: var(--button-hover-color); --promoline-height-desktop: 53px; --promoline-fontsize-desktop: 21px; --promoline-height-mobile: 46px; --promoline-fontsize-mobile: 13px; --ps-info-color: var(--text-color); --card-category-circle-caption-color: var(--product-card-link-color); --card-category-circle-caption-bg: var(--product-card-bg); --card-category-circle-caption-opacity: 1; }
.zofo-rep { --desktop-menu-font-family: var(--heading-font-family) --transparent-default: #000; --transparent-default-rgba: rgba(0,0,0,0); --margin-top-desktop: 40px; --margin-top-mobile: 20px; --margin-top-product-blocks: 20px; --padding-top-desktop: 40px; --padding-top-mobile: 20px; --submenu-list-min-width: 240px; --container-max-width: 1178px; --product-swatches-inner-border-width: 1px; --global-box-shadow: 0.04; --secondary-box-shadow: 0.14; --global-box-shadow-darker: 0.10; --body-bg: #ffffff; --body-bg-secondary: #ffffff; --mobile-bottom-bg: #ffffff; --third-bg-popups: #ffffff; --custom-color: #a5c130; --text-color: #000000; --form-control-check-color: #000000; --tag-light-text-color: rgba(0, 0, 0, 0.5); --text-color-light: rgba(0, 0, 0, 0.5); --sidebar-block-count-color: rgba(0, 0, 0, 0.5); --text-color-invert: #ffffff; --heading-color: #000000; --heading-sub-color: #3d3d3d; --text-color-secondary: #3d3d3d; --body-link-color: #3d3d3d; --body-link-color-hover: #000000; --product-rating-color: #b4b4b4; --product-rating-fill-color: #22292f; --product-card-icon-color: #cdd8e1; --product-card-icon-hover-color: #cdd8e1; --contrast-grey: #9c9c9c; --sidebar-block-border-color: #9c9c9c; --decor-border-middle-color: #9c9c9c; --decor-border-dark-color: #9c9c9c; --decor-border-menu-color: #9c9c9c; --header-dropdown-settings-color: var(--product-swatches-color); --header-dropdown-settings-border-color: var(--product-swatches-border-color); --tooltip-color: #ffffff; --tooltip-bg: #3d3d3d; --placeholder-bg: #e1e2ea; --minicart-drop-total-bg: #f7f8fc; --button-global-color: #ffffff; --button-global-hover-color: #ffffff; --button-global-bg: #a5c130; --button-global-hover-bg: #a5c130; --button-color: #ffffff; --button-hover-color: #ffffff; --button-bg: #a5c130; --button-hover-bg: #a5c130; --button-color-invert: #ffffff; --button-hover-color-invert: #22292f; --button-bg-invert: #22292f; --button-hover-bg-invert: #ebebf1; --button-color-grey: #000000; --button-hover-color-grey: #000000; --button-color-white: #ffffff; --button-hover-color-white: #ffffff; --button-bg-white: #a5c130; --button-hover-bg-white: #a5c130; --button-color-fifth: #ffffff; --button-hover-color-fifth: #ffffff; --button-bg-fifth: #a5c130; --button-hover-bg-fifth: #a5c130; --button-color-buy-now: #ffffff; --button-hover-color-buy-now: #ffffff; --button-bg-buy-now: #a5c130; --button-hover-bg-buy-now: #a5c130; --label-1-bg: #22292f; --label-2-color: #000000; --label-2-bg: #a5c130; --label-3-bg: #a5c130; --label-4-bg: #a5c130; --label-5-bg: #a5c130; --label-6-bg: #a5c130; --ticker-color: #ffffff; --ticker-bg: #22292f; --ticker-badge-color: #22292f; --ticker-badge-bg: #a5c130; --product-card-color-light: rgba(0, 0, 0, 0.5); --product-card-form-border-color: rgba(0, 0, 0, 0.23); --product-card-description-color: #9e9e9e; --scroll-color: #e1e4ee; --scroll-drag-color: #9e9e9e; --form-bg-alt: #ffffff; --form-color-alt: #22292f; --form-color-light-alt: #9e9e9e; --lookbook-popup-btn-color: #a5c130; --many-in-stock-color: #a5c130; --label-items-count-color: #ffffff; --label-items-count-bg: #e6055b; --qty-status-color-start: #a5c130; --qty-status-color-middle: #df6a00; --qty-status-color-full: #4970f8; --text-color-banner: #22292f; --text-color-banner-invert: #ffffff; --header-promoline-bg: #ffffff; --header-promoline-text-color: #3d3d3d; --header-promoline-text-span-color: #3d3d3d; --ticker-section-bg: #f7f8fc; --ticker-section-color: #22292f; --ticker-section-link-color: #22292f; --ticker-section-link-color-hover: rgba(34, 41, 47, 0.65); --third-bg-popups-rgb: 255, 255, 255; --body-bg-rgb: 255, 255, 255; --menu-categories-bg-rgb: , ,; --submenu-list-link-hover-bg-rgb: 247, 248, 252; --font-weight-800: 800; --font-weight-700: 700; --font-weight-600: 600; --font-weight-500: 500; --font-weight-400: 400; --font-weight-300: 300; --banner-font-weight-900: 900; --banner-font-weight-800: 800; --banner-font-weight-700: 700; --banner-font-weight-600: 600; --banner-font-weight-500: 500; --banner-font-weight-400: 400; --banner-font-weight-300: 300; --heading-global-weight: 600; --preview-thumb-active-width: 2px; --desktop-menu-font-size: 16px; --mobile-menu-font-size: 14px; --product-swatches-text-width: 29px; --product-swatches-text-height: 22px; --product-swatches-color-width: 33px; --product-swatches-text-px: 5px; --product-swatches-text-font-size: 12px; --product-swatches-text-font-weight: 400; --product-swatches-title-font-size: 12px; --product-swatches-title-mb: 3px; --product-swatches-group-gy: 12px; --product-swatches-text-gap: 2.5px; --product-swatches-color-gap: 3.5px; --product-swatches-text-border-width: 1.5px; --product-swatches-color-border-width: 1.5px; }
.zofo-rep .shopify-section .title-wrap .h1-style, .zofo-rep .shopify-section .title-wrap h1 { --heading-md-size: 24px; --heading-md-size-m: 22px; }
.zofo-rep :host, .zofo-rep { --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; }
.zofo-rep :host, .zofo-rep { --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; }
.zofo-rep :host, .zofo-rep { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; }
@media (prefers-reduced-motion: no-preference) { .zofo-rep { scroll-behavior: smooth; } }
.zofo-rep img, .zofo-rep svg { vertical-align: middle; }
.zofo-rep [role="button"] { cursor: pointer; }
.zofo-rep iframe { border: 0px; }
.zofo-rep .container, .zofo-rep .container-fluid { --bs-gutter-x: 30px; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; }
@media (min-width: 576px) { .zofo-rep .container { max-width: 540px; } }
@media (min-width: 768px) { .zofo-rep .container { max-width: 720px; } }
@media (min-width: 1025px) { .zofo-rep .container { max-width: 980px; } }
@media (min-width: 1200px) { .zofo-rep .container { max-width: 1140px; } }
@media (min-width: 1466px) { .zofo-rep .container { max-width: 1320px; } }
@media (min-width: 1700px) { .zofo-rep .container { max-width: 1620px; } }
.zofo-rep .row { --bs-gutter-x: 30px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
.zofo-rep .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.zofo-rep .col { flex: 1 0 0%; }
.zofo-rep .col-12 { flex: 0 0 auto; width: 100%; }
.zofo-rep .g-4, .zofo-rep .gy-4 { --bs-gutter-y: 30px; }
@media (min-width: 576px) { .zofo-rep .col-sm { flex: 1 0 0%; } }
@media (min-width: 768px) { .zofo-rep .col-md { flex: 1 0 0%; } }
.zofo-rep .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 20px; --bs-breadcrumb-divider-color: #6c757d; --bs-breadcrumb-item-padding-x: 10px; --bs-breadcrumb-item-active-color: #6c757d; display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); }
.zofo-rep .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); }
.zofo-rep .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/"); }
.zofo-rep .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); }
.zofo-rep .d-flex { display: flex !important; }
.zofo-rep .d-none { display: none !important; }
.zofo-rep .position-relative { position: relative !important; }
.zofo-rep .w-100 { width: 100% !important; }
.zofo-rep .flex-row-reverse { flex-direction: row-reverse !important; }
.zofo-rep .align-items-center { align-items: center !important; }
.zofo-rep .mt-4 { margin-top: 40px !important; }
.zofo-rep .text-center { text-align: center !important; }
@media (min-width: 768px) { .zofo-rep .mt-md-5 { margin-top: 50px !important; } }
.zofo-rep { --swiper-theme-color: #007aff; }
.zofo-rep .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.zofo-rep .swiper-container-vertical > .swiper-wrapper { flex-direction: column; }
.zofo-rep .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.zofo-rep .swiper-container-android .swiper-slide, .zofo-rep .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.zofo-rep .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }
.zofo-rep .swiper-container-multirow-column > .swiper-wrapper { flex-flow: column wrap; }
.zofo-rep .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }
.zofo-rep .swiper-container-pointer-events { touch-action: pan-y; }
.zofo-rep .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; }
.zofo-rep .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.zofo-rep .swiper-slide-invisible-blank { visibility: hidden; }
.zofo-rep .swiper-container-autoheight, .zofo-rep .swiper-container-autoheight .swiper-slide { height: auto; }
.zofo-rep .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.zofo-rep .swiper-container-3d { perspective: 1200px; }
.zofo-rep .swiper-container-3d .swiper-cube-shadow, .zofo-rep .swiper-container-3d .swiper-slide, .zofo-rep .swiper-container-3d .swiper-slide-shadow-bottom, .zofo-rep .swiper-container-3d .swiper-slide-shadow-left, .zofo-rep .swiper-container-3d .swiper-slide-shadow-right, .zofo-rep .swiper-container-3d .swiper-slide-shadow-top, .zofo-rep .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; }
.zofo-rep .swiper-container-3d .swiper-slide-shadow-bottom, .zofo-rep .swiper-container-3d .swiper-slide-shadow-left, .zofo-rep .swiper-container-3d .swiper-slide-shadow-right, .zofo-rep .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.zofo-rep .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.zofo-rep .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.zofo-rep .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.zofo-rep .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.zofo-rep .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; }
.zofo-rep .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.zofo-rep .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }
.zofo-rep .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; }
.zofo-rep .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; }
.zofo-rep { --swiper-navigation-size: 44px; }
.zofo-rep .swiper-button-next, .zofo-rep .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); }
.zofo-rep .swiper-button-next.swiper-button-disabled, .zofo-rep .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.zofo-rep .swiper-button-next::after, .zofo-rep .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; }
.zofo-rep .swiper-button-prev, .zofo-rep .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; }
.zofo-rep .swiper-button-prev::after, .zofo-rep .swiper-container-rtl .swiper-button-next::after { content: "prev"; }
.zofo-rep .swiper-button-next, .zofo-rep .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }
.zofo-rep .swiper-button-next::after, .zofo-rep .swiper-container-rtl .swiper-button-prev::after { content: "next"; }
.zofo-rep .swiper-button-next.swiper-button-white, .zofo-rep .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff; }
.zofo-rep .swiper-button-next.swiper-button-black, .zofo-rep .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000; }
.zofo-rep .swiper-button-lock { display: none; }
.zofo-rep .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(0px, 0px, 0px); z-index: 10; }
.zofo-rep .swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.zofo-rep .swiper-container-horizontal > .swiper-pagination-bullets, .zofo-rep .swiper-pagination-custom, .zofo-rep .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; }
.zofo-rep .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }
.zofo-rep .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }
.zofo-rep .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }
.zofo-rep .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }
.zofo-rep .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }
.zofo-rep .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }
.zofo-rep .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }
.zofo-rep .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }
.zofo-rep .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: rgb(0, 0, 0); opacity: 0.2; }
.zofo-rep button.swiper-pagination-bullet { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; }
.zofo-rep .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.zofo-rep .swiper-pagination-bullet:only-child { display: none !important; }
.zofo-rep .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color,var(--swiper-theme-color)); }
.zofo-rep .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); }
.zofo-rep .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0px; display: block; }
.zofo-rep .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }
.zofo-rep .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; }
.zofo-rep .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; }
.zofo-rep .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }
.zofo-rep .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; }
.zofo-rep .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; }
.zofo-rep .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }
.zofo-rep .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }
.zofo-rep .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }
.zofo-rep .swiper-container-horizontal > .swiper-pagination-progressbar, .zofo-rep .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0px; top: 0px; }
.zofo-rep .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .zofo-rep .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0px; top: 0px; }
.zofo-rep .swiper-pagination-white { --swiper-pagination-color: #ffffff; }
.zofo-rep .swiper-pagination-black { --swiper-pagination-color: #000000; }
.zofo-rep .swiper-pagination-lock { display: none; }
.zofo-rep .swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 0, 0, 0.1); }
.zofo-rep .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }
.zofo-rep .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }
.zofo-rep .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; }
.zofo-rep .swiper-scrollbar-cursor-drag { cursor: move; }
.zofo-rep .swiper-scrollbar-lock { display: none; }
.zofo-rep .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }
.zofo-rep .swiper-zoom-container > canvas, .zofo-rep .swiper-zoom-container > img, .zofo-rep .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }
.zofo-rep .swiper-slide-zoomed { cursor: move; }
.zofo-rep .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; animation: 1s linear 0s infinite normal none running swiper-preloader-spin; box-sizing: border-box; border-radius: 50%; border-top-color: transparent; }
.zofo-rep .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }
.zofo-rep .swiper-lazy-preloader-black { --swiper-preloader-color: #000; }
.zofo-rep .swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; }
.zofo-rep .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }
.zofo-rep .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }
.zofo-rep .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.zofo-rep .swiper-container-fade .swiper-slide-active, .zofo-rep .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.zofo-rep .swiper-container-cube { overflow: visible; }
.zofo-rep .swiper-container-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; width: 100%; height: 100%; }
.zofo-rep .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.zofo-rep .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0px; }
.zofo-rep .swiper-container-cube .swiper-slide-active, .zofo-rep .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.zofo-rep .swiper-container-cube .swiper-slide-active, .zofo-rep .swiper-container-cube .swiper-slide-next, .zofo-rep .swiper-container-cube .swiper-slide-next + .swiper-slide, .zofo-rep .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }
.zofo-rep .swiper-container-cube .swiper-slide-shadow-bottom, .zofo-rep .swiper-container-cube .swiper-slide-shadow-left, .zofo-rep .swiper-container-cube .swiper-slide-shadow-right, .zofo-rep .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }
.zofo-rep .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; }
.zofo-rep .swiper-container-cube .swiper-cube-shadow::before { content: ""; background: rgb(0, 0, 0); position: absolute; inset: 0px; filter: blur(50px); }
.zofo-rep .swiper-container-flip { overflow: visible; }
.zofo-rep .swiper-container-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; }
.zofo-rep .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.zofo-rep .swiper-container-flip .swiper-slide-active, .zofo-rep .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.zofo-rep .swiper-container-flip .swiper-slide-shadow-bottom, .zofo-rep .swiper-container-flip .swiper-slide-shadow-left, .zofo-rep .swiper-container-flip .swiper-slide-shadow-right, .zofo-rep .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }
.zofo-rep.compensate-for-scrollbar { overflow: hidden; }
@media (max-width: 1024px) { .zofo-rep .has-hdr_sticky .page-content { margin-top: -1px; } }
@media (max-width: 1024px) { .zofo-rep.has-hdr_sticky.scroll-down:not(.has-sticky) .hdr-open-search.is-open:not([data-search-open]) { display: none; } .zofo-rep.has-hdr_sticky.scroll-down:not(.has-sticky) .hdr-open-search.is-open[data-search-open] .predictive-search_ { display: none; } }
.zofo-rep .hdr-promoline .swiper-container { width: 100%; text-align: center; }
.zofo-rep .hdr-promoline .promoline-text.js-promoline-text-carousel .swiper-slide { display: flex; align-items: center; justify-content: center; height: auto; }
.zofo-rep .hdr-promoline .promoline-text-swiper-arrows { position: absolute; left: 0px; right: 0px; display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; top: 0px; z-index: 100; pointer-events: none; }
.zofo-rep .hdr-promoline .swiper-button-next-sm { width: 0px; height: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid var(--header-promoline-text-color); }
.zofo-rep .hdr-promoline .swiper-button-prev-sm { width: 0px; height: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid var(--header-promoline-text-color); }
.zofo-rep .hdr-promoline .swiper-button-next-sm, .zofo-rep .hdr-promoline .swiper-button-prev-sm { transition: 0.2s; pointer-events: all; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .hdr-promoline .swiper-button-next-sm:hover, .zofo-rep .hdr-promoline .swiper-button-prev-sm:hover { opacity: 0.6; } }
.zofo-rep .promoline-text .swiper-container:not(.swiper-container-initialized) > .swiper-wrapper { display: flex; overflow: hidden; align-items: center; height: 100%; }
.zofo-rep .promoline-text .swiper-container:not(.swiper-container-initialized) > .swiper-wrapper .swiper-slide { min-width: 100%; }
.zofo-rep .promoline-text .swiper-container:not(.swiper-container-initialized) { opacity: 1; }
.zofo-rep .hdr-mobile-bottom.scroll-down, .zofo-rep.scroll-down .hdr-mobile-bottom { position: fixed; transform: translateY(100%); }
.zofo-rep.has-hdr_sticky_not_hiding .hdr-mobile-bottom { position: fixed; transform: translateY(0px) !important; }
.zofo-rep.scroll-down .hdr-mobile-bottom.offScroll { position: relative; transition: transform; bottom: 62px; }
.zofo-rep.scroll-down .page-footer { margin-bottom: 0px; }
.zofo-rep .hdr-second-nav swiper-carousel { position: relative; }
@media (max-width: 1024px) { .zofo-rep .hdr-second-nav swiper-carousel { margin-left: 10px; margin-right: 10px; width: calc(100% - 20px); } }
.zofo-rep .hdr-second-nav .swiper-container:not(.swiper-container-initialized) { opacity: 1; min-height: 60px; }
.zofo-rep .hdr-second-nav .swiper-container:not(.swiper-container-initialized) .menu-label { display: none; }
.zofo-rep .hdr-second-nav .swiper-container:not(.swiper-container-initialized) > .swiper-wrapper { display: flex; width: fit-content; margin: 0px auto; align-items: center; }
.zofo-rep .hdr-second-nav .swiper-container:not(.swiper-container-initialized) ~ .hdr-second-nav-swiper-arrows { display: none; }
.zofo-rep .hdr-second-nav .swiper-container-free-mode > .swiper-wrapper { width: 100%; align-items: center; }
.zofo-rep .hdr-second-nav .swiper-slide { width: max-content; padding: 0px 15px; }
.zofo-rep .hdr-second-nav .swiper-slide:first-child { padding-left: 0px; }
.zofo-rep .hdr-second-nav .swiper-slide:last-child { padding-right: 0px; }
.zofo-rep .hdr-second-nav .swiper-slide a { display: flex; align-items: center; }
.zofo-rep .hdr-second-nav .swiper-slide .image-wrap { margin-right: 10px; }
.zofo-rep .hdr-second-nav .swiper-slide .image-container { width: 50px; height: calc(50px * .01 * var(--aspect-ratio)); margin-top: -10px; margin-bottom: -10px; }
.zofo-rep .hdr-second-nav .swiper-slide .image-container:not(:last-child) { margin-right: 8px; }
.zofo-rep .hdr-second-nav .swiper-slide a { font-size: 15px; line-height: 20px; color: var(--header-subcategories-link-color); text-decoration: none; white-space: nowrap; }
@media (max-width: 575px) { .zofo-rep .hdr-second-nav .swiper-slide a { font-size: 14px; line-height: 18px; } }
.zofo-rep .hdr-second-nav .swiper-slide a.active { color: var(--header-subcategories-link-active-color); }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .hdr-second-nav .swiper-slide a:hover { color: var(--header-subcategories-link-hover-color); } .zofo-rep .hdr-second-nav:hover .hdr-second-nav-swiper-arrows { opacity: 1; } }
.zofo-rep .hdr-second-nav .swiper-pagination-lock { display: none; }
.zofo-rep .hdr-second-nav .swiper-pagination-lock + .hdr-second-nav-swiper-arrows { display: none; }
.zofo-rep .hdr-second-nav-swiper-arrows { position: absolute; left: -5px; right: -5px; display: flex; height: 100%; justify-content: space-between; align-items: center; top: 0px; z-index: 100; pointer-events: none; opacity: 0; }
.zofo-rep .hdr-second-nav-swiper-arrows:hover { transition: opacity 0.2s; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .hdr-second-nav-swiper-arrows:hover .swiper-button-next-sm:hover, .zofo-rep .hdr-second-nav-swiper-arrows:hover .swiper-button-prev-sm:hover { transition: opacity 0.2s; } }
@media (max-width: 1024px) { .zofo-rep .hdr-second-nav-swiper-arrows { left: 0px; right: 0px; opacity: 1; } }
.zofo-rep .hdr-second-nav-swiper-arrows .swiper-button-prev-sm { width: 0px; height: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid var(--header-subcategories-link-color); }
@media (max-width: 1024px) { .zofo-rep .hdr-second-nav-swiper-arrows .swiper-button-prev-sm { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--header-subcategories-link-hover-color); } }
.zofo-rep .hdr-second-nav-swiper-arrows .swiper-button-next-sm { width: 0px; height: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid var(--header-subcategories-link-color); }
@media (max-width: 1024px) { .zofo-rep .hdr-second-nav-swiper-arrows .swiper-button-next-sm { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid var(--header-subcategories-link-hover-color); } }
.zofo-rep .hdr-second-nav-swiper-arrows .swiper-button-next-sm, .zofo-rep .hdr-second-nav-swiper-arrows .swiper-button-prev-sm { pointer-events: all; }
.zofo-rep .hdr-second-nav-swiper-arrows .swiper-button-next-sm.swiper-button-disabled, .zofo-rep .hdr-second-nav-swiper-arrows .swiper-button-prev-sm.swiper-button-disabled { opacity: 0 !important; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .hdr-second-nav-swiper-arrows .swiper-button-next-sm:hover, .zofo-rep .hdr-second-nav-swiper-arrows .swiper-button-prev-sm:hover { opacity: 0.6; } }
.zofo-rep.fancybox-active.has-sticky .hdr-content.hdr-content-sticky.compensate-for-scrollbar { padding-right: var(--scroll-width,0); margin-left: 0px !important; margin-right: 0px !important; }
.zofo-rep.compensate-scrollbar { margin-right: var(--scroll-width,0); }
.zofo-rep.compensate-scrollbar .compensate-for-scrollbar { margin-right: calc(.01px - var(--scroll-width)); }
.zofo-rep.compensate-for-scrollbar .container-fluid main-slider, .zofo-rep.compensate-scrollbar .container-fluid main-slider { margin-right: calc(.01px - var(--scroll-width)); width: calc(100% + var(--scroll-width)); }
.zofo-rep.compensate-for-scrollbar .container-fluid main-slider .swiper-slide, .zofo-rep.compensate-scrollbar .container-fluid main-slider .swiper-slide { width: 100% !important; }
.zofo-rep.compensate-for-scrollbar .container-fluid main-slider .swiper-slide-img img, .zofo-rep.compensate-scrollbar .container-fluid main-slider .swiper-slide-img img { padding-right: var(--scroll-width); }
.zofo-rep.compensate-for-scrollbar .container-fluid main-slider .swiper-pagination-wrap:not([class*="swiper-pagination--simple"]), .zofo-rep.compensate-scrollbar .container-fluid main-slider .swiper-pagination-wrap:not([class*="swiper-pagination--simple"]) { left: calc(.01px - var(--scroll-width)); }
.zofo-rep.compensate-for-scrollbar .container-fluid main-slider .swiper-slide + .swiper-slide, .zofo-rep.compensate-scrollbar .container-fluid main-slider .swiper-slide + .swiper-slide { margin-left: calc(.01px - var(--scroll-width)); transition: none; }
.zofo-rep.compensate-for-scrollbar .container-fluid main-slider .swiper-slide-caption:not(.to-center), .zofo-rep.compensate-scrollbar .container-fluid main-slider .swiper-slide-caption:not(.to-center) { transform: translateX(calc(.01px - var(--scroll-width) * .5)); }
.zofo-rep.compensate-for-scrollbar .hdr-promoline, .zofo-rep.compensate-for-scrollbar .hdr-second-nav, .zofo-rep.compensate-for-scrollbar .hdr-wrap, .zofo-rep.compensate-for-scrollbar .holder.bg-alt, .zofo-rep.compensate-for-scrollbar .page-footer, .zofo-rep.compensate-scrollbar .hdr-promoline, .zofo-rep.compensate-scrollbar .hdr-second-nav, .zofo-rep.compensate-scrollbar .hdr-wrap, .zofo-rep.compensate-scrollbar .holder.bg-alt, .zofo-rep.compensate-scrollbar .page-footer { margin-right: calc(.01px - var(--scroll-width)); width: calc(100% + var(--scroll-width)); }
.zofo-rep.compensate-for-scrollbar .promoline-text-swiper-arrows, .zofo-rep.compensate-scrollbar .promoline-text-swiper-arrows { transform: translateX(calc(.01px - var(--scroll-width) * .5)); }
.zofo-rep.compensate-for-scrollbar .hdr-promoline, .zofo-rep.compensate-for-scrollbar .hdr-second-nav, .zofo-rep.compensate-for-scrollbar .hdr-wrap .hdr .hdr-content, .zofo-rep.compensate-for-scrollbar .hdr-wrap .hdr .hdr-navline, .zofo-rep.compensate-for-scrollbar .hdr-wrap .hdr .hdr-topline, .zofo-rep.compensate-for-scrollbar .hdr-wrap header-sticky .hdr-content, .zofo-rep.compensate-for-scrollbar .holder.bg-alt, .zofo-rep.compensate-for-scrollbar .page-footer .footer-bottom, .zofo-rep.compensate-for-scrollbar .page-footer .footer-content, .zofo-rep.compensate-for-scrollbar .page-footer .footer-top, .zofo-rep.compensate-scrollbar .hdr-promoline, .zofo-rep.compensate-scrollbar .hdr-second-nav, .zofo-rep.compensate-scrollbar .hdr-wrap .hdr .hdr-content, .zofo-rep.compensate-scrollbar .hdr-wrap .hdr .hdr-navline, .zofo-rep.compensate-scrollbar .hdr-wrap .hdr .hdr-topline, .zofo-rep.compensate-scrollbar .hdr-wrap header-sticky .hdr-content, .zofo-rep.compensate-scrollbar .holder.bg-alt, .zofo-rep.compensate-scrollbar .page-footer .footer-bottom, .zofo-rep.compensate-scrollbar .page-footer .footer-content, .zofo-rep.compensate-scrollbar .page-footer .footer-top { padding-right: var(--scroll-width); }
.zofo-rep.compensate-for-scrollbar .hdr-wrap header-sticky .hdr-content, .zofo-rep.compensate-scrollbar .hdr-wrap header-sticky .hdr-content { margin-right: 0px; }
.zofo-rep.has-hdr_sticky.scroll-down.has-hdr_sticky_not_hiding .hdr-content.hdr-content-sticky { opacity: 1; pointer-events: all; transition: opacity 0.35s, transform 0.35s; transform: translateY(0px); }
@media (max-width: 1024px) { .zofo-rep.has-hdr_sticky.scroll-down.has-hdr_sticky_not_hiding .hdr-wrap { transform: translateY(0px); } }
@media (max-width: 1024px) { .zofo-rep:not(.rtl-mode) .hdr:not(.hdr--style3).hdr--reversed-menu-icon .hdr-content menu-popup { position: absolute; left: 5px; } .zofo-rep:not(.rtl-mode) .hdr:not(.hdr--style3).hdr--reversed-menu-icon .hdr-content .hdr-logo { margin-left: 45px; } }
.zofo-rep .brands-mmenu .swiper-wrapper .swiper-slide { height: auto; }
.zofo-rep .brands-mmenu .swiper-wrapper .swiper-slide > a { display: flex; height: 100%; }
.zofo-rep .brands-mmenu .swiper-slide > a > span { display: flex; border-radius: var(--radius-5); align-items: center; justify-content: center; color: var(--placeholder-color); text-align: center; word-break: break-all; }
.zofo-rep .brands-mmenu .swiper-slide > a > span, .zofo-rep .brands-mmenu .swiper-slide > a > span.image-container > span { width: 100%; height: 100%; font-size: 12px; line-height: 18px; }
.zofo-rep .brands-mmenu .swiper-slide > a > span.image-off { height: auto; }
.zofo-rep .brands-mmenu .swiper-slide > a > span.image-container > span { position: relative; padding: 5px; }
.zofo-rep .brands-mmenu .swiper-slide > a > span:not(.image-container) { height: 50px; padding: 5px; }
.zofo-rep .brands-mmenu .swiper-arrows-carousel { top: 50%; width: calc(100% + 120px); margin: 0px 0px 0px -60px; }
.zofo-rep .brands-mmenu .swiper-arrows-carousel .swiper-button-next, .zofo-rep .brands-mmenu .swiper-arrows-carousel .swiper-button-prev { color: var(--body-link-secondary-color); background-color: transparent; }
.zofo-rep .brands-mmenu .swiper-arrows-carousel .swiper-button-next::before, .zofo-rep .brands-mmenu .swiper-arrows-carousel .swiper-button-prev::before { background: 0px 0px; box-shadow: none; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .brands-mmenu .swiper-arrows-carousel .swiper-button-next:not(.swiper-button-disabled):hover, .zofo-rep .brands-mmenu .swiper-arrows-carousel .swiper-button-prev:not(.swiper-button-disabled):hover { color: var(--body-link-secondary-color-hover); } .zofo-rep .brands-mmenu .swiper-arrows-carousel .swiper-button-next:not(.swiper-button-disabled):hover::before, .zofo-rep .brands-mmenu .swiper-arrows-carousel .swiper-button-prev:not(.swiper-button-disabled):hover::before { background: 0px 0px; } }
.zofo-rep:not(.template-cart) cart-items.is-empty .minicart-drop-title { display: none; }
.zofo-rep .dropdn-modal-minicart.swiper-visible .minicart-drop-content { padding: 10px 0px 15px; }
.zofo-rep .dropdn-modal-minicart.swiper-visible .minicart-drop-content .minicart-empty-wrap { max-width: 100%; overflow: hidden; }
.zofo-rep .dropdn-modal-minicart swiper-carousel { max-height: 0px; opacity: 0; }
.zofo-rep .dropdn-modal-minicart swiper-carousel { opacity: 0; transition: opacity 0.5s; }
.zofo-rep .dropdn-modal-minicart.swiper-visible swiper-carousel { max-height: none; opacity: 1; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .minicart-prd-carousel .swiper-container:hover .swiper-arrows-carousel { opacity: 1; width: calc(100% + 60px); max-width: calc(100% + 60px); } }
@media (max-width: 1024px) { .zofo-rep .minicart-prd-carousel .swiper-container .swiper-arrows-carousel { left: -30px; right: -30px; width: calc(100% + 60px); max-width: calc(100% + 60px); } }
.zofo-rep { font-size: 20px; -webkit-tap-highlight-color: transparent; }
@media (prefers-reduced-motion: no-preference) { .zofo-rep { scroll-behavior: auto; } }
.zofo-rep { display: flex; flex-direction: column; min-height: 100vh; max-width: 100%; margin: 0px; overflow: hidden scroll; font-size: 12px; font-family: var(--body-font-family); font-weight: var(--font-weight-400); line-height: 16px; background-color: var(--body-bg); color: var(--text-color); }
.zofo-rep.touch .parallaxed { transform: none !important; }
.zofo-rep:not(.has-rounded) { --radius-xl: 0; --radius-lg: 0; --radius-md: 0; --radius-sm: 0; --radius-5: 0; --radius-4: 0; --radius-3: 0; --radius-2: 0; --radius-50: 0; --radius-max: 0; --radius-ic: 0; --product-swatches-radius: 0; }
.zofo-rep:not(.has-button-rounded) { --button-border-radius: 0; }
@media (min-width: 1025px) { .zofo-rep .container, .zofo-rep .container-lg, .zofo-rep .container-md, .zofo-rep .container-sm, .zofo-rep .container-xl, .zofo-rep .container-xxl { } .zofo-rep.has-strict-width { --container-max-width: Min(var(--container-max-width-boxed), calc(100% - 30px)); } }
@media (max-width: 1024px) { .zofo-rep .container { max-width: 100%; } }
.zofo-rep .holder > [class*="container"] { display: flow-root; }
.zofo-rep .fw-500-strict { font-weight: 600 !important; }
.zofo-rep .mt-global { margin-top: var(--margin-top-desktop); }
@media (max-width: 767px) { .zofo-rep .mt-global { margin-top: var(--margin-top-mobile); } }
.zofo-rep .page-content { flex: 1 1 0%; }
.zofo-rep .modal-content, .zofo-rep .page-content { font-size: var(--content-font-size,15px); line-height: var(--content-line-height,25px); }
.zofo-rep .modal-content p, .zofo-rep .page-content p { margin: 30px 0px 0px; }
.zofo-rep .modal-content p:first-child, .zofo-rep .page-content p:first-child { margin-top: 0px; }
.zofo-rep .modal-content p img, .zofo-rep .page-content p img { max-width: 100%; }
.zofo-rep .modal-content h1 + p, .zofo-rep .modal-content h2 + p, .zofo-rep .modal-content h3 + p, .zofo-rep .modal-content h4 + p, .zofo-rep .modal-content h5 + p, .zofo-rep .modal-content h6 + p, .zofo-rep .page-content h1 + p, .zofo-rep .page-content h2 + p, .zofo-rep .page-content h3 + p, .zofo-rep .page-content h4 + p, .zofo-rep .page-content h5 + p, .zofo-rep .page-content h6 + p { margin-top: 0px !important; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep a:focus, .zofo-rep a:hover { outline: 0px; text-decoration: none; } .zofo-rep a:hover { color: var(--body-link-color-hover); } .zofo-rep a:focus { color: var(--body-link-color-hover); } }
.zofo-rep a { outline: 0px; text-decoration: none; color: var(--body-link-color); }
.zofo-rep .h-xl-style { position: relative; z-index: 1; margin: 0px 0px 30px; padding: 0px; color: var(--heading-color); font-weight: var(--heading-xl-weight); font-size: var(--heading-xl-size); font-family: var(--heading-font-family); line-height: 1.2em; }
@media (max-width: 767px) { .zofo-rep .h-xl-style { font-size: var(--heading-xl-size-m); } }
@media (max-width: 575px) { .zofo-rep .h-xl-style { font-size: var(--heading-xl-size-m); } }
.zofo-rep .h1-style, .zofo-rep h1 { position: relative; z-index: 1; margin: 0px 0px 45px; padding: 0px; color: var(--heading-color); font-weight: var(--heading-md-weight); font-size: var(--heading-md-size); font-family: var(--heading-font-family); line-height: 1.2em; }
@media (max-width: 575px) { .zofo-rep .h1-style, .zofo-rep h1 { margin-bottom: 30px; font-size: var(--heading-md-size-m); } }
.zofo-rep .h2-style, .zofo-rep h2 { position: relative; z-index: 1; margin: 0px 0px 20px; padding: 0px; color: var(--heading-color); font-weight: var(--heading-sm-weight); font-size: var(--heading-sm-size); font-family: var(--body-font-family); line-height: 1.4em; }
@media (max-width: 575px) { .zofo-rep .h2-style, .zofo-rep h2 { font-size: var(--heading-sm-size-m); } }
.zofo-rep .h3-style, .zofo-rep h3 { margin: 0px 0px 20px; padding: 0px; color: var(--heading-color); font-weight: var(--heading-sm-weight); font-size: 18px; font-family: var(--body-font-family); line-height: 1.5em; }
@media (max-width: 575px) { .zofo-rep .h3-style, .zofo-rep h3 { font-size: 16px; } }
.zofo-rep .title-wrap { display: flex; flex-direction: column; position: relative; }
.zofo-rep .title-wrap:not(:last-child) { margin-bottom: var(--title-bottom); }
@media only screen and (min-width: 576px) and (max-width: 767px) { .zofo-rep .title-wrap:not(:last-child) { margin-bottom: var(--title-bottom-sm); } }
@media only screen and (max-width: 575px) { .zofo-rep .title-wrap:not(:last-child) { margin-bottom: var(--title-bottom-xs); } }
.zofo-rep .title-wrap .h1-style, .zofo-rep .title-wrap h1 { margin-bottom: var(--heading-md-sub-top); }
@media only screen and (min-width: 576px) and (max-width: 767px) { .zofo-rep .title-wrap .h1-style, .zofo-rep .title-wrap h1 { margin-bottom: calc(var(--heading-md-sub-top) * .666); } }
@media only screen and (max-width: 575px) { .zofo-rep .title-wrap .h1-style, .zofo-rep .title-wrap h1 { margin-bottom: calc(var(--heading-md-sub-top) * .666); } }
.zofo-rep .title-wrap .h2-style, .zofo-rep .title-wrap h2 { margin-bottom: var(--heading-sm-sub-top); }
@media only screen and (min-width: 576px) and (max-width: 767px) { .zofo-rep .title-wrap .h2-style, .zofo-rep .title-wrap h2 { margin-bottom: calc(var(--heading-sm-sub-top) * .666); } }
@media only screen and (max-width: 575px) { .zofo-rep .title-wrap .h2-style, .zofo-rep .title-wrap h2 { margin-bottom: calc(var(--heading-sm-sub-top) * .666); } }
.zofo-rep.has-headings-style2 .title-wrap:not(.title-wrap--with-link) + .row.row-under-title { margin-top: min(calc(-1 * var(--title-bottom)),calc(-1 * var(--bs-gutter-y))); }
.zofo-rep.has-headings-style2 .title-wrap:not(.title-wrap--with-link) .h-sub:last-child, .zofo-rep.has-headings-style2 .title-wrap:not(.title-wrap--with-link) .h1-style:last-child, .zofo-rep.has-headings-style2 .title-wrap:not(.title-wrap--with-link) h1:last-child { margin-bottom: 0px; }
.zofo-rep.has-headings-style2 .title-wrap:not(.title-wrap--with-link):not(:last-child) { margin-bottom: calc(10px + var(--title-bottom)); }
@media (max-width: 575px) { .zofo-rep.has-headings-style2 .title-wrap:not(.title-wrap--with-link):not(:last-child) { margin-bottom: var(--title-bottom) !important; } }
.zofo-rep.has-headings-style2 .title-wrap:not(.title-wrap--with-link)::before { display: inline-block; position: static; height: 50px; width: 153px; margin: 10px auto -40px; content: ""; mask-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox=\"0 0 256 256\" xmlns=\"http://www.w3.org/2000/svg\"><title/><path d=\"M40.5,39.1c-0.6,0.4-2.1,2.3-3.5,4.3c-5.6,8-14,13.4-20.8,13.5c-4,0-6.9,2.8-6.1,6C11,66.1,14,67.1,20,66c7.4-1.4,12.4-4.2,18.8-10.1l4.2-4l4.2,4c2.3,2.2,5.4,4.7,6.7,5.6c10.1,6,21.1,6.6,31.6,1.7c4-1.9,6-3.4,10.7-7.9l3.5-3.4l4.2,4c6.1,5.9,11.3,8.7,18.5,10.1c4.4,0.8,7.1,0.8,11.4,0c7.1-1.4,12.4-4.2,18.5-10.1l4.2-4l3.5,3.4c4.6,4.5,6.6,6,10.7,7.9c6.6,3.1,13.2,4.1,19.7,2.9c7.5-1.4,12.6-4.2,18.7-10.1l4.2-4l4.2,4c6.2,5.9,11.4,8.7,18.8,10.1c6,1.1,9,0.1,9.8-3.1c0.8-3.1-2.1-6-6.1-6c-6.9,0-15.5-5.7-20.9-13.7c-2.6-3.9-3.7-4.8-6-4.8c-2,0-3,0.9-5.3,4.4c-4.1,6.2-11.2,11.9-17,13.4c-2.8,0.7-8.4,0.8-11.3,0.2c-5.8-1.3-12.8-6.7-17.2-13.2c-2.6-3.9-3.7-4.8-6-4.8c-1.9,0-3.2,1.2-6.2,5.7c-3.7,5.5-10.5,10.7-16.1,12.1c-3,0.8-8.6,0.8-11.6,0c-5.6-1.5-12.5-6.6-16.1-12.1c-3.1-4.6-4.2-5.7-6.4-5.7c-2.2,0-3.1,0.8-6.1,5.4c-1,1.5-3.4,4.2-5.3,6c-5.3,4.9-10.4,7.1-17,7.1c-6.6,0-12.1-2.5-17.5-7.8c-1.9-1.9-4.3-4.7-5.3-6.2c-1-1.5-2.2-3.1-2.8-3.6C44.5,38.3,41.8,38.2,40.5,39.1z\"/></svg>"); mask-repeat: repeat-x; mask-position: center center; background-color: var(--custom-color); order: 10; }
.zofo-rep .swiper-wrapper.swiper-container--center { width: fit-content; max-width: 100%; margin: 0px auto; }
.zofo-rep .swiper-container-horizontal .swiper-scrollbar { position: relative; left: 0px; bottom: 1px; height: 21px; width: 100%; padding: 10px 0px; background: 0px 0px; }
.zofo-rep .swiper-container-horizontal .swiper-scrollbar::after { content: ""; position: absolute; top: 10px; display: block; height: 2px; width: 100%; background: var(--scroll-color); z-index: -1; }
.zofo-rep .swiper-scrollbar { cursor: pointer; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .swiper-scrollbar:active .swiper-scrollbar-drag, .zofo-rep .swiper-scrollbar:focus .swiper-scrollbar-drag, .zofo-rep .swiper-scrollbar:hover .swiper-scrollbar-drag { background: var(--scroll-drag-focus-color); } }
.zofo-rep .swiper-scrollbar-drag { height: 2px; background: var(--scroll-drag-color); border-radius: var(--radius-2); top: 0px; }
.zofo-rep .swiper-scrollbar-drag::after { content: ""; position: absolute; left: 0px; top: -10px; height: 20px; width: 100%; z-index: -1; }
.zofo-rep .swiper-pagination { position: absolute; display: flex; justify-content: center; z-index: 21; text-align: center; width: 100% !important; }
.zofo-rep .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { height: 6px; background: 0px 0px; opacity: 1; margin: 0px !important; }
.zofo-rep .swiper-pagination .swiper-pagination-bullet { position: relative; display: flex; justify-content: center; width: 16px; transition: width 0.15s; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .swiper-pagination .swiper-pagination-bullet:hover::after { background: var(--swiper-pagination-active-color); } }
.zofo-rep .swiper-pagination .swiper-pagination-bullet::after { content: ""; width: 6px; height: 6px; display: block; border-radius: 3px; background: var(--swiper-pagination-color); transition: width 0.15s; }
.zofo-rep .swiper-pagination .swiper-pagination-bullet-active { width: 37px; }
.zofo-rep .swiper-pagination .swiper-pagination-bullet-active::after { background: var(--swiper-pagination-active-color); width: 27px; }
.zofo-rep .swiper-container:not(.swiper-container-initialized) { opacity: 0; }
.zofo-rep .swiper-pagination-lock, .zofo-rep .swiper-pagination:empty { display: none !important; }
.zofo-rep .swiper-pagination-lock ~ .swiper-button-next, .zofo-rep .swiper-pagination-lock ~ .swiper-button-prev, .zofo-rep .swiper-pagination:empty ~ .swiper-button-next, .zofo-rep .swiper-pagination:empty ~ .swiper-button-prev { display: none !important; }
.zofo-rep .swiper-scrollbar-lock ~ .swiper-arrows-carousel { display: none !important; }
.zofo-rep .swiper-pagination-bullet:only-child { display: none; }
.zofo-rep .swiper-arrows-carousel { position: absolute; right: 50px; transform: translateY(-50%); opacity: 1; pointer-events: none; z-index: 1; transition: 0.3s; display: flex; flex-direction: row; justify-content: flex-end; top: 25px !important; width: 70px !important; }
.zofo-rep .swiper-arrows-carousel .swiper-button-next, .zofo-rep .swiper-arrows-carousel .swiper-button-prev { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: var(--button-border-radius); transition: 0.3s; color: rgb(0, 0, 0); pointer-events: all; }
.zofo-rep .swiper-arrows-carousel .swiper-button-next::before, .zofo-rep .swiper-arrows-carousel .swiper-button-prev::before { width: 30px; height: 30px; content: ""; position: absolute; z-index: -1; border-radius: var(--button-border-radius); background: var(--button-bg-white); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px; transition: 0.1s; }
.zofo-rep .swiper-arrows-carousel .swiper-button-next::after, .zofo-rep .swiper-arrows-carousel .swiper-button-prev::after { font-size: 16px; }
.zofo-rep .swiper-arrows-carousel .swiper-button-next.swiper-button-disabled, .zofo-rep .swiper-arrows-carousel .swiper-button-prev.swiper-button-disabled { pointer-events: all; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .swiper-arrows-carousel .swiper-button-next:not(.swiper-button-disabled):hover, .zofo-rep .swiper-arrows-carousel .swiper-button-prev:not(.swiper-button-disabled):hover { color: var(--button-hover-color-white); } .zofo-rep .swiper-arrows-carousel .swiper-button-next:not(.swiper-button-disabled):hover::before, .zofo-rep .swiper-arrows-carousel .swiper-button-prev:not(.swiper-button-disabled):hover::before { background-color: var(--button-hover-bg-white); } }
.zofo-rep .swiper-arrows-carousel .swiper-button-prev { left: 10px; }
.zofo-rep .swiper-arrows-carousel .swiper-button-next { right: 0px; }
.zofo-rep .swiper-arrows-carousel .swiper-button-next::after { left: 2px; }
.zofo-rep .swiper-arrows-carousel .swiper-button-prev::after { left: -2px; }
.zofo-rep .swiper-arrows-carousel.container .swiper-button-prev { left: -8px; margin-right: 10px; }
.zofo-rep .swiper-arrows-carousel.container .swiper-button-next { right: 0px; }
@media (min-width: 1025px) { .zofo-rep .container-fluid .swiper-arrows-carousel.container .swiper-button-prev { left: 60px; } .zofo-rep .container-fluid .swiper-arrows-carousel.container .swiper-button-next { right: 60px; } }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .swiper-container:hover .swiper-arrows-carousel { opacity: 1; pointer-events: all; width: 100%; transition: 0.3s; } }
.zofo-rep .swiper-arrows-carousel--visible { opacity: 1; pointer-events: all; width: 100%; left: 0px; right: 0px; top: 50%; }
@media (max-width: 1024px) { .zofo-rep .swiper-arrows-carousel { opacity: 1; pointer-events: all; width: 100%; left: 0px; right: 0px; } }
@media (max-width: 575px) { .zofo-rep .swiper-arrows-carousel { display: none; } }
.zofo-rep .swiper-lazy-preloader[data-load="loading"] { animation: auto ease 0s 1 normal none running none; margin: 0px; border: 0px; }
.zofo-rep .image-container { height: 0px; overflow: hidden; position: relative; padding-bottom: var(--padding-bottom); }
@media (max-width: 767px) { .zofo-rep .image-container { padding-bottom: var(--padding-bottom-mobile,var(--padding-bottom)); } }
.zofo-rep .image-container > .image-wrap > img, .zofo-rep .image-container > img { width: 100%; height: 100%; }
.zofo-rep .image-container > .image-wrap > img, .zofo-rep .image-container > .inner-video, .zofo-rep .image-container > img { position: absolute; top: 0px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; object-fit: contain; }
.zofo-rep .image-container > span { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 15px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 24px; font-weight: var(--font-weight-500); text-align: center; z-index: 1; }
.zofo-rep .image-container.ic--cover img { object-fit: cover; }
.zofo-rep .image-container:not(.ic--ignore-global-round) { border-radius: var(--radius-ic,16px); }
.zofo-rep .image-container img:first-child:not(:only-of-type) { transition: 0.45s; }
.zofo-rep.has-animate-scroll:not(.first-section-off-animate) .show-on-scroll { opacity: 0; transform: translateY(5vw); transition: transform 1.2s cubic-bezier(0, 1, 0.3, 1) 0.2s, opacity 0.5s ease-out 0.2s; will-change: transform, opacity; }
.zofo-rep.has-animate-scroll:not(.first-section-off-animate) .show-on-scroll.is-visible { opacity: 1; transform: translateY(0px); }
.zofo-rep.has-animate-scroll.has-ajax-scroll:not(.first-section-off-animate) .show-on-scroll { transition: transform 1s cubic-bezier(0, 1, 0.3, 1), opacity 0.5s ease-out; }
.zofo-rep.has-animate-scroll.first-section-off-animate .page-content > .shopify-section + .shopify-section ~ .shopify-section .show-on-scroll { opacity: 0; transform: translateY(5vw); transition: transform 1.2s cubic-bezier(0, 1, 0.3, 1) 0.2s, opacity 0.5s ease-out 0.2s; will-change: transform, opacity; }
.zofo-rep.has-animate-scroll.first-section-off-animate .page-content > .shopify-section + .shopify-section ~ .shopify-section .show-on-scroll.is-visible { opacity: 1; transform: translateY(0px); }
.zofo-rep.has-animate-scroll.first-section-off-animate .collection-grid-section .holder .holder .show-on-scroll { opacity: 1 !important; transform: translateY(0px) !important; }
.zofo-rep.has-animate-scroll.has-ajax-scroll.first-section-off-animate .page-content > .shopify-section + .shopify-section ~ .shopify-section .show-on-scroll { transition: transform 1s cubic-bezier(0, 1, 0.3, 1), opacity 0.5s ease-out; }
.zofo-rep.has-animate-scroll [data-ajax-section-scroll] .show-on-scroll { opacity: 1; transform: none; }
.zofo-rep.template-cart, .zofo-rep cart-items { --filter-width: var(--cart-aside-width); }
@media (max-width: 1199px) { .zofo-rep.template-cart .aside.aside--content, .zofo-rep cart-items .aside.aside--content { flex: 0 0 auto; width: 100%; } }
.zofo-rep swiper-carousel { display: block; }
.zofo-rep .swiper-transform-off .swiper-wrapper { transform: none !important; }
.zofo-rep .swiper-container.swiper-container-center { text-align: center; }
.zofo-rep .swiper-container.swiper-container-center .swiper-wrapper { display: inline-flex; width: auto; min-width: 0px; }
.zofo-rep .text-with-bg-column { display: flex; align-items: center; }
.zofo-rep .text-with-bg-column > * { max-width: var(--col-text-max-width,460px); margin-left: auto; margin-right: auto; }
.zofo-rep .text-with-bg-column > .text-center { max-width: var(--col-text-max-width,470px); }
@media (min-width: 1466px) { .zofo-rep .holder.use-grid-xxl .section-ajax-container .prd-grid > *, .zofo-rep.use-grid-xxl .section-ajax-container .prd-grid > * { flex: 0 0 auto; width: 20%; } .zofo-rep .holder.use-grid-xxl .section-ajax-container .swiper-wrapper.review-grid > *, .zofo-rep.use-grid-xxl .section-ajax-container .swiper-wrapper.review-grid > * { flex: 0 0 auto; width: 25%; } }
@media (min-width: 1700px) { .zofo-rep .holder.use-grid-xxxl .section-ajax-container .prd-grid > *, .zofo-rep.use-grid-xxxl .section-ajax-container .prd-grid > * { flex: 0 0 auto; width: 16.6667%; } .zofo-rep .holder.use-grid-xxxl .section-ajax-container .swiper-wrapper.review-grid > *, .zofo-rep.use-grid-xxxl .section-ajax-container .swiper-wrapper.review-grid > * { flex: 0 0 auto; width: 20%; } }
@media (min-width: 767px) { .zofo-rep .col-md-custom { flex: 0 0 auto; width: var(--col-width-md) !important; } }
.zofo-rep .breadcrumb { margin: 0px; font-size: 13px; line-height: 18px; color: var(--breadcrumbs-color); }
@media (max-width: 575px) { .zofo-rep .breadcrumb { font-size: 12px; line-height: 18px; } }
.zofo-rep .breadcrumb-item { padding-right: 10px; }
@media (max-width: 575px) { .zofo-rep .breadcrumb-item { padding-right: 6px; } }
.zofo-rep .breadcrumb-item + .breadcrumb-item { padding-left: 0px; }
.zofo-rep .breadcrumb-item + .breadcrumb-item::before { display: inline-block; position: relative; height: 9px; top: 1px; margin-right: 10px; padding: 0px 5px; content: ""; mask-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox=\"0 0 96 96\" xmlns=\"http://www.w3.org/2000/svg\"><title/><path d=\"M69.8437,43.3876,33.8422,13.3863a6.0035,6.0035,0,0,0-7.6878,9.223l30.47,25.39-30.47,25.39a6.0035,6.0035,0,0,0,7.6878,9.2231L69.8437,52.6106a6.0091,6.0091,0,0,0,0-9.223Z\"/></svg>"); mask-repeat: no-repeat; mask-position: center center; background-color: var(--breadcrumbs-current-color); float: none; }
@media (max-width: 575px) { .zofo-rep .breadcrumb-item + .breadcrumb-item::before { margin-right: 6px; padding: 0px 4px; } }
.zofo-rep .breadcrumb-item.active { color: var(--breadcrumbs-current-color); }
.zofo-rep .breadcrumb-item a { color: var(--breadcrumbs-color); text-decoration: none; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .breadcrumb-item a:hover { color: var(--breadcrumbs-hover-color); } }
@media (min-width: 1025px) { .zofo-rep .breadcrumbs-wrap { padding-top: 20px; padding-bottom: 20px; } .zofo-rep .col:not(:last-child) .breadcrumbs-wrap { padding-top: 30px; } }
@media (max-width: 1024px) { .zofo-rep .breadcrumbs-wrap { padding-top: 15px; padding-bottom: 15px; } }
.zofo-rep .swiper-container.breadcrumb:not(.swiper-container-initialized) > .swiper-wrapper { display: flex; overflow: hidden; }
.zofo-rep .swiper-container.breadcrumb:not(.swiper-container-initialized) { opacity: 1; }
.zofo-rep .breadcrumbs-wrap { position: relative; z-index: 1; }
.zofo-rep .breadcrumbs-wrap swiper-carousel { position: relative; }
@media (max-width: 1024px) { .zofo-rep .breadcrumbs-wrap swiper-carousel { width: calc(100% + 20px); margin-right: -10px; margin-left: -10px; padding: 0px 10px; } }
.zofo-rep .breadcrumbs-wrap .swiper-slide { width: max-content; }
.zofo-rep .breadcrumbs-wrap .swiper-pagination-lock { display: none; }
.zofo-rep .breadcrumbs-wrap .swiper-pagination-lock + .hdr-second-nav-swiper-arrows { display: none; }
.zofo-rep .breadcrumbs-wrap-arrows { position: absolute; left: -5px; right: -5px; display: flex; height: 100%; justify-content: space-between; align-items: center; top: 0px; z-index: 100; pointer-events: none; opacity: 0; }
.zofo-rep .breadcrumbs-wrap-arrows:hover { transition: opacity 0.2s; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .breadcrumbs-wrap-arrows:hover .swiper-button-next-sm:hover, .zofo-rep .breadcrumbs-wrap-arrows:hover .swiper-button-prev-sm:hover { transition: opacity 0.2s; } }
@media (max-width: 1024px) { .zofo-rep .breadcrumbs-wrap-arrows { left: 5px; right: 5px; opacity: 1; } }
.zofo-rep .breadcrumbs-wrap-arrows .swiper-button-prev-sm { width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid var(--hdr-second-nav-color); }
.zofo-rep .breadcrumbs-wrap-arrows .swiper-button-next-sm { width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid var(--hdr-second-nav-color); }
.zofo-rep .breadcrumbs-wrap-arrows .swiper-button-next-sm, .zofo-rep .breadcrumbs-wrap-arrows .swiper-button-prev-sm { pointer-events: all; }
.zofo-rep .breadcrumbs-wrap-arrows .swiper-button-next-sm.swiper-button-disabled, .zofo-rep .breadcrumbs-wrap-arrows .swiper-button-prev-sm.swiper-button-disabled { opacity: 0 !important; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .breadcrumbs-wrap-arrows .swiper-button-next-sm:hover, .zofo-rep .breadcrumbs-wrap-arrows .swiper-button-prev-sm:hover { opacity: 0.6; } }
.zofo-rep .swiper-container:not(.swiper-container-initialized) ~ .breadcrumbs-wrap-arrows { display: none; }
.zofo-rep:not(.has-btn-not-upper) .btn { text-transform: uppercase; }
.zofo-rep .btn.btn--wrap, .zofo-rep.has-btn-wrap .btn, .zofo-rep.has-btn-wrap button.btn, .zofo-rep button.btn.btn--wrap { white-space: normal; height: auto; min-height: 40px; line-height: 18px; padding-left: 25px; padding-right: 25px; text-align: center; }
@media (max-width: 575px) { .zofo-rep .btn--lg.btn.btn--wrap, .zofo-rep.has-btn-wrap .btn--lg.btn, .zofo-rep.has-btn-wrap button.btn--lg.btn, .zofo-rep button.btn--lg.btn.btn--wrap { min-height: 40px; line-height: 18px; padding-left: 25px; padding-right: 25px; } }
.zofo-rep .btn--lg.btn.btn--wrap, .zofo-rep.has-btn-wrap .btn--lg.btn, .zofo-rep.has-btn-wrap button.btn--lg.btn, .zofo-rep button.btn--lg.btn.btn--wrap { min-height: 44px; line-height: 20px; padding-left: 30px; padding-right: 30px; }
.zofo-rep .btn--sm.btn.btn--wrap, .zofo-rep.has-btn-wrap .btn--sm.btn, .zofo-rep.has-btn-wrap button.btn--sm.btn, .zofo-rep button.btn--sm.btn.btn--wrap { min-height: 36px; line-height: 16px; padding: 8px 12px; }
.zofo-rep.loading-process .btn.js-add-to-cart { pointer-events: none; opacity: 0.5; cursor: default; }
.zofo-rep { --tabs-wrap-border: var(--decor-border-dark-color); --tabs-wrap-track-bg: var(--product-card-bg, var(--body-bg-secondary)); --tabs-wrap-color: var(--product-card-text-color, var(--block-secondary-text)); --tabs-wrap-active-bg: var(--button-bg); --tabs-wrap-active-color: var(--button-color); }
.zofo-rep .tabs-wrap .swiper-scrollbar { display: none; }
.zofo-rep .tabs-wrap.swiper-container-initialized { background: 0px 0px; }
.zofo-rep .tabs-wrap.swiper-container-initialized .tabs-wrap-track-after { display: none; }
.zofo-rep .tabs-wrap.swiper-container-initialized .tabs-wrap-track .tabs-item.active { background: var(--tabs-wrap-active-bg); }
.zofo-rep .tabs-wrap.swiper-container-initialized .swiper-scrollbar { display: block; position: absolute; bottom: -30px; }
@media (max-width: 575px) { .zofo-rep .tabs-wrap.swiper-container-initialized .swiper-scrollbar { bottom: -22px; } }
.zofo-rep .swiper-container-tab { position: relative; }
.zofo-rep .swiper-container-tab.swiper-container-prd-carousel { margin-bottom: 0px; }
.zofo-rep .swiper-container-tab .swiper-slide, .zofo-rep .swiper-container-tab .swiper-wrapper { height: auto; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .swiper-container-tab:hover .swiper-arrows-carousel { opacity: 1; pointer-events: all; } }
.zofo-rep .tab-content .swiper-container:not(.swiper-container-initialized) { opacity: 0; transition: opacity 0.2s; }
.zofo-rep .tab-content swiper-carousel { opacity: 0; max-height: 100%; transition: opacity 0.2s; }
.zofo-rep .tab-content swiper-carousel .swiper-container-prd-carousel.swiper-no-scroll { padding: 15px 15px 35px; margin: -15px; }
.zofo-rep .tab-content .swiper-container.swiper-container-initialized, .zofo-rep .tab-content [data-load="loaded"] + swiper-carousel { height: auto; opacity: 1; }
.zofo-rep [role="button"] { outline: 0px; }
.zofo-rep:not(.has-button-rounded) .search-input-group .form-control--rounded { padding-left: 40px; padding-right: 40px; }
@media (max-width: 575px) { .zofo-rep:not(.has-button-rounded) .search-input-group .form-control--rounded { padding-left: 25px; padding-right: 25px; } }
.zofo-rep:not(.has-button-rounded) .search-input-group .btn { margin-left: -1px; }
.zofo-rep:not(.has-button-rounded) .search-input-group-sm .form-control--rounded { padding-left: 30px; padding-right: 30px; }
@media (max-width: 575px) { .zofo-rep:not(.has-button-rounded) .search-input-group-sm .form-control--rounded { padding-left: 25px; padding-right: 25px; } }
.zofo-rep:not(.has-button-rounded) .search-input-group-sm .btn { margin-left: -1px; }
.zofo-rep .swiper-slide > .card-category, .zofo-rep .swiper-slide > .card-category-sm { width: 100%; }
.zofo-rep .card-categories.swiper-cols-md-6 .card-category-sm h4.card-category-sm-name { font-size: 16px; margin-top: 15px; }
.zofo-rep .card-categories.swiper-cols-md-8 .card-category-sm h4.card-category-sm-name { font-size: 13px; margin-top: 12px; }
.zofo-rep .swiper-container.categories-carousel { padding: 15px 15px 20px; margin: -15px -15px -20px; }
.zofo-rep .prd { --product-card-bg: var(--product-only-card-bg); display: flex; flex-direction: column; position: relative; overflow: hidden; pointer-events: all; will-change: transform; color: var(--product-card-text-color); }
.zofo-rep swiper-carousel.hover-off .prd { pointer-events: none !important; }
.zofo-rep .prd-image-wrap { position: relative; overflow: hidden; }
.zofo-rep .prd-image-wrap.image-container { padding-bottom: var(--padding-bottom,var(--product-aspect-ratio)); }
.zofo-rep .prd.prd--style1 { height: 100%; padding: 10px; border-radius: var(--radius-md,16px); background-color: var(--product-card-bg); box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04)); transition: box-shadow 0.2s; }
@media (max-width: 575px) { .zofo-rep .prd.prd--style1 { box-shadow: 0 0 10px rgba(0,0,0,var(--global-box-shadow,.04)); } }
@media (max-width: 575px) { .zofo-rep .prd.prd--style1:not(.mobile-rounded-on) { padding-left: 0px; padding-right: 0px; } .zofo-rep .prd.prd--style1:not(.mobile-rounded-on) .prd-image-wrap { border-radius: 0px !important; } }
.zofo-rep .prd-w-xs .btn.btn--lg.btn--wrap, .zofo-rep .prd-w-xs .btn.btn--wrap, .zofo-rep.has-btn-wrap .prd-w-xs .btn, .zofo-rep.has-btn-wrap .prd-w-xs .btn.btn--lg { padding: 8px 12px; }
.zofo-rep .prd-w-xxs .btn.btn--lg.btn--wrap, .zofo-rep .prd-w-xxs .btn.btn--wrap, .zofo-rep.has-btn-wrap .prd-w-xxs .btn, .zofo-rep.has-btn-wrap .prd-w-xxs .btn.btn--lg { padding: 8px 12px; }
.zofo-rep .prd-hor-w-sm .btn.btn--lg.btn--wrap, .zofo-rep .prd-hor-w-sm .btn.btn--wrap, .zofo-rep.has-btn-wrap .prd-hor-w-sm .btn, .zofo-rep.has-btn-wrap .prd-hor-w-sm .btn.btn--lg { padding: 8px 12px; }
.zofo-rep .prd-hor-w-xs .btn.btn--lg.btn--wrap, .zofo-rep .prd-hor-w-xs .btn.btn--wrap, .zofo-rep.has-btn-wrap .prd-hor-w-xs .btn, .zofo-rep.has-btn-wrap .prd-hor-w-xs .btn.btn--lg { padding: 8px 12px; }
.zofo-rep .prd-hor-w-xxs .btn.btn--lg.btn--wrap, .zofo-rep .prd-hor-w-xxs .btn.btn--wrap, .zofo-rep.has-btn-wrap .prd-hor-w-xxs .btn, .zofo-rep.has-btn-wrap .prd-hor-w-xxs .btn.btn--lg { padding: 8px 12px; }
.zofo-rep .minicart-prd.mp--sm:not(:last-child)::after, .zofo-rep .swiper-slide:not(:last-child) .minicart-prd.mp--sm::after { position: absolute; bottom: -52px; left: 0px; right: 0px; content: "+"; display: flex; width: 34px; height: 34px; text-decoration: none; border-radius: var(--radius-50); align-items: center; justify-content: center; background-color: var(--product-card-bg); color: currentcolor; margin: -10px auto 10px; font-size: 23px; font-weight: var(--font-weight-300); }
.zofo-rep .swiper-container-prd-carousel { padding: 15px 15px 20px; margin: -15px -15px -20px; text-align: center; }
.zofo-rep .swiper-container-prd-carousel .swiper-wrapper { display: inline-flex; min-width: 0px; width: auto; }
.zofo-rep .swiper-container-prd-carousel .swiper-slide { display: flex; justify-content: center; text-align: start; }
.zofo-rep .swiper-container-prd-carousel .swiper-slide .prd { width: 100%; }
.zofo-rep .swiper-container-prd-carousel:not(.swiper-container-multirow) .swiper-slide:last-child { margin-right: 0px !important; }
.zofo-rep .swiper-container-prd-carousel.swiper-container-multirow.swiper-container-center.swiper-no-scroll .swiper-wrapper { justify-content: center; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .swiper-container-prd-carousel:hover .swiper-arrows-carousel { opacity: 1; pointer-events: all; } }
.zofo-rep .swiper-container-prd-carousel.swiper-container-multirow .swiper-slide { height: auto; }
.zofo-rep .swiper-container-prd-carousel.swiper-container-multirow .swiper-slide .prd-hor .prd-hor-inside { height: 100%; }
.zofo-rep:not(.rtl-mode) .swiper-container-prd-carousel .swiper-slide:not(.swiper-slide-visible) .prd { box-shadow: none; }
.zofo-rep .has-product-style1 .swiper-container-prd-carousel .swiper-slide, .zofo-rep .has-product-style1 .swiper-container-prd-carousel .swiper-wrapper, .zofo-rep .has-product-style3 .swiper-container-prd-carousel .swiper-slide, .zofo-rep .has-product-style3 .swiper-container-prd-carousel .swiper-wrapper { height: auto; }
.zofo-rep .minicart-prd, .zofo-rep .prd.prd--style1, .zofo-rep .prd.prd--style2 .prd-hover, .zofo-rep .sticky-add-to-cart { --form-color-light: var(--product-card-color-light); }
.zofo-rep.has-rounded-options { --product-swatches-color-height: var(--product-swatches-color-width); --product-swatches-text-height: var(--product-swatches-text-width); }
.zofo-rep.has-rounded-options .prd-option-list .image-container, .zofo-rep.has-rounded-options .prd-option-list label, .zofo-rep.has-rounded-options .prd-option-list label.label-option-color, .zofo-rep.has-rounded-options .prd-option-list label.label-option-color img, .zofo-rep.has-rounded-options .prd-option-list label.label-option-color > span::after, .zofo-rep.has-rounded-options .prd-option-list li.label-option-color, .zofo-rep.has-rounded-options .prd-option-list li.label-option-color img, .zofo-rep.has-rounded-options .prd-option-list li.label-option-color > a::after { border-radius: 1000px; }
.zofo-rep.has-rounded-options .prd-option-list .image-container { padding-bottom: 100% !important; }
.zofo-rep.has-rounded-options .prd-option-list label::after, .zofo-rep.has-rounded-options .prd-option-list label::before { border-radius: 1000px; }
.zofo-rep .ps-tabs .swiper-slide { position: relative; overflow: hidden; transition: 0.2s; }
.zofo-rep .ps-tabs .swiper-slide > a { position: relative; border: 1px solid transparent; }
.zofo-rep .ps-tabs .swiper-slide > a::before { position: absolute; z-index: 1; inset: -4px; content: ""; transition: opacity 0.1s; opacity: 0; border: 8px solid rgb(255, 255, 255); border-radius: var(--radius-md); }
.zofo-rep .ps-tabs .swiper-slide > a:not(.ic--ignore-global-round) { border-radius: var(--radius-sm); }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .ps-tabs .swiper-slide > a:hover { border: 1px solid var(--ps-line-color); } .zofo-rep .ps-tabs .swiper-slide > a:hover::before { opacity: 1; } .zofo-rep .ps-tabs .swiper-slide > a.image-container:hover img { border-radius: var(--radius-md); } }
.zofo-rep .ps-tabs .swiper-slide > a.active { border: 1px solid var(--ps-line-color); }
.zofo-rep .ps-tabs .swiper-slide > a.active::before { opacity: 1; }
.zofo-rep .ps-tabs .swiper-slide > a.active.image-container img { border-radius: var(--radius-md); }
.zofo-rep .product-single--horizontal .ps-main-gallery swiper-carousel { width: 100%; }
.zofo-rep .product-single--horizontal .ps-tabs .swiper-slide { position: relative; overflow: hidden; max-width: 92px; transition: 0.2s; }
.zofo-rep .product-single--horizontal .ps-tabs .swiper-slide > a { position: relative; border: 0px; }
.zofo-rep .product-single--horizontal .ps-tabs .swiper-slide > a::after { content: ""; position: absolute; inset: 0px; z-index: 1; border: 4px solid rgb(255, 255, 255); opacity: 0; transition: opacity 0.2s; }
.zofo-rep .product-single--horizontal .ps-tabs .swiper-slide > a::before { display: none; }
.zofo-rep .product-single--horizontal .ps-tabs .swiper-slide > a:not(.ic--ignore-global-round) { border-radius: var(--radius-ic,16px); }
.zofo-rep .product-single--horizontal .ps-tabs .swiper-slide > a:not(.ic--ignore-global-round)::after { border-radius: var(--radius-ic,16px); }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .product-single--horizontal .ps-tabs .swiper-slide > a:hover::after { content: ""; position: absolute; inset: 0px; z-index: 1; border: 4px solid rgb(255, 255, 255); } }
.zofo-rep .product-single--horizontal .ps-tabs .swiper-slide > a.active::after { opacity: 1; }
.zofo-rep .product-single--horizontal .swiper-pagination .swiper-pagination-bullet::after, .zofo-rep .product-single--horizontal .swiper-pagination .swiper-pagination-bullet:hover::after { background: var(--text-color); }
.zofo-rep .modal-wrap.fancybox-content.searchmodal .swiper-container-prd-carousel:not(.swiper-container-initialized) { height: 272px; }
.zofo-rep .modal-wrap.fancybox-content.searchmodal .searchmodal-bottom .swiper-container-prd-carousel { margin: -10px -10px 0px; padding: 15px 10px; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .fancybox-navigation .fancybox-arrow-next:not(.swiper-button-disabled):hover, .zofo-rep .fancybox-navigation .fancybox-arrow-prev:not(.swiper-button-disabled):hover { color: var(--button-hover-color-white); } .zofo-rep .fancybox-navigation .fancybox-arrow-next:not(.swiper-button-disabled):hover::before, .zofo-rep .fancybox-navigation .fancybox-arrow-prev:not(.swiper-button-disabled):hover::before { width: 56px; height: 56px; background-color: var(--button-hover-bg-white); } }
.zofo-rep .searchmodal.fancybox-content .swiper-container-initialized .swiper-wrapper { width: fit-content; height: 177px; }
.zofo-rep .modal-wrap.fancybox-content .swiper-container-initialized .swiper-wrapper[style*="transform"], .zofo-rep .modal-wrap.fancybox-content .swiper-container.swiper-no-scroll .swiper-wrapper { height: auto; }
.zofo-rep .swiper-data-load, .zofo-rep [data-load] { width: 50px; height: 50px; position: absolute; cursor: wait; overflow: clip; contain: content; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); background: var(--body-bg); border-radius: var(--radius-50); pointer-events: none; transition: opacity 0.2s; }
.zofo-rep .swiper-data-load { margin: 0px; border: 0px; animation: auto ease 0s 1 normal none running none; }
.zofo-rep .swiper-data-load::before, .zofo-rep [data-load]::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: var(--radius-50); transform: scale(0); opacity: 0; aspect-ratio: 1 / 1; background-color: var(--custom-color); }
.zofo-rep .swiper-data-load::after, .zofo-rep [data-load="loading"]::after { content: ""; position: absolute; left: calc(50% - 0.375em); top: calc(50% - 0.375em); width: 0.75em; height: 0.75em; background-color: var(--custom-color); border-radius: var(--radius-50); display: block; animation: 0.3s linear 0s infinite alternate none running wiggle; }
.zofo-rep .fade-up { opacity: 0; transition: 0.2s 50ms; }
.zofo-rep .fade-up.lazyloaded { opacity: 1; }
.zofo-rep .product-single--horizontal.ps-carousel .ps-product .swiper-slide-active .image-container { transform: scale(1); opacity: 1; transition-delay: 0.3s; }
.zofo-rep .product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide .ps-text > * { transform: translateY(55px); opacity: 0; transition: 0.3s; }
.zofo-rep .product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > * { transform: translateY(0px); opacity: 1; transition-delay: 0s; }
.zofo-rep .product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > :nth-child(1) { transition-delay: 0.2s; }
.zofo-rep .product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > :nth-child(2) { transition-delay: 0.3s; }
.zofo-rep .product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > :nth-child(3) { transition-delay: 0.4s; }
.zofo-rep .product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > :nth-child(4) { transition-delay: 0.5s; }
.zofo-rep .product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > :nth-child(5) { transition-delay: 0.6s; }
.zofo-rep .product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .swiper-slide { height: auto; }
@media (min-width: 768px) { .zofo-rep .product-single--horizontal.ps-carousel .swiper-slide .ps-text { height: 100%; display: flex; flex-direction: column; justify-content: center; } }
.zofo-rep custom-swiper-navigation { position: absolute; z-index: 10; display: flex; top: 0px; height: 100%; left: 0px; right: 0px; pointer-events: none; opacity: 0; transition: 0.2s; }
@media (max-width: 1024px) { .zofo-rep custom-swiper-navigation { opacity: 1; left: 0px; width: 100%; } .zofo-rep custom-swiper-navigation .swiper-arrows-carousel { display: block; } }
.zofo-rep custom-swiper-navigation > div { pointer-events: all; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .holder > .container-fluid:hover custom-swiper-navigation, .zofo-rep .holder > .container:hover custom-swiper-navigation { opacity: 1; left: 20px; right: 20px; width: calc(100% - 40px) !important; } }
.zofo-rep .prd-block-gallery-main .swiper-slide { display: flex; min-width: 100%; align-items: center; justify-content: center; }
.zofo-rep .prd-block-gallery-main .swiper-slide img { visibility: hidden; }
.zofo-rep .prd-block-gallery-main .swiper-slide.swiper-slide-active { z-index: 1; opacity: 1 !important; }
.zofo-rep .prd-block-gallery-main .swiper-slide.swiper-slide-active img { visibility: visible; }
.zofo-rep .prd-block-gallery-main .swiper-arrows-carousel { top: 50%; z-index: 1001; }
@media (max-width: 575px) { .zofo-rep .prd-block-gallery-main .swiper-arrows-carousel { display: block; } }
.zofo-rep .prd-block-gallery-main .swiper-wrapper > :not(.swiper-slide) { pointer-events: none; }
@media (min-width: 1025px) { .zofo-rep .prd-block-gallery-main .zoom-initializing:not(.swiper-slide--video) { cursor: wait; } }
.zofo-rep .prd-block-gallery-thumbs-wrap .swiper-button-next, .zofo-rep .prd-block-gallery-thumbs-wrap .swiper-button-prev { color: var(--body-link-secondary-color); }
.zofo-rep .prd-block-gallery-thumbs-wrap .swiper-button-next svg path, .zofo-rep .prd-block-gallery-thumbs-wrap .swiper-button-prev svg path { fill: currentcolor; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .prd-block-gallery-thumbs-wrap .swiper-button-next:hover, .zofo-rep .prd-block-gallery-thumbs-wrap .swiper-button-prev:hover { color: var(--body-link-secondary-color-hover); } }
.zofo-rep .prd-block-gallery-thumbs-wrap .swiper-container-vertical .swiper-slide .image-container { width: 99%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.zofo-rep .prd-block-gallery-thumbs-wrap .swiper-container-horizontal .swiper-slide .image-container { width: 100%; height: 100%; }
.zofo-rep .prd-block-gallery-container-hor .prd-block-gallery-thumbs-wrap .swiper-container { padding: 0px 1px; }
.zofo-rep .prd-block-gallery-thumbs .swiper-slide { position: relative; width: var(--product-page-previews-width); overflow: hidden; user-select: none; opacity: 0; transition: opacity 0.2s; border-radius: var(--radius-md); cursor: pointer; }
.zofo-rep .prd-block-gallery-thumbs .swiper-slide img { transition: 0.3s; cursor: pointer; }
.zofo-rep .prd-block-gallery-thumbs .swiper-slide::after, .zofo-rep .prd-block-gallery-thumbs .swiper-slide::before { position: absolute; border: var(--preview-thumb-active-width) solid var(--preview-thumb-active-color); inset: 0px; content: ""; transition: 0.2s cubic-bezier(0.25, 0.46, 0.4, 1); z-index: 3; border-radius: var(--radius-md); opacity: 0; pointer-events: none; }
.zofo-rep .prd-block-gallery-thumbs .swiper-slide::after { z-index: 2; border: 4px solid var(--body-bg); }
.zofo-rep .prd-block-gallery-thumbs .swiper-slide-thumb--active::after, .zofo-rep .prd-block-gallery-thumbs .swiper-slide-thumb--active::before, .zofo-rep .prd-block-gallery-thumbs .swiper-slide-thumb-active::after, .zofo-rep .prd-block-gallery-thumbs .swiper-slide-thumb-active::before { opacity: 1; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .prd-block-gallery-thumbs .swiper-slide:hover::after, .zofo-rep .prd-block-gallery-thumbs .swiper-slide:hover::before { opacity: 1; } }
.zofo-rep .prd-block-gallery-container-hor .prd-block-gallery-thumbs .swiper-slide { width: 100%; }
.zofo-rep .swiper-container-vertical.prd-block-gallery-thumbs .swiper-slide { opacity: 1; height: calc(var(--product-page-previews-width) * (var(--aspect-ratio,120)/ 100)) !important; }
.zofo-rep .swiper-container-vertical.prd-block-gallery-thumbs .swiper-slide img { max-width: var(--product-page-previews-width); }
.zofo-rep .swiper-container-horizontal.prd-block-gallery-thumbs .swiper-slide[style*="width"] { opacity: 1; }
.zofo-rep .prd-block-gallery-nav .swiper-button-next::after, .zofo-rep .prd-block-gallery-nav .swiper-button-prev::after { display: none; }
.zofo-rep .prd-block-gallery-container .swiper-pagination-lock + .prd-block-gallery-nav { display: none; }
@media (min-width: 1025px) { .zofo-rep .prd-block-gallery-container .swiper-pagination-bullets:not(.swiper-pagination-lock) + .prd-block-gallery-nav { display: flex; } }
@media (min-width: 1025px) { .zofo-rep .prd-block-gallery-container .prd-block-gallery-nav .swiper-button-next, .zofo-rep .prd-block-gallery-container .prd-block-gallery-nav .swiper-button-prev { position: static; margin-top: 0px; } }
@media (max-width: 1024px) { .zofo-rep .prd-block-gallery-container .prd-block-gallery-nav .swiper-button-next { right: 0px; } .zofo-rep .prd-block-gallery-container .prd-block-gallery-nav .swiper-button-next svg { transform: rotate(-90deg); } .zofo-rep .prd-block-gallery-container .prd-block-gallery-nav .swiper-button-prev { left: 0px; } .zofo-rep .prd-block-gallery-container .prd-block-gallery-nav .swiper-button-prev svg { transform: rotate(-90deg); } }
.zofo-rep .prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-next, .zofo-rep .prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-prev { width: 16px; }
.zofo-rep .prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-next { right: 0px; }
.zofo-rep .prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-next svg { transform: rotate(-90deg); }
.zofo-rep .prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-prev { left: 0px; }
.zofo-rep .prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-prev svg { transform: rotate(-90deg); }
.zofo-rep .swiper-slide--video { height: auto; background-color: var(--placeholder-bg); }
.zofo-rep .swiper-slide--video-thumb { position: relative; display: flex; align-items: center; justify-content: center; }
.zofo-rep .swiper-slide--video-thumb::after { content: ""; position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; cursor: pointer; pointer-events: none; }
.zofo-rep .swiper-slide--video-thumb .icon-wrap { position: absolute; display: flex; align-items: center; justify-content: center; width: 37px; height: 37px; color: var(--dark-icon-color); border-radius: var(--radius-max); background: var(--dark-icon-bg); z-index: 2; pointer-events: none; }
.zofo-rep .swiper-slide--video-thumb .icon-wrap svg { width: 22px; height: 22px; }
.zofo-rep .swiper-slide--video-thumb .icon-wrap svg path { fill: currentcolor; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .swiper-slide--video-thumb:hover .icon-wrap { color: var(--dark-icon-color); background: var(--dark-icon-bg-hover); } }
.zofo-rep .swiper-slide--video-thumb .image-container .icon-wrap { top: 50%; transform: translateY(-50%); }
.zofo-rep .modal-quickview .prd-block-gallery-thumbs .swiper-slide { width: var(--product-page-previews-width-quickview); }
.zofo-rep .modal-quickview .swiper-container-vertical.prd-block-gallery-thumbs .swiper-slide { height: calc(var(--product-page-previews-width-quickview) * (var(--aspect-ratio,120)/ 100)) !important; }
@media (min-width: 1200px) { .zofo-rep .review-grid-container.swiper-container:not(.swiper-container-initialized) { opacity: 1; } }
.zofo-rep .review-grid-container.swiper-container { margin: -20px -15px; padding: 20px 15px; }
.zofo-rep .review-grid.swiper-container { margin: -20px -15px; padding: 20px 15px; }
.zofo-rep masonry-grid .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0px; }
.zofo-rep .review-grid-container:not(.swiper-container) { display: flex; justify-content: center; }
@media (min-width: 1200px) { .zofo-rep swiper-carousel[data-init-breakpoint] .swiper-arrows-carousel, .zofo-rep swiper-carousel[data-init-breakpoint] .swiper-pagination { display: none !important; } }
.zofo-rep { padding: 0px !important; }
.zofo-rep .shopify-section { width: 100%; }
.zofo-rep:not(.has-btn-not-upper) .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded { text-transform: uppercase; }
.zofo-rep > .demo-layouts-toggle { position: fixed; z-index: 99991; top: 50%; width: 50px; border-radius: 0 var(--radius-md) var(--radius-md) 0; box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.12)); transform: translateY(-50%); }
@media (max-width: 1024px) { .zofo-rep > .demo-layouts-toggle { display: none; } }
.zofo-rep > .demo-layouts-toggle > ul { list-style-type: none; margin: 0px; padding: 0px; }
.zofo-rep > .demo-layouts-toggle > ul > li { background-color: var(--button-bg-white); }
.zofo-rep > .demo-layouts-toggle > ul > li:not(:last-of-type) { border-bottom: 1px solid var(--decor-border-dark-color); }
.zofo-rep > .demo-layouts-toggle > ul > li.active { border-bottom: 0px; }
.zofo-rep > .demo-layouts-toggle > ul > li.demo-name { height: auto; }
.zofo-rep > .demo-layouts-toggle > ul li sections-rename > a > span, .zofo-rep > .demo-layouts-toggle > ul > li.demo-name > a > span, .zofo-rep > .demo-layouts-toggle > ul > li.demo-name > span { width: 50px; height: auto; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--button-color-white); text-transform: uppercase; letter-spacing: 2px; pointer-events: none; writing-mode: vertical-rl; text-orientation: inherit; padding: 20px 0px; transform: rotate(180deg); position: relative; }
.zofo-rep > .demo-layouts-toggle > ul > li > a > span > svg { width: 18px; }
.zofo-rep > .demo-layouts-toggle > ul li.dark-light-mode a, .zofo-rep > .demo-layouts-toggle > ul localization-form a, .zofo-rep > .demo-layouts-toggle > ul > li.active > span, .zofo-rep > .demo-layouts-toggle > ul > li > a { width: 100%; min-height: 50px; padding: 4px 8px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--button-color-white); }
.zofo-rep > .demo-layouts-toggle > ul > li[data-new] > a { color: rgb(255, 255, 255); background-color: var(--badge-bg,#77bf4a); }
.zofo-rep > .demo-layouts-toggle > ul localization-form { display: block; overflow: hidden; }
.zofo-rep > .demo-layouts-toggle > ul localization-form ul { padding: 0px; margin: 0px; list-style: none; }
.zofo-rep > .demo-layouts-toggle > ul localization-form a:hover, .zofo-rep > .demo-layouts-toggle > ul > li > a:hover { background-color: var(--button-hover-bg-white); color: var(--button-hover-color-white); }
.zofo-rep > .demo-layouts-toggle > ul > li.active > span { background-color: var(--button-hover-bg-white); color: var(--button-hover-color-white); height: 51px; }
.zofo-rep > .demo-layouts-toggle > ul li:first-child localization-form, .zofo-rep > .demo-layouts-toggle > ul > li:first-child, .zofo-rep > .demo-layouts-toggle > ul > li:first-child > a { border-top-right-radius: var(--radius-md); }
.zofo-rep > .demo-layouts-toggle > ul li localization-form { overflow: hidden; }
.zofo-rep > .demo-layouts-toggle > ul li:first-child sections-rename { display: block; border-top-right-radius: var(--radius-md); overflow: hidden; }
.zofo-rep > .demo-layouts-toggle > ul li:last-of-type localization-form, .zofo-rep > .demo-layouts-toggle > ul > li:last-of-type, .zofo-rep > .demo-layouts-toggle > ul > li:last-of-type > a { border-bottom-right-radius: var(--radius-md); }
.zofo-rep > .demo-layouts-toggle > ul li:hover sections-rename > a > span, .zofo-rep > .demo-layouts-toggle > ul > li:hover > a, .zofo-rep > .demo-layouts-toggle > ul > li:hover > a > span { background-color: var(--button-hover-bg-white); color: var(--button-hover-color-white) !important; }
.zofo-rep > .demo-layouts-toggle > ul > li.dark-light-mode { position: relative; overflow: hidden; height: 50px; }
.zofo-rep > .demo-layouts-toggle > ul > li.dark-light-mode svg { width: 25px; transition: transform 0.2s; }
.zofo-rep > .demo-layouts-toggle > ul > li.dark-light-mode a { background: 0px 0px; }
.zofo-rep > .demo-layouts-toggle > ul > li.dark-light-mode a span { width: 100%; height: 34px; display: flex; align-items: center; justify-content: center; background-color: var(--button-bg-white); color: var(--button-color-white); }
.zofo-rep > .demo-layouts-toggle > ul > li.dark-light-mode a:hover svg { transform: scale(1.2); }
.zofo-rep > .demo-layouts-toggle > ul > li.dark-light-mode async-reload { display: flex; height: 100%; align-items: center; justify-content: center; }
.zofo-rep > .demo-layouts-toggle > ul .demo-text, .zofo-rep > .demo-layouts-toggle > ul localization-form a span { line-height: 1.2em; text-align: center; font-size: 13px !important; }
.zofo-rep > .demo-layouts-toggle label-animated { position: absolute; left: -110%; margin-top: -38px; transition: left 0.6s cubic-bezier(0.39, 0.85, 0.46, 1.43); z-index: -1; }
.zofo-rep > .demo-layouts-toggle label-animated.is-appeared { left: calc(100% + 6px); }
.zofo-rep > .demo-layouts-toggle li .label-demo-new { display: none; }
.zofo-rep > .demo-layouts-toggle li[data-new] .label-demo-new { position: relative; display: inline-flex; align-items: center; padding: 4px 12px; min-height: 16px; font-size: 12px; line-height: 15px; font-weight: var(--font-weight-600); background-color: var(--badge-bg,#77bf4a); color: var(--label-badge-color,#fff); backface-visibility: hidden; white-space: nowrap; border-radius: 6px; }
.zofo-rep > .demo-layouts-toggle li[data-new] .label-demo-new::before { position: absolute; left: -6px; content: ""; display: inline-block; margin: 0px; vertical-align: middle; width: 6px; height: 12px; border-right: solid 6px var(--badge-bg,#77bf4a); border-bottom: 6px solid transparent; border-top: 6px solid transparent; }
.zofo-rep > .demo-layouts-toggle .demo-button-close { position: absolute; left: calc(100% - 12px); top: -8px; width: 20px; cursor: pointer; border-radius: 100%; box-shadow: 0 0 5px rgba(0,0,0,var(--global-box-shadow,.18)); transition: none; z-index: 10; height: 20px !important; min-height: 20px !important; padding: 5px !important; }
.zofo-rep > .demo-layouts-toggle .demo-button-close svg { width: 10px; height: 10px; }
.zofo-rep > .demo-layouts-toggle.is-closed { transform: translate3d(-120%, -50%, 0px); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.4, 1); }
.zofo-rep > .demo-layouts-toggle.is-closed label-animated { display: none; }
.zofo-rep > .demo-layouts-toggle .demo-popup ul.submenu-list--decor { display: grid; grid-template-columns: repeat(4, 150px); gap: 15px; padding: 0px 25px; --radius-ic: 0; }
.zofo-rep > .demo-layouts-toggle .demo-popup ul.submenu-list--decor a { padding: 5px; border: 2px solid rgb(237, 237, 237); text-align: center; border-radius: var(--radius-5); }
.zofo-rep > .demo-layouts-toggle .demo-popup ul.submenu-list--decor a span { display: inline-flex; font-size: 13px; line-height: 18px; }
.zofo-rep > .demo-layouts-toggle .demo-popup ul.submenu-list--decor a:hover { border-color: rgb(158, 158, 158); }
.zofo-rep > .demo-layouts-toggle .demo-popup ul.submenu-list--decor a.active { background-color: transparent; border-color: var(--custom-color); border-radius: var(--radius-sm); }
.zofo-rep > .demo-layouts-toggle .submenu-list { margin: 0px; padding: 0px; list-style: none; }
.zofo-rep > .demo-layouts-toggle .submenu-list a { display: block; padding: 7px 33px; position: relative; font-size: 15px; line-height: 25px; min-height: 0px; text-decoration: none; color: var(--menu-categories-color); }
.zofo-rep > .demo-layouts-toggle .submenu-list a.active { color: var(--menu-categories-hover-color); background-color: var(--menu-categories-hover-bg); text-decoration: none; }
.zofo-rep > .demo-layouts-toggle .submenu-list a:not(:only-child)::after { position: absolute; right: 20px; top: calc(50% - 6px); padding: 6px; content: ""; mask-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox=\"0 0 96 96\" xmlns=\"http://www.w3.org/2000/svg\"><title/><path d=\"M69.8437,43.3876,33.8422,13.3863a6.0035,6.0035,0,0,0-7.6878,9.223l30.47,25.39-30.47,25.39a6.0035,6.0035,0,0,0,7.6878,9.2231L69.8437,52.6106a6.0091,6.0091,0,0,0,0-9.223Z\"/></svg>"); mask-repeat: no-repeat; mask-position: center center; background-color: currentcolor; }
.zofo-rep > .demo-layouts-toggle .submenu-list a .menu-label { position: absolute; display: inline-block; top: unset; right: auto; margin-top: -2px; margin-left: 5px; transform: translate3d(0px, 0px, 0px); }
.zofo-rep > .demo-layouts-toggle.active-bolder .submenu-list a.active { font-weight: var(--font-weight-600); }
@media not all and (hover: none) { .zofo-rep > .demo-layouts-toggle .submenu-list a:hover { color: var(--menu-categories-hover-color); background-color: var(--menu-categories-hover-bg); text-decoration: none; } }
.zofo-rep > .demo-layouts-toggle .submenu-list-wrap { display: block; min-width: 220px; position: absolute; top: 50%; left: 100%; visibility: hidden; margin-top: 30px; padding: 25px 0px; transform: translateY(-50%); transition: all; pointer-events: none; opacity: 0; border-radius: var(--radius-md,16px); background-color: var(--submenu-bg); box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.12)); z-index: 11; }
.zofo-rep > .demo-layouts-toggle .submenu-list-wrap ol, .zofo-rep > .demo-layouts-toggle .submenu-list-wrap ul { list-style: none; margin: 0px; padding: 0px; }
.zofo-rep > .demo-layouts-toggle .submenu-list-wrap ol { counter-reset: item 0; }
.zofo-rep > .demo-layouts-toggle .submenu-list-wrap ol.submenu-list li > a > span::before { content: counters(item, ".") "."; counter-increment: item 1; display: inline-block; margin-right: 5px; }
.zofo-rep > .demo-layouts-toggle .submenu-list-wrap.submenu-list-wrap--image { display: flex; align-items: center; width: 220px; min-width: 220px; padding: 0px !important; }
.zofo-rep > .demo-layouts-toggle .submenu-list-wrap.submenu-list-wrap--image .image-container > img { object-fit: inherit; }
.zofo-rep > .demo-layouts-toggle .submenu-list-wrap.submenu-list-wrap--image > a { width: 100%; padding: 0 0 var(--padding-bottom); background: 0px 0px; }
.zofo-rep > .demo-layouts-toggle .submenu-list-wrap.submenu-list-wrap--image > a::after { display: none !important; }
.zofo-rep > .demo-layouts-toggle .submenu-list-wrap .submenu-list-title { margin: 0px 36px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.zofo-rep > .demo-layouts-toggle .submenu-list-wrap .submenu-list-title:not(:first-child) { padding: 20px 0px 15px; border-top: 1px solid var(--submenu-link-title-border-color); }
.zofo-rep > .demo-layouts-toggle .submenu-list-wrap .submenu-list-title:first-child { padding: 0px 0px 15px; }
@media not all and (hover: none) { .zofo-rep > .demo-layouts-toggle li:hover > .submenu-list-wrap, .zofo-rep > .demo-layouts-toggle li:hover > image-on-hover > .submenu-list-wrap { visibility: visible; margin-top: 0px; transition: opacity 0.2s, margin cubic-bezier(0.25, 0.46, 0.4, 1); pointer-events: auto; opacity: 1; } }
.zofo-rep .predictive-search_ .swiper-slide .prd-w-xxs.prd--style1 .prd-image-wrap { margin: 0px !important; }
.zofo-rep .breadcrumb-item a { display: inline-block; }
.zofo-rep[lang="de"] .minicart-drop-total-price, .zofo-rep[lang="de"] .minicart-drop-total-txt { font-size: 15px; }
@media (max-width: 575px) { .zofo-rep[lang="de"] .dropdn-modal-slide-title { font-size: 16px; } }
.zofo-rep .swiper-slide > .page-search, .zofo-rep .swiper-slide > .post-search { height: fit-content; }
.zofo-rep .swiper-slide .post-search-bot { padding: 10px 5px; min-height: 0px; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep swiper-carousel .page-icon:hover .image-container { opacity: 0.75; } }
.zofo-rep .swiper-slide .page-search-bot { padding: 10px 5px; min-height: 0px; }
.zofo-rep .predictive-search_ .swiper-slide[aria-selected="true"] { --global-box-shadow: var(--secondary-box-shadow, 0.08); }
.zofo-rep .predictive-search_ .swiper-slide[aria-selected="true"] .page-search, .zofo-rep .predictive-search_ .swiper-slide[aria-selected="true"] .post-search, .zofo-rep .predictive-search_ .swiper-slide[aria-selected="true"] .prd { border-radius: var(--radius-md,16px); background-color: var(--modal-bg); transition: box-shadow 0.2s; box-shadow: 0 3px 12px rgba(0,0,0,var(--global-box-shadow,.12)); }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .predictive-search_ .swiper-slide[aria-selected="true"] .page-search:hover, .zofo-rep .predictive-search_ .swiper-slide[aria-selected="true"] .post-search:hover, .zofo-rep .predictive-search_ .swiper-slide[aria-selected="true"] .prd:hover { box-shadow: 0 0 12px rgba(0,0,0,calc(var(--global-box-shadow,.12) + var(--global-box-shadow-darker,.1))); } }
.zofo-rep .predictive-search_ .swiper-slide[aria-selected="true"] .prd:not(:hover) .prd-image-wrap .prd-image > img { transform: scale(1.1); }
.zofo-rep .predictive-search_ .swiper-slide[aria-selected="true"] .page-search:not(:hover) .image-container > img, .zofo-rep .predictive-search_ .swiper-slide[aria-selected="true"] .post-search:not(:hover) .image-container > img { transform: scale(1.1); }
.zofo-rep .page-content .predictive-search_ .swiper-container-prd-carousel { padding-bottom: 15px; }
.zofo-rep .hdr-open-search .predictive-search_ .swiper-container-prd-carousel { padding-bottom: 15px; }
.zofo-rep .hdr-open-search search-page .predictive-search_ swiper-carousel { margin: 0px 20px; }
@media (max-width: 1024px) { .zofo-rep .hdr-open-search search-page .predictive-search_ swiper-carousel { margin: 0px 10px; } }
@media (max-width: 575px) { .zofo-rep .hdr-open-search search-page .predictive-search_ swiper-carousel { max-width: 100%; } }
.zofo-rep .hdr-open-search search-page .predictive-search_ swiper-carousel .swiper-container-prd-carousel { padding: 15px 19px; margin: -15px 0px; }
@media (max-width: 575px) { .zofo-rep .hdr-open-search search-page .predictive-search_ swiper-carousel .swiper-container-prd-carousel { padding: 15px 10px; } }
.zofo-rep .predictive-search_ .swiper-slide .prd.prd-simple { height: fit-content; margin-bottom: 0px; }
.zofo-rep .predictive-search_ .swiper-slide .prd.prd-simple.prd--style2 { margin-bottom: 20px; padding-bottom: 0px; }
.zofo-rep .predictive-search_ .swiper-slide .prd.prd-simple .prd-bot { min-height: 56px; padding: 10px 5px; }
.zofo-rep .fancybox-container .predictive-search_ swiper-carousel { max-height: 307px; opacity: 0; transition: opacity 0.2s; }
.zofo-rep .fancybox-container .swiper-visible .predictive-search_ swiper-carousel { max-height: none; opacity: 1; }
.zofo-rep .swiper-slide[aria-selected="true"] .page-search, .zofo-rep .swiper-slide[aria-selected="true"] .post-search, .zofo-rep .swiper-slide[aria-selected="true"] .prd { border-radius: var(--radius-md,16px); box-shadow: 0 3px 12px rgba(0,0,0,var(--global-box-shadow,.12)); }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .swiper-slide[aria-selected="true"] .page-search:hover, .zofo-rep .swiper-slide[aria-selected="true"] .post-search:hover, .zofo-rep .swiper-slide[aria-selected="true"] .prd:hover { box-shadow: 0 3px 12px rgba(0,0,0,calc(var(--global-box-shadow,.12) + var(--global-box-shadow-darker,.1))); } }
.zofo-rep.mac .cart-item__success, .zofo-rep.mac .image-container, .zofo-rep.mac .payment-notification-image, .zofo-rep.mac .prd, .zofo-rep.mac .prd-hor .prd-image, .zofo-rep.mac .prd-image-wrap, .zofo-rep.mac .review-author-photo, .zofo-rep.mac .review-grid-author-photo, .zofo-rep.mac .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); }
.zofo-rep.mac .payment-notification-image .image-container, .zofo-rep.mac .prd-hor .prd-image-wrap .image-container, .zofo-rep.mac .prd-hor-sm .prd-image-wrap .image-container, .zofo-rep.mac .prd-prw-sm .image-container { z-index: 1; }
.zofo-rep.mac .image-container-aspect-ratio .image-container { transform: translate(-50%, -50%) !important; }
.zofo-rep.mac .image-bg-wrap .image-container.ic--bg-contain, .zofo-rep.mac .image-bg-wrap.ic--bg-contain { transform: translate(-50%, -50%) !important; }
.zofo-rep.safari { text-size-adjust: 100%; }
.zofo-rep.safari .post-prw-img-date, .zofo-rep.safari .post-search-date, .zofo-rep.safari .prd-icons, .zofo-rep.safari .prd-labels { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); }
@media (max-width: 1024px) { .zofo-rep.safari .has-hdr_sticky.has-sticky .hdr-wrap { top: -1px; } }
@media (max-width: 767px) { .zofo-rep.safari .hdr-open-search:not(.is-open) .form-control:not(.form-select) { transform: translateY(-1000vh); } .zofo-rep.safari .minicart-prd-action button.icon-wrap svg { min-width: 15px; min-height: 14px; max-width: 15px; max-height: 14px; } }
@media (max-width: 575px) { .zofo-rep.safari .hdr-open-search-form .form-control:not(.form-select), .zofo-rep.safari .search-input-group .form-control { font-size: 16px !important; } }
.zofo-rep.safari.has-keyboard-open .hdr-mobile-bottom, .zofo-rep.safari.has-keyboard-open .payment-notification-wrap, .zofo-rep.safari.has-keyboard-open .sticky-add-to-cart { display: none !important; }
.zofo-rep.safari .single-countdown > * { border: 1px solid transparent; }
.zofo-rep.safari .modal-wrap.fancybox-content.modal-info-content .modal-wrap-scroll .scroll-content { overflow-x: hidden; }
.zofo-rep.safari_version_below_14 .hdr-second-nav .menu-label { margin-top: -18px; }
@media (max-width: 767px) { .zofo-rep.safari_version_below_14 .ajax-loaded > .sticky-add-to-cart { width: auto; left: 50%; right: auto; transform: translateX(-50%) !important; } }
.zofo-rep [class*="swiper-slide-text"] { color: var(--text-color-banner); }
.zofo-rep [class*="swiper-slide-text"].theme-color { color: var(--custom-color) !important; }
.zofo-rep .colorize-invert [class*="swiper-slide-text"] { color: var(--text-color-banner-invert); }
.zofo-rep:not(.has-sticky) .bnr-sticky { top: 0px !important; }
.zofo-rep #bcontact-single-333893 .qbubble__body, .zofo-rep .prd.prd--style1 { max-height: unset !important; }
.zofo-rep .post-prws-grid.swiper-container .swiper-wrapper { margin-top: 70px; }
.zofo-rep #ProductGridContainer .filter-row, .zofo-rep .category-page-block .category-page-items-count, .zofo-rep .category-page-block .sidebar-block .sidebar-block_title, .zofo-rep .category-page-block .sidebar-block fieldset.category-list .input-wrap label::before, .zofo-rep .post-prws-grid .post-prw .post-prw-text > * + .post-prw-bot, .zofo-rep .post-prws-grid .swiper-pagination { display: none; }
.zofo-rep .has-product-style1 .prd-grid > *, .zofo-rep .has-product-style3 .prd-grid > *, .zofo-rep .text-bg-wrap .image-container, .zofo-rep product-tabs .tab-wrap-content .swiper-slide.swiper-slide-active .tab-content { padding: 0px; }
.zofo-rep .prd.prd--style1 { overflow: visible; height: 100% !important; box-shadow: none !important; }
.zofo-rep .prd-image-wrap.image-container { background: rgb(247, 247, 247); border-radius: 10px 10px 0px 0px !important; }
.zofo-rep .prd-block-gallery-main .swiper-arrows-carousel { width: calc(100% - 80px) !important; top: 50% !important; }
.zofo-rep .swiper-arrows-carousel .swiper-button-next { right: 10px !important; }
.zofo-rep product-tabs .tab-wrap-content .swiper-slide { padding-bottom: 0px; width: 100% !important; }
@media (min-width: 1025px) { .zofo-rep .container[data-async-reload="breadcrumbs"] { width: calc(94% - 300px); } }
.zofo-rep .marquee img { border-radius: 0px !important; }
.zofo-rep, .zofo-rep { overflow: hidden visible; font-family: Outfit, sans-serif; }
@media (max-width: 768px) { .zofo-rep .gallery-item-slide, .zofo-rep .static-banner, .zofo-rep .sustain-text-row, .zofo-rep .zofo-voice { flex-direction: column !important; } .zofo-rep #career_runningtext, .zofo-rep #kamado_max_runningtext, .zofo-rep #kamado_runningtext, .zofo-rep #keylo_runningtext, .zofo-rep #maha_runningtext, .zofo-rep #rubix_runningtext, .zofo-rep #runningtext, .zofo-rep #runningtext2, .zofo-rep #simba_runningtext, .zofo-rep #tetro_runningtext { padding: 10px 10px 12px !important; } .zofo-rep #career_runningtext > span, .zofo-rep #kamado_max_runningtext > span, .zofo-rep #kamado_runningtext > span, .zofo-rep #keylo_runningtext > span, .zofo-rep #maha_runningtext > span, .zofo-rep #rubix_runningtext > span, .zofo-rep #runningtext2 > span, .zofo-rep #runningtext > span, .zofo-rep #simba_runningtext > span, .zofo-rep #tetro_runningtext > span { font-size: 20px !important; line-height: 1 !important; } .zofo-rep .post-prws-grid .swiper-arrows-carousel { display: block !important; top: 50px !important; left: unset !important; right: 10px !important; } .zofo-rep .voice-left .swiper-arrows-carousel { display: block !important; top: -20px !important; } .zofo-rep .voice-left, .zofo-rep .voice-right { padding-right: 5%; width: 100% !important; } .zofo-rep .voice-right .right-img { margin-right: 20px; margin-top: 20px !important; } }
@media (max-width: 1024px) { .zofo-rep:not(.rtl-mode) .hdr:not(.hdr--style3).hdr--reversed-menu-icon .hdr-content .hdr-logo { margin-left: 50%; transform: translateX(-50%); padding: 0px; } .zofo-rep .holder .container { width: auto; } }
@media (max-width: 768px) { .zofo-rep:not(.has-btn-not-upper) .btn { box-sizing: border-box; } .zofo-rep.template-cart .aside.aside--content, .zofo-rep cart-items .aside.aside--content { box-sizing: border-box; } }
@media (min-width: 1025px) { .zofo-rep.has-transparent-hdr main-slider .swiper-slider-container.slider-fullheight, .zofo-rep:not([data-set-root="true"]) main-slider .swiper-slider-container.slider-fullheight { height: calc(-174px + 100vh) !important; } }
@media (max-width: 1024px) { .zofo-rep main-slider .swiper-slider-container.slider-fullheight-mobile { height: calc(var(--vhStart, 1vh) * 100 - 158px) !important; } }
.zofo-rep { --promoline-height-desktop: 40px; --promoline-height-mobile: 30px; --promoline-fontsize-desktop: 15px; --promoline-fontsize-mobile: 13px; }
.zofo-rep { --header-global-bg: #000000; --header-global-color: #ffffff; --header-global-link-color: #ffffff; --header-global-link-hover-color: #ffffff; --header-top-bg: #414c55; --header-top-color: #ffffff; --header-top-link-color: #ffffff; --header-top-link-hover-color: #a5c130; --header-bottom-link-hover-color: #22292f; --header-border-color: #cdd8e1; --header-form-palceholder-color: rgba(34, 41, 47, 0.6); --header-nav-link-border-hover-color: #9e9e9e; --header-nav-link-border-active-color: #ffffff; --header-badge-color: #ffffff; --mobile-bottom-badge-color: #ffffff; --header-badge-bg: #22292f; --mobile-bottom-badge-bg: #22292f; --submenu-list-link-hover-bg: #f7f8fc; --mobile-menu-social-color: #ffffff; }
.zofo-rep { --footer-global-bg: #000000; --footer-global-color: #ffffff; --footer-global-link-hover-color: #a5c130; --footer-border-color: #6f6f6f; }
.zofo-rep { --footer-logo-max-width: 145px; --footer-logo-max-width-mobile: 120px; }
.zofo-rep:not(.has-button-rounded) .input-group .form-control--rounded, .zofo-rep:not(.has-button-rounded) .subscribe-footer-input-group .form-control--rounded { padding-left: 30px; padding-right: 30px; }
.zofo-rep:not(.has-button-rounded) .input-group .btn, .zofo-rep:not(.has-button-rounded) .subscribe-footer-input-group .btn { margin-left: -1px; }
@media (max-width: 1024px) { .zofo-rep.has-hdr_sticky_not_hiding.has-mobile-bottom .payment-notification-wrap, .zofo-rep.has-mobile-bottom .payment-notification-wrap { margin-bottom: 80px; } }
.zofo-rep { --color-foreground: 34,41,47; --color-background: 255,255,255; --duration-short: .2s; }
@media (max-width: 768px) { .zofo-rep .prd-block-gallery-main .swiper-arrows-carousel { width: 100% !important; } }
.zofo-rep hr { margin: 20px 0px; color: inherit; border-width: 1px 0px 0px; border-style: solid none none; border-color: currentcolor; border-image: none; opacity: 0.25; }
.zofo-rep .justify-content-center { justify-content: center !important; }
.zofo-rep .align-items-start { align-items: flex-start !important; }
.zofo-rep .mx-auto { margin-right: auto !important; margin-left: auto !important; }
.zofo-rep .my-4 { margin-top: 40px !important; margin-bottom: 40px !important; }
.zofo-rep .px-0 { padding-right: 0px !important; padding-left: 0px !important; }
.zofo-rep .py-2 { padding-top: 20px !important; padding-bottom: 20px !important; }
@media (min-width: 576px) { .zofo-rep .my-sm-6 { margin-top: 60px !important; margin-bottom: 60px !important; } }
@media (min-width: 768px) { .zofo-rep .d-md-block { display: block !important; } .zofo-rep .d-md-none { display: none !important; } }
.zofo-rep .h5-style, .zofo-rep h5 { margin: 0px 0px 20px; padding: 0px; color: var(--heading-color); font-size: 15px; line-height: 24px; font-weight: var(--heading-sm-weight); }
.zofo-rep .container-fluid.px-0 .image-bg-wrap, .zofo-rep .container-fluid.px-0 .video-wrap, .zofo-rep .container-fluid.px-0 .video-wrap-content, .zofo-rep .container-fluid.px-0 .video-wrap-poster { --radius-ic: 0; border-radius: 0px; }
.zofo-rep .image-container > img.lazyload { height: 100%; }
.zofo-rep .text-bg-wrap { display: flex; flex-direction: column; overflow: hidden; position: relative; min-height: var(--min-height,39vw); }
@media (max-width: 767px) { .zofo-rep .text-bg-wrap { min-height: var(--min-height-mobile,144vw); } }
.zofo-rep .text-over-bg { position: relative; display: flex; }
.zofo-rep .image-bg-wrap { position: absolute; z-index: -1; width: 100%; }
.zofo-rep .image-bg-wrap .image-container.ic--bg-contain, .zofo-rep .image-bg-wrap.ic--bg-cover { left: 0px; top: 0px; height: 100%; }
.zofo-rep .image-bg-wrap .image-container.ic--bg-contain img, .zofo-rep .image-bg-wrap.ic--bg-cover img { object-fit: cover; }
.zofo-rep img.lazyload:not(.lazyloaded) { text-indent: -10000px; }
@media (min-width: 769px) { .zofo-rep .desktop_content { display: block; } .zofo-rep .mobile_content { display: none; } }
@media (max-width: 768px) { .zofo-rep .gallery-item-slide, .zofo-rep .static-banner, .zofo-rep .sustain-text-row, .zofo-rep .zofo-voice { flex-direction: column !important; } .zofo-rep .mobile_content { display: block; } .zofo-rep .desktop_content { display: none; } .zofo-rep #career_runningtext, .zofo-rep #kamado_max_runningtext, .zofo-rep #kamado_runningtext, .zofo-rep #keylo_runningtext, .zofo-rep #maha_runningtext, .zofo-rep #rubix_runningtext, .zofo-rep #runningtext, .zofo-rep #runningtext2, .zofo-rep #simba_runningtext, .zofo-rep #tetro_runningtext { padding: 10px 10px 12px !important; } .zofo-rep #career_runningtext > span, .zofo-rep #kamado_max_runningtext > span, .zofo-rep #kamado_runningtext > span, .zofo-rep #keylo_runningtext > span, .zofo-rep #maha_runningtext > span, .zofo-rep #rubix_runningtext > span, .zofo-rep #runningtext2 > span, .zofo-rep #runningtext > span, .zofo-rep #simba_runningtext > span, .zofo-rep #tetro_runningtext > span { font-size: 20px !important; line-height: 1 !important; } .zofo-rep .gallery3 .banner-des h2, .zofo-rep .slide-left h3, .zofo-rep .static-banner-text h2 { font-size: 30px !important; } .zofo-rep .post-prws-grid .swiper-arrows-carousel { display: block !important; top: 50px !important; left: unset !important; right: 10px !important; } .zofo-rep .voice-left .swiper-arrows-carousel { display: block !important; top: -20px !important; } .zofo-rep .sustain-green-number { aspect-ratio: 2 / 3 !important; background-size: cover !important; padding: 30px 0px !important; } .zofo-rep .sustain-text-row { row-gap: 30px !important; } .zofo-rep .sustain-text-row h2 { font-size: 40px !important; } .zofo-rep .slide-left h5, .zofo-rep .sustain-text-row h5 { font-size: 16px !important; } .zofo-rep .sustain-text-row h5 { max-width: unset !important; } .zofo-rep .sustain_community { padding: 0px 30px !important; } .zofo-rep .what-happen-text { width: 100% !important; padding: 30px !important; } .zofo-rep .aside-content .tags-list li a, .zofo-rep .post-tags-list.tags-list li a, .zofo-rep .slide-left h3 { padding: 0px !important; } .zofo-rep .slide-left, .zofo-rep .slide-right { width: 100% !important; row-gap: 0px !important; padding: 0px !important; height: 50% !important; } .zofo-rep img.overlap-images { width: 80% !important; } .zofo-rep .product-auto-carousel, .zofo-rep .product-auto-carousel-2 { height: 50% !important; min-height: unset !important; object-fit: cover !important; } .zofo-rep .product-auto-carousel .carousel-image, .zofo-rep .product-auto-carousel-2 .carousel-image { height: calc(100% - 60px) !important; object-fit: contain !important; width: 100% !important; } .zofo-rep .product-auto-carousel-controls, .zofo-rep .product-auto-carousel-controls-2 { margin: -60px auto 30px !important; } }
.zofo-rep ol, .zofo-rep ul { padding-left: 40px; }
.zofo-rep dl, .zofo-rep ol, .zofo-rep ul { margin-top: 0px; margin-bottom: 20px; }
.zofo-rep .list-unstyled { padding-left: 0px; list-style: none; }
.zofo-rep .row-cols-1 > * { flex: 0 0 auto; width: 100%; }
.zofo-rep .g-3, .zofo-rep .gx-3 { --bs-gutter-x: 20px; }
.zofo-rep .gy-5 { --bs-gutter-y: 60px; }
@media (min-width: 576px) { .zofo-rep .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333%; } }
.zofo-rep .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
.zofo-rep .mt-3 { margin-top: 30px !important; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep a:focus, .zofo-rep a:hover { outline: 0px; text-decoration: none; } .zofo-rep a:hover { color: var(--body-link-color-hover); } .zofo-rep a:hover svg.lumia-icon path:not(.path--nofill) { fill: currentcolor; } .zofo-rep a:focus { color: var(--body-link-color-hover); } }
.zofo-rep a svg.lumia-icon path:not(.path--nofill) { fill: currentcolor; }
.zofo-rep a[href^="http"], .zofo-rep a[href^="mailto"] { overflow-wrap: break-word; word-break: break-word; }
.zofo-rep ol, .zofo-rep ul { margin-bottom: 0px; }
.zofo-rep .block-social-inline { margin-left: -8px; margin-right: -8px; }
.zofo-rep .block-social-inline li { margin: 8px; }
.zofo-rep .block-social-inline svg.lumia-icon { width: 30px; height: 30px; }
.zofo-rep .block-social-inline svg.lumia-icon circle, .zofo-rep .block-social-inline svg.lumia-icon path { fill: currentcolor; }
@media (max-width: 768px) { .zofo-rep .post-prws-grid .swiper-arrows-carousel { display: block !important; top: 50px !important; left: unset !important; right: 10px !important; } .zofo-rep .voice-left .swiper-arrows-carousel { display: block !important; top: -20px !important; } }
.zofo-rep button:focus:not(:focus-visible) { outline: 0px; }
.zofo-rep button, .zofo-rep input, .zofo-rep optgroup, .zofo-rep select, .zofo-rep textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
.zofo-rep button, .zofo-rep select { text-transform: none; }
.zofo-rep [type="button"], .zofo-rep [type="reset"], .zofo-rep [type="submit"], .zofo-rep button { appearance: button; }
.zofo-rep [type="button"]:not(:disabled), .zofo-rep [type="reset"]:not(:disabled), .zofo-rep [type="submit"]:not(:disabled), .zofo-rep button:not(:disabled) { cursor: pointer; }
.zofo-rep button:focus, .zofo-rep input:focus, .zofo-rep textarea:focus { outline: 0px; }
.zofo-rep .h-lg-style, .zofo-rep h1 { position: relative; z-index: 1; margin: 0px 0px 45px; padding: 0px; color: var(--heading-color); font-weight: var(--heading-lg-weight); font-size: var(--heading-lg-size); font-family: var(--heading-font-family); line-height: 1.2em; }
@media (max-width: 575px) { .zofo-rep .h-lg-style, .zofo-rep h1 { margin-bottom: 30px; font-size: var(--heading-lg-size-m); } }
@media (max-width: 1024px) { .zofo-rep:not(.rtl-mode) .hdr:not(.hdr--style3).hdr--reversed-menu-icon .hdr-content .hdr-logo { margin-left: 50%; transform: translateX(-50%); padding: 0px; } }
.zofo-rep .h-100 { height: 100% !important; }
.zofo-rep .py-6 { padding-top: 60px !important; padding-bottom: 60px !important; }
@media (min-width: 768px) { .zofo-rep .d-md-block { display: block !important; } .zofo-rep .d-md-none { display: none !important; } .zofo-rep .py-md-8 { padding-top: 80px !important; padding-bottom: 80px !important; } }
.zofo-rep .py-global-strict { padding-top: var(--padding-top-desktop) !important; padding-bottom: var(--padding-bottom-desktop,var(--padding-top-desktop)) !important; }
@media (max-width: 767px) { .zofo-rep .py-global-strict { padding-top: var(--padding-top-mobile) !important; padding-bottom: var(--padding-bottom-mobile,var(--padding-top-mobile)) !important; } }
.zofo-rep .container-fluid.px-0 .title-wrap { padding-left: 15px; padding-right: 15px; }
.zofo-rep .bg-cover { background-position: center center; background-size: cover; }
.zofo-rep .colorize-invert, .zofo-rep .secondary-color .colorize-invert { --text-color: var(--text-color-invert); color: var(--text-color); }
.zofo-rep .colorize-invert .title-wrap .h-sub, .zofo-rep .colorize-invert .title-wrap .h-sub p, .zofo-rep .colorize-invert h2, .zofo-rep .colorize-invert h3, .zofo-rep .colorize-invert h4, .zofo-rep .colorize-invert h5, .zofo-rep .colorize-invert h6, .zofo-rep .secondary-color .colorize-invert .title-wrap .h-sub, .zofo-rep .secondary-color .colorize-invert .title-wrap .h-sub p, .zofo-rep .secondary-color .colorize-invert h2, .zofo-rep .secondary-color .colorize-invert h3, .zofo-rep .secondary-color .colorize-invert h4, .zofo-rep .secondary-color .colorize-invert h5, .zofo-rep .secondary-color .colorize-invert h6 { color: var(--text-color); }
@media (max-width: 768px) { .zofo-rep #career_runningtext, .zofo-rep #kamado_max_runningtext, .zofo-rep #kamado_runningtext, .zofo-rep #keylo_runningtext, .zofo-rep #maha_runningtext, .zofo-rep #rubix_runningtext, .zofo-rep #runningtext, .zofo-rep #runningtext2, .zofo-rep #simba_runningtext, .zofo-rep #tetro_runningtext { padding: 10px 10px 12px !important; } .zofo-rep #career_runningtext > span, .zofo-rep #kamado_max_runningtext > span, .zofo-rep #kamado_runningtext > span, .zofo-rep #keylo_runningtext > span, .zofo-rep #maha_runningtext > span, .zofo-rep #rubix_runningtext > span, .zofo-rep #runningtext2 > span, .zofo-rep #runningtext > span, .zofo-rep #simba_runningtext > span, .zofo-rep #tetro_runningtext > span { font-size: 20px !important; line-height: 1 !important; } .zofo-rep .post-prws-grid .swiper-arrows-carousel { display: block !important; top: 50px !important; left: unset !important; right: 10px !important; } .zofo-rep .voice-left .swiper-arrows-carousel { display: block !important; top: -20px !important; } }
@font-face { font-family: GTStandard-M; src: url("https://staging.zofo.com/wp-content/uploads/zofo-rep/fonts/GTStandard-MRegular.woff2") format("woff2"); font-style: normal; font-weight: 450; font-display: swap; }
@font-face { font-family: GTStandard-M; src: url("https://staging.zofo.com/wp-content/uploads/zofo-rep/fonts/GTStandard-MMedium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: GTStandard-M; src: url("https://staging.zofo.com/wp-content/uploads/zofo-rep/fonts/GTStandard-MSemibold.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
.zofo-rep { --body-font-family: Outfit; --heading-font-family: Outfit; --screen-product-one-in-row: 374px; --text-color-static: var(--text-color); --container-max-width-boxed: 1178px; --body-link-secondary-color: var(--text-color); --body-link-secondary-color-hover: var(--custom-color); --decor-border-color: #f4f4f4; --table-border-color: var(--decor-border-dark-color); --table-even-bg: var(--body-bg); --table-odd-bg: var(--body-bg-secondary); --free-shipping-color: #0CAE61; --block-secondary-text: var(--text-color); --block-secondary-link: var(--body-link-secondary-color); --block-secondary-link-hover: var(--body-link-secondary-color-hover); --theme-bg-color: #fff; --theme-bg-hover-color: var(--theme-bg-color); --section-max-width: 1850px; --loading-bar-color: var(--custom-color); --font-weight-900: 900; --font-weight-bolder: var(--font-weight-700); --content-font-size: 15px; --content-line-height: 25px; --block-secondary-color-light: var(--text-color-light); --scroll-drag-focus-color: var(--custom-color); --container-max: 1200px; --global-product-price-width: var(--font-weight-600); --global-product-price-font-family: var(--body-font-family); --heading-xl-size: 43px; --heading-xl-2-size: 50px; --heading-lg-size: 28px; --heading-md-size: 23px; --heading-sm-size: 18px; --heading-xl-size-m: 28px; --heading-xl-2-size-m: 28px; --heading-lg-size-m: 28px; --heading-md-size-m: 23px; --heading-sm-size-m: 18px; --heading-xl-weight: var(--heading-global-weight); --heading-xl-2-weight: var(--heading-global-weight); --heading-lg-weight: var(--heading-global-weight); --heading-md-weight: var(--heading-global-weight); --heading-sm-weight: var(--heading-global-weight); --heading-xl-weight-m: var(--heading-global-weight); --heading-xl-2-weight-m: var(--heading-global-weight); --heading-lg-weight-m: var(--heading-global-weight); --heading-md-weight-m: var(--heading-global-weight); --heading-sm-weight-m: var(--heading-global-weight); --heading-xl-sub-top: 25px; --heading-lg-sub-top: 25px; --heading-md-sub-top: 10px; --heading-sm-sub-top: 10px; --heading-sub-size: 12px; --heading-sub-weight: var(--font-weight-400); --heading-sub-lg-size: 19px; --heading-sub-lg-weight: var(--font-weight-500); --pagination-text-color: var(--text-color); --pagination-text-bg: transparent; --pagination-text-hover-color: var(--button-color-grey); --pagination-text-hover-bg: var(--button-bg-grey); --pagination-text-hover-border-width: var(--button-border-width-grey); --pagination-text-hover-border-color: var(--button-border-color-grey); --pagination-text-active-color: var(--button-color); --pagination-text-active-bg: var(--button-bg); --pagination-text-active-border-width: var(--button-border-width); --pagination-text-active-border-color: var(--button-border-color); --title-bottom: 35px; --title-bottom-sm: 25px; --title-bottom-xs: 20px; --column-caption-style-1-size: 12px; --column-caption-style-1-weight: var(--font-weight-700); --column-caption-style-2-size: 15px; --column-caption-style-2-weight: var(--font-weight-600); --column-caption-style-3-size: 18px; --column-caption-style-3-weight: var(--font-weight-400); --column-caption-style-4-size: 18px; --column-caption-style-4-weight: var(--font-weight-700); --column-caption-style-color: var(--body-link-secondary-color); --column-caption-style-hover-color: var(--body-link-secondary-color-hover); --banner-dark-text-color: #000; --banner-light-text-color: #fff; --radius-xl: 24px; --radius-lg: 20px; --radius-md: 16px; --radius-sm: 8px; --radius-5: 5px; --radius-4: 4px; --radius-3: 3px; --radius-2: 2px; --radius-50: 50%; --radius-max: 9999px; --button-border-radius: 9999px; --radius-ic: var(--radius-md); --tag-text-color: var(--product-card-text-color); --tag-bg: var(--product-card-bg); --tag-border-color: var(--decor-border-middle-color); --tag-hover-text-color: var(--text-color-secondary); --tag-hover-bg: var(--body-bg-secondary); --tag-hover-border-color: var(--custom-color); --tag-active-text-color: var(--body-bg-secondary); --tag-active-bg: var(--custom-color); --tag-active-border-color: var(--custom-color); --label-bg: var(--custom-color); --label-color: #fff; --label-7-bg: #595b62; --label-1-color: #fff; --label-3-color: #fff; --label-4-color: #fff; --label-5-color: #fff; --label-6-color: #fff; --label-7-color: #fff; --label-soldout-bg: var(--label-1-bg); --label-soldout-color: var(--label-1-color); --label-hot-bg: var(--label-4-bg); --label-hot-color: var(--label-4-color); --label-new-bg: var(--label-4-bg); --label-new-color: var(--label-4-color); --label-sale-bg: var(--label-3-bg); --label-sale-color: var(--label-3-color); --label-bestoffer-bg: var(--label-2-bg); --label-bestoffer-color: var(--label-2-color); --label-subscription-bg: var(--label-2-bg); --label-subscription-color: var(--label-2-color); --label-wishlist-bg: #f7f7f8; --label-wishlist-color: #272727; --label-wishlist-hover-bg: #f7f7f8; --label-wishlist-hover-color: #272727; --label-wishlist-hover-txt-color: #272727; --label-custom-bg: var(--label-7-bg); --label-custom-color: var(--label-7-color); --breadcrumbs-color: var(--body-link-color); --breadcrumbs-current-color: var(--text-color-secondary); --breadcrumbs-hover-color: var(--body-link-color-hover); --form-size: 15px; --form-weight: var(--font-weight-400); --form-label-size: 12px; --form-label-weight: var(--font-weight-600); --form-color: var(--text-color); --form-color-light: var(--text-color-light); --form-border-color: var(--decor-border-dark-color); --form-border-color-focus: var(--custom-color); --form-border-width: 1px; --form-bg: transparent; --form-border-alt: #d9d9d9; --form-lined-bg: transparent; --form-element-bg: var(--form-bg); --form-element-hover-bg: var(--form-bg); --form-element-symbol-color: var(--custom-color); --form-element-symbol-hover-color: var(--custom-color); --form-message-color: var(--text-color); --form-error-border-color: #ed2233; --form-group-tab-bg: var(--body-bg-secondary); --form-required-mark-color: #ed2233; --qty-border-color: var(--product-card-form-border-color); --button-font-family: var(--body-font-family); --button-font-weight: var(--font-weight-600); --button-font-weight-less: var(--font-weight-700); --button-font-weight-lg: var(--font-weight-500); --button-addtocart-desktop-height: 40px; --button-addtocart-mobile-height: 40px; --button-global-border-width: 0; --button-global-border-color: transparent; --button-border-width: var(--button-global-border-width); --button-border-color: var(--button-global-border-color); --button-hover-border-color: var(--button-border-color); --button-bg-grey: var(--button-global-bg); --button-hover-bg-grey: var(--button-global-hover-bg); --button-border-width-grey: var(--button-global-border-width); --button-border-color-grey: var(--button-global-border-color); --button-hover-border-color-grey: var(--button-border-color-grey); --button-border-width-white: var(--button-global-border-width); --button-border-color-white: var(--button-global-border-color); --button-hover-border-color-white: var(--button-border-color-white); --button-border-width-invert: var(--button-global-border-width); --button-border-color-invert: var(--button-global-border-color); --button-hover-border-color-invert: var(--button-border-color-invert); --button-border-width-buy-now: var(--button-global-border-width); --button-border-color-buy-now: var(--button-global-border-color); --button-hover-border-color-buy-now: var(--button-border-color-buy-now); --button-border-width-fifth: var(--button-global-border-width); --button-border-color-fifth: var(--button-global-border-color); --button-hover-border-color-fifth: var(--button-border-color-fifth); --button-link-color: var(--body-link-color); --button-link-hover-color: var(--body-link-color-hover); --button-disabled-opacity: 0.5; --button-loading-opacity: 0.5; --placeholder-alt-bg: var(--body-bg-secondary); --placeholder-color: #80888f; --placeholder-border: var(--decor-border-middle-color); --zoom-window-bg: var(--placeholder-bg); --product-price-actual-color: var(--text-color); --product-price-old-color: var(--text-color); --product-card-bg: var(--body-bg-secondary); --product-only-card-bg: var(--product-card-bg); --product-only-card-hover-bg: var(--product-only-card-bg); --product-horizontal-card-bg: var(--product-only-card-bg); --product-card-text-color: var(--text-color); --product-card-link-color: var(--body-link-secondary-color); --product-card-link-hover-color: var(--body-link-secondary-color-hover); --product-card-vendor-color: var(--body-link-secondary-color); --product-card-vendor-hover-color: var(--body-link-secondary-color-hover); --product-card-countdown-bg: var(--body-bg-secondary); --product-card-countdown-color: var(--custom-color); --product-card-icon-active-color: var(--custom-color); --product-card-price-actual-color: var(--product-card-text-color); --product-card-price-old-color: var(--product-card-price-actual-color); --product-aspect-ratio: 120%; --product-page-aspect-ratio: 120%; --product-card-name-size: 15px; --product-card-name-weight: var(--font-weight-500); --product-card-vendor-size: 12px; --product-card-vendor-weight: var(--font-weight-700); --product-card-price-size: 23px; --product-horizontal-card-name-size: 18px; --product-horizontal-card-name-weight: var(--font-weight-400); --product-horizontal-card-price-size: 23px; --product-card-countdown-weight: var(--font-weight-600); --product-card-countdown-number-weight: var(--font-weight-700); --product-swatches-inner-border-color: #fff; --product-swatches-color-height: 22px; --product-swatches-color: #6d7175; --product-swatches-bg: var(--body-bg-secondary); --product-swatches-active-color: var(--body-link-secondary-color-hover); --product-swatches-active-bg: var(--product-swatches-bg); --product-swatches-hover-color: var(--product-swatches-active-color); --product-swatches-hover-bg: var(--product-swatches-active-bg); --product-swatches-disabled-color: var(--product-swatches-color); --product-swatches-disabled-bg: var(--product-swatches-bg); --product-swatches-border-color: #cdd8e1; --product-swatches-border-hover-color: var(--product-swatches-hover-color); --product-swatches-border-active-color: var(--product-swatches-active-color); --product-swatches-radius: 5px; --minicart-product-bg: var(--product-only-card-bg); --minicart-product-text-color: var(--product-card-text-color); --minicart-product-vendor-color: var(--product-card-vendor-color); --minicart-product-vendor-hover-color: var(--product-card-vendor-hover-color); --minicart-product-name-color: var(--product-card-link-color); --minicart-product-name-hover-color: var(--product-card-link-hover-color); --minicart-product-price-color: var(--product-card-price-actual-color); --product-page-previews-width: 74px; --product-page-previews-width-quickview: 61px; --fancybox-light-bg: var(--body-bg-secondary); --fancybox-caption-text-color: var(--body-link-secondary-color); --fancybox-caption-hover-color: var(--body-link-secondary-color-hover); --fancybox-button-color: var(--button-color-grey); --fancybox-button-bg: var(--button-bg-grey); --fancybox-button-hover-bg: var(--button-hover-bg-grey); --fancybox-button-hover-color: var(--button-hover-color-grey); --modal-bg: var(--third-bg-popups, var(--body-bg-secondary)); --modal-divider-color: var(--body-bg-secondary); --modal-success-icon-color: #0CAE61; --modal-error-icon-color: #ed2233; --modal-info-icon-color: #df6a00; --modal-social-color: #CDD8E1; --modal-social-hover-color: var(--body-link-secondary-color-hover); --filter-width: 300px; --sidebar-block-title-color: var(--heading-color); --sidebar-block-title-hover-color: var(--body-link-secondary-color-hover); --sidebar-block-icon-color: var(--sidebar-block-title-color); --sidebar-block-icon-hover-color: var(--body-link-secondary-color-hover); --sidebar-selected-count-color: var(--text-color); --sidebar-selected-count-number-color: var(--text-color); --sidebar-clear-filters-bg: var(--button-bg-grey); --sidebar-clear-filters-color: var(--button-color-grey); --sidebar-clear-filters-hover-bg: var(--button-hover-bg-grey); --sidebar-clear-filters-hover-color: var(--button-hover-color-grey); --sidebar-selected-filters-bg: var(--custom-color); --sidebar-selected-filters-color: #fff; --sidebar-selected-filters-hover-bg: var(--text-color); --sidebar-selected-filters-hover-color: #fff; --sidebar-option-color-name-color: var(--text-color); --sidebar-option-color-name-active-color: var(--text-color); --sidebar-option-color-name-hover-color: var(--text-color); --sidebar-option-color-active-border-color: var(--custom-color); --sidebar-option-list-color: var(--text-color); --sidebar-option-list-active-color: var(--text-color); --sidebar-category-list-color: var(--text-color); --sidebar-category-list-active-color: var(--text-color); --sidebar-option-list-viewmore-color: var(--body-link-color-hover); --sidebar-option-list-viewmore-active-color: var(--body-link-color-hover); --sidebar-option-size-color: var(--text-color); --sidebar-option-size-border-color: var(--decor-border-color); --sidebar-option-size-active-color: var(--custom-color); --sidebar-option-size-active-border-color: var(--custom-color); --sidebar-menu-link-color: var(--body-link-secondary-color); --sidebar-menu-link-active-color: var(--body-link-secondary-color-hover); --listing-show-more-color: var(--custom-color); --listing-show-more-hover-color: var(--text-color); --filter-row-color: var(--text-color); --filter-row-bg: transparent; --filter-row-icon-color: var(--text-color-light); --filter-row-icon-active-color: var(--body-link-secondary-color-hover); --filter-mobile-top-info-bg: #f8f8fa; --filter-mobile-top-info-border-color: var(--text-color); --filter-mobile-row-color: var(--text-color); --filter-mobile-bg: var(--body-bg-secondary); --filter-mobile-border-top-color: var(--body-bg-secondary); --sidebar-block-count-hover-color: var(--body-link-secondary-color-hover); --category-descripition-bg: var(--body-bg); --category-descripition-bg-alt: var(--body-bg-secondary); --category-descripition-color: var(--text-color-secondary); --login-form-forgot-link-color: var(--text-color-secondary); --login-form-forgot-link-hover-color: var(--body-link-secondary-color-hover); --swiper-pagination-color: var(--text-color); --swiper-pagination-active-color: var(--custom-color); --discount-color: var(--body-link-color); --subscription-border: orange; --subscription-color: var(--text-color); --bought-witn-toggle-icon-color: var(--text-color-light); --bought-witn-toggle-icon-active-color: var(--text-color); --categories-list-weight: var(--font-weight-400); --categories-list-color: var(--body-link-secondary-color); --categories-list-hover-color: var(--body-link-secondary-color-hover); --header-top-link-active-color: var(--header-top-link-hover-color); --header-content-bg: var(--header-global-bg); --header-content-color: var(--header-global-color); --header-content-link-color: var(--header-global-link-color); --header-content-link-hover-color: var(--header-global-link-hover-color); --header-content-nav-link-color: var(--header-content-link-color); --header-content-nav-link-hover-color: var(--header-content-nav-link-color); --header-content-nav-link-active-color: var(--header-content-nav-link-hover-color); --header-bottom-bg: var(--header-global-bg); --header-bottom-color: var(--header-global-color); --header-bottom-link-color: var(--header-global-link-color); --header-bottom-link-active-color: var(--header-bottom-link-hover-color); --header-subcategories-bg: var(--header-global-bg); --header-subcategories-color: var(--header-global-color); --header-subcategories-link-color: var(--header-global-link-color); --header-subcategories-link-hover-color: var(--header-global-link-hover-color); --header-subcategories-link-active-color: var(--header-subcategories-link-hover-color); --header-sticky-bg: var(--header-content-bg); --header-index-border-color: transparent; --header-custom-text-span-color: var(--custom-color); --menu-btn-color: var(--button-color); --menu-btn-bg: var(--button-bg); --menu-btn-hover-color: var(--button-hover-color); --menu-btn-hover-bg: var(--button-hover-bg); --menu-btn-border-width: var(--button-border-width); --menu-btn-border-color: var(--button-border-color); --menu-btn-hover-border-color: var(--button-hover-border-color); --header-search-input-color: var(--header-content-color); --header-search-input-bg: transparent; --header-search-border-color: var(--header-border-color); --header-search-active-border-color: var(--custom-color); --header-form-color: var(--header-content-color); --logo-max-width: 145px; --logo-max-width-mobile: 80px; --header-logo-padding: 20px; --header-logo-padding-m: 15px; --header-logo-padding-sticky: 15px; --desktop-menu-font-weight: var(--font-weight-500); --mmenu-bg: var(--third-bg-popups, var(--body-bg-secondary)); --mmenu-link-color: var(--body-link-secondary-color); --mmenu-link-hover-color: var(--body-link-secondary-color-hover); --mmenu-top-bottom-divider-color: var(--decor-border-color); --mmenu-bottom-text-color: var(--body-link-secondary-color); --mmenu-bottom-hover-text-color: var(--body-link-secondary-color-hover); --mmenu-bottom-icon-color: var(--custom-color); --submenu-view-more-color: var(--body-link-color); --submenu-view-more-hover-color: var(--body-link-color-hover); --submenu-bg: var(--third-bg-popups, var(--body-bg-secondary)); --label-size: 9px; --label-weight: var(--font-weight-600); --submenu-list-link-color: var(--body-link-secondary-color); --submenu-list-link-hover-color: var(--body-link-secondary-color); --submenu-list-link-active-color: var(--submenu-list-link-hover-color); --submenu-list-link-active-bg: var(--submenu-list-link-hover-bg); --submenu-mega-list-link-color: var(--body-link-secondary-color); --submenu-mega-list-link-bg: transparent; --submenu-mega-list-link-hover-color: var(--body-link-secondary-color-hover); --submenu-mega-list-link-hover-bg: transparent; --submenu-link-txt-color: var(--text-color); --submenu-viewmore-link-color: var(--body-link-secondary-color); --submenu-viewmore-link-hover-color: var(--body-link-secondary-color-hover); --header-dropdown-bg: var(--third-bg-popups, var(--body-bg-secondary)); --header-dropdown-bg_transparent: rgba(255, 255, 255, 0); --header-dropdown-color: var(--text-color); --header-dropdown_title: var(--heading-color); --header-dropdown-link-color: var(--body-link-secondary-color); --header-dropdown-link-hover-color: var(--body-link-secondary-color-hover); --header-dropdown-link-active-color: var(--body-link-secondary-color-hover); --header-dropdown-icon-color: var(--header-dropdown-color); --header-dropdown-close: var(--text-color); --header-dropdown-close-hover-color: var(--text-color); --header-dropdown-payment-icons-color: var(--body-link-secondary-color); --header-dropdown-payment-icons-hover-color: var(--body-link-secondary-color-hover); --submenu-link-title-border-color: var(--decor-border-menu-color); --header-dropdown-settings-active-color: var(--product-swatches-active-color); --header-dropdown-settings-hover-color: var(--product-swatches-hover-color); --header-dropdown-settings-border-active-color: var(--product-swatches-border-hover-color); --header-dropdown-settings-border-hover-color: var(--product-swatches-border-active-color); --header-dropdown-settings-bg: var(--product-swatches-bg); --header-dropdown-settings-active-bg: var(--product-swatches-active-bg); --header-dropdown-settings-hover-bg: var(--product-swatches-hover-bg); --minicart-drop-text-color: var(--text-color); --minicart-action-color: var(--button-color-grey); --minicart-action-bg: var(--button-bg-grey); --minicart-action-hover-color: var(--button-hover-color-grey); --minicart-action-hover-bg: var(--button-hover-bg-grey); --minicart-action-border-width: var(--button-border-width-grey); --minicart-action-border-color: var(--button-border-color-grey); --minicart-action-hover-border-color: var(--button-hover-border-color-grey); --minicart-action-special-color: var(--button-color); --minicart-action-special-bg: var(--button-bg); --minicart-action-special-hover-color: var(--button-hover-color); --minicart-action-special-hover-bg: var(--button-hover-bg); --minicart-action-special-border-width: var(--button-border-width); --minicart-action-special-border-color: var(--button-border-color); --minicart-action-special-hover-border-color: var(--button-hover-border-color); --minicart-action-add-color: var(--button-color); --minicart-action-add-bg: var(--button-bg); --minicart-action-add-hover-color: var(--button-hover-color); --minicart-action-add-hover-bg: var(--button-hover-bg); --minicart-action-add-border-width: var(--button-border-width); --minicart-action-add-border-color: var(--button-border-color); --minicart-action-add-hover-border-color: var(--button-hover-border-color); --minicart-drop-empty-text-color: var(--text-color-secondary); --minicart-drop-empty-svg-color: var(--decor-border-middle-color); --minicart-drop-fixed-icons-bg: var(--custom-color); --minicart-drop-fixed-icons-color: #fff; --minicart-drop-fixed-icons-hover-bg: var(--custom-color); --minicart-drop-fixed-icons-hover-color: #fff; --mobile-menu-font-weight: var(--font-weight-500); --mobile-menu-bg: var(--body-bg-secondary); --mobile-menu-border-color: var(--decor-border-middle-color); --mobile-menu-nav-bg: transparent; --mobile-menu-nav-color: var(--text-color); --mobile-menu-nav-hover-bg: transparent; --mobile-menu-nav-hover-color: var(--body-link-secondary-color-hover); --mobile-menu-subnav-color: var(--body-link-secondary-color); --mobile-menu-drop-link-color: var(--body-link-secondary-color); --mobile-menu-drop-link-active-color: var(--body-link-secondary-color-hover); --mobile-menu-drop-link-light-color: #868686; --mobile-menu-drop-close-color: var(--text-color); --mobile-menu-social-bg: var(--custom-color); --mobile-bottom-link-color: var(--body-link-secondary-color); --prepay-color: #0CAE61; --back-to-top-color: var(--button-color-white); --back-to-top-bg: var(--button-bg-white); --back-to-top-hover-color: var(--button-hover-color-white); --back-to-top-hover-bg: var(--button-hover-bg-white); --post-previews-card-bg: var(--product-card-bg); --post-previews-card-color: var(--product-card-text-color); --post-previews-card-title-color: var(--product-card-link-color); --post-previews-card-title-color-hover: var(--product-card-link-hover-color); --post-previews-card-meta-color: var(--post-previews-card-color); --post-previews-card-meta-label-color: var(--post-previews-card-color); --post-previews-card-link-color: var(--product-card-link-color); --post-previews-card-link-hover-color: var(--product-card-link-hover-color); --post-previews-color: var(--text-color); --post-previews-title-color: var(--body-link-secondary-color); --post-previews-title-color-hover: var(--body-link-secondary-color-hover); --post-previews-meta-color: var(--post-previews-color); --post-previews-meta-label-color: var(--post-previews-color); --post-previews-link-color: var(--body-link-color); --post-previews-link-hover-color: var(--body-link-color-hover); --post-previews-date-color: var(--custom-color); --post-previews-date-bg: var(--body-bg-secondary); --prd-previews-color: var(--text-color); --prd-previews-title-color: var(--body-link-secondary-color); --prd-previews-title-color-hover: var(--body-link-secondary-color-hover); --prd-previews-price-color: var(--text-color); --post-title-weight: var(--font-weight-600); --post-title-size: 35px; --post-title-size-m: 28px; --post-comment-color: var(--text-color-secondary); --post-comment-meta-color: var(--text-color-secondary); --post-comment-meta-label-color: var(--text-color); --post-search_date-color: var(--post-previews-date-color); --post-search_date-bg: var(--post-previews-date-bg); --tab-accordion-color: var(--body-link-secondary-color); --tab-accordion-hover-color: var(--body-link-secondary-color-hover); --tab-accordion-bg: transparent; --tab-accordion-hover-bg: transparent; --review-bg: var(--product-card-bg); --review-text-color: var(--product-card-text-color); --review-author-color: var(--product-card-text-color); --faq-list-color: var(--body-link-secondary-color); --faq-list-bg: var(--body-bg); --faq-list-hover-color: var(--button-color); --faq-list-hover-bg: var(--button-bg); --faq-list-border-hover-width: var(--button-border-width); --faq-list-border-hover-color: var(--button-border-color); --faq-list-active-color: var(--button-hover-color); --faq-list-active-bg: var(--button-hover-bg); --faq-list-active-border-width: var(--button-border-width); --faq-list-active-border-color: var(--button-hover-border-color); --faq-item-divider-color: var(--decor-border-color); --payment-notification-bg: var(--product-only-card-bg); --payment-notification-text-color: var(--product-card-text-color); --payment-notification-name-color: var(--product-card-link-color); --payment-notification-name-hover-color: var(--product-card-link-hover-color); --payment-notification-when-color: var(--product-card-link-hover-color); --payment-notification-from-color: var(--product-card-text-color); --circle-chart-text-color: var(--custom-color); --circle-chart-border-color: #EDF2F8; --circle-chart-border-active-color: var(--custom-color); --page-not-found-title-color: var(--custom-color); --page-not-found-title2-color: var(--heading-color); --page-not-found-text-color: var(--text-color); --menu-categories-bg: var(--submenu-bg); --menu-categories-color: var(--submenu-list-link-color); --menu-categories-hover-color: var(--submenu-list-link-hover-color); --menu-categories-hover-bg: var(--submenu-list-link-hover-bg); --cart-page-price-color: var(--text-color); --cart-page-price-old-color: var(--product-price-old-color); --cart-page-total-color: var(--text-color); --cart-table-prd-remove-color: var(--button-color-grey); --cart-table-prd-remove-bg: var(--button-bg-grey); --cart-table-prd-remove-hover-color: var(--button-hover-color-grey); --cart-table-prd-remove-hover-bg: var(--button-hover-bg-grey); --cart-table-prd-remove-width: var(--button-border-width-grey); --cart-table-prd-remove-border-color: var(--button-border-color-grey); --cart-table-prd-remove-hover-border-color: var(--button-hover-border-color-grey); --cart-empty-svg-color: var(--contrast-grey); --card-accordeon-bg: var(--body-bg-secondary); --card-total-bg: var(--body-bg-secondary); --card-total-border-color: var(--decor-border-dark-color); --cart-aside-width: 392px; --progress-bar-height-global: 3px; --preview-thumb-active-color: var(--custom-color); --footer-global-link-color: var(--footer-global-color); --footer-content-bg: var(--footer-global-bg); --footer-content-color: var(--footer-global-color); --footer-content-link-color: var(--footer-content-color); --footer-content-link-hover-color: var(--footer-global-link-hover-color); --footer-top-bg: var(--footer-global-bg); --footer-top-color: var(--footer-global-color); --footer-top-link-color: var(--footer-top-color); --footer-top-link-hover-color: var(--footer-global-link-hover-color); --footer-bottom-bg: var(--footer-global-bg); --footer-bottom-color: var(--footer-global-color); --footer-bottom-link-color: var(--footer-bottom-color); --footer-bottom-link-hover-color: var(--footer-global-link-hover-color); --footer-maillink-color: var(--footer-global-color); --footer-maillink-hover-color: var(--footer-global-link-hover-color); --footer-copyright-font-size: 12px; --footer-text-weight: var(--font-weight-400); --footer-link-weight: var(--font-weight-400); --footer-title-weight: var(--font-weight-600); --dark-icon-color: #22292F; --dark-icon-bg: rgba(255,255,255,.45); --dark-icon-bg-hover: rgba(255,255,255,.75); --sticky-add-to-cart-bg: var(--product-only-card-bg); --sticky-add-to-cart-text-color: var(--product-card-text-color); --sticky-add-to-cart-name-hover-color: var(--product-card-link-hover-color); --sticky-add-to-cart-price-color: var(--product-card-price-actual-color); --sticky-add-to-cart-name-color: var(--product-card-text-color); --sticky-add-to-cart-close-hover-color: var(--sticky-add-to-cart-name-hover-color); --gradient-color-1: #1871E5; --gradient-color-2: #6123E5; --ticker-link-color: var(--ticker-color); --ticker-link-color-hover: var(--ticker-link-color); --ticker-font-size: 12px; --ticker-y-padding: 10px; --ticker-gap: 10px; --ticker-speed: 1.5s; --ticker-section-badge-bg: var(--button-bg); --ticker-section-badge-color: var(--button-color); --ticker-section-font-size: 18px; --ticker-section-y-padding: 20px; --ticker-section-gap: 30px; --ticker-section-speed: 6s; --ticker-section2-bg: #DFFA38; --ticker-section2-color: #191926; --ticker-section2-link-color: #191926; --ticker-section2-link-color-hover: #191926; --ticker-section2-badge-bg: #191926; --ticker-section2-badge-color: #DFFA38; --dropdown-content-width: 320px; --dropdown-link-hover-color: var(--body-link-secondary-color-hover); --dropdown-content-bg: var(--third-bg-popups, var(--body-bg-secondary)); --dropdown-content-color: var(--text-color); --dropdown-content-link-color: var(--body-link-secondary-color); --dropdown-content-link-hover-color: var(--body-link-secondary-color); --dropdown-content-link-active-border: var(--custom-color); --product-page-title-color: var(--heading-color); --product-page-price-actual-color: var(--product-price-actual-color); --product-page-price-old-color: var(--product-price-old-color); --shop-info-icon-color: currentColor; --shop-info-icon-filled-bg: var(--button-hover-bg); --shop-info-icon-filled-color: var(--button-hover-color); --ps-info-color: var(--text-color); --card-category-circle-caption-color: var(--product-card-link-color); --card-category-circle-caption-bg: var(--product-card-bg); --card-category-circle-caption-opacity: 1; --desktop-menu-font-family: var(--heading-font-family) --transparent-default: #000; --transparent-default-rgba: rgba(0,0,0,0); --margin-top-desktop: 40px; --margin-top-mobile: 20px; --margin-top-product-blocks: 20px; --padding-top-desktop: 40px; --padding-top-mobile: 20px; --submenu-list-min-width: 240px; --container-max-width: 1178px; --product-swatches-inner-border-width: 1px; --global-box-shadow: 0.04; --secondary-box-shadow: 0.14; --global-box-shadow-darker: 0.10; --body-bg: #ffffff; --body-bg-secondary: #ffffff; --mobile-bottom-bg: #ffffff; --third-bg-popups: #ffffff; --custom-color: #a5c130; --text-color: #000000; --form-control-check-color: #000000; --tag-light-text-color: rgba(0, 0, 0, 0.5); --text-color-light: rgba(0, 0, 0, 0.5); --sidebar-block-count-color: rgba(0, 0, 0, 0.5); --text-color-invert: #ffffff; --heading-color: #000000; --heading-sub-color: #3d3d3d; --text-color-secondary: #3d3d3d; --body-link-color: #3d3d3d; --body-link-color-hover: #000000; --product-rating-color: #b4b4b4; --product-rating-fill-color: #22292f; --product-card-icon-color: #cdd8e1; --product-card-icon-hover-color: #cdd8e1; --contrast-grey: #9c9c9c; --sidebar-block-border-color: #9c9c9c; --decor-border-middle-color: #9c9c9c; --decor-border-dark-color: #9c9c9c; --decor-border-menu-color: #9c9c9c; --header-dropdown-settings-color: var(--product-swatches-color); --header-dropdown-settings-border-color: var(--product-swatches-border-color); --tooltip-color: #ffffff; --tooltip-bg: #3d3d3d; --placeholder-bg: #e1e2ea; --minicart-drop-total-bg: #f7f8fc; --button-global-color: #ffffff; --button-global-hover-color: #ffffff; --button-global-bg: #a5c130; --button-global-hover-bg: #a5c130; --button-color: #ffffff; --button-hover-color: #ffffff; --button-bg: #a5c130; --button-hover-bg: #a5c130; --button-color-invert: #ffffff; --button-hover-color-invert: #22292f; --button-bg-invert: #22292f; --button-hover-bg-invert: #ebebf1; --button-color-grey: #000000; --button-hover-color-grey: #000000; --button-color-white: #ffffff; --button-hover-color-white: #ffffff; --button-bg-white: #a5c130; --button-hover-bg-white: #a5c130; --button-color-fifth: #ffffff; --button-hover-color-fifth: #ffffff; --button-bg-fifth: #a5c130; --button-hover-bg-fifth: #a5c130; --button-color-buy-now: #ffffff; --button-hover-color-buy-now: #ffffff; --button-bg-buy-now: #a5c130; --button-hover-bg-buy-now: #a5c130; --label-1-bg: #22292f; --label-2-color: #000000; --label-2-bg: #a5c130; --label-3-bg: #a5c130; --label-4-bg: #a5c130; --label-5-bg: #a5c130; --label-6-bg: #a5c130; --ticker-color: #ffffff; --ticker-bg: #22292f; --ticker-badge-color: #22292f; --ticker-badge-bg: #a5c130; --product-card-color-light: rgba(0, 0, 0, 0.5); --product-card-form-border-color: rgba(0, 0, 0, 0.23); --product-card-description-color: #9e9e9e; --scroll-color: #e1e4ee; --scroll-drag-color: #9e9e9e; --form-bg-alt: #ffffff; --form-color-alt: #22292f; --form-color-light-alt: #9e9e9e; --lookbook-popup-btn-color: #a5c130; --many-in-stock-color: #a5c130; --label-items-count-color: #ffffff; --label-items-count-bg: #e6055b; --qty-status-color-start: #a5c130; --qty-status-color-middle: #df6a00; --qty-status-color-full: #4970f8; --text-color-banner: #22292f; --text-color-banner-invert: #ffffff; --header-promoline-bg: #ffffff; --header-promoline-text-color: #3d3d3d; --header-promoline-text-span-color: #3d3d3d; --ticker-section-bg: #f7f8fc; --ticker-section-color: #22292f; --ticker-section-link-color: #22292f; --ticker-section-link-color-hover: rgba(34, 41, 47, 0.65); --third-bg-popups-rgb: 255, 255, 255; --body-bg-rgb: 255, 255, 255; --menu-categories-bg-rgb: , ,; --submenu-list-link-hover-bg-rgb: 247, 248, 252; --font-weight-800: 800; --font-weight-700: 700; --font-weight-600: 600; --font-weight-500: 500; --font-weight-400: 400; --font-weight-300: 300; --banner-font-weight-900: 900; --banner-font-weight-800: 800; --banner-font-weight-700: 700; --banner-font-weight-600: 600; --banner-font-weight-500: 500; --banner-font-weight-400: 400; --banner-font-weight-300: 300; --heading-global-weight: 600; --preview-thumb-active-width: 2px; --desktop-menu-font-size: 16px; --mobile-menu-font-size: 14px; --product-swatches-text-width: 29px; --product-swatches-text-height: 22px; --product-swatches-color-width: 33px; --product-swatches-text-px: 5px; --product-swatches-text-font-size: 12px; --product-swatches-text-font-weight: 400; --product-swatches-title-font-size: 12px; --product-swatches-title-mb: 3px; --product-swatches-group-gy: 12px; --product-swatches-text-gap: 2.5px; --product-swatches-color-gap: 3.5px; --product-swatches-text-border-width: 1.5px; --product-swatches-color-border-width: 1.5px; --swiper-theme-color: #007aff; --swiper-navigation-size: 44px; --tabs-wrap-border: var(--decor-border-dark-color); --tabs-wrap-track-bg: var(--product-card-bg, var(--body-bg-secondary)); --tabs-wrap-color: var(--product-card-text-color, var(--block-secondary-text)); --tabs-wrap-active-bg: var(--button-bg); --tabs-wrap-active-color: var(--button-color); --promoline-height-desktop: 40px; --promoline-height-mobile: 30px; --promoline-fontsize-desktop: 15px; --promoline-fontsize-mobile: 13px; --header-global-bg: #000000; --header-global-color: #ffffff; --header-global-link-color: #ffffff; --header-global-link-hover-color: #ffffff; --header-top-bg: #414c55; --header-top-color: #ffffff; --header-top-link-color: #ffffff; --header-top-link-hover-color: #a5c130; --header-bottom-link-hover-color: #22292f; --header-border-color: #cdd8e1; --header-form-palceholder-color: rgba(34, 41, 47, 0.6); --header-nav-link-border-hover-color: #9e9e9e; --header-nav-link-border-active-color: #ffffff; --header-badge-color: #ffffff; --mobile-bottom-badge-color: #ffffff; --header-badge-bg: #22292f; --mobile-bottom-badge-bg: #22292f; --submenu-list-link-hover-bg: #f7f8fc; --mobile-menu-social-color: #ffffff; --footer-global-bg: #000000; --footer-global-color: #ffffff; --footer-global-link-hover-color: #a5c130; --footer-border-color: #6f6f6f; --footer-logo-max-width: 145px; --footer-logo-max-width-mobile: 120px; --color-foreground: 34,41,47; --color-background: 255,255,255; --duration-short: .2s; --vhStart: 9.51px; --sticky-height: 83px; --vh: 9.51px; --bar-height: 0px; --scroll-width: 0px; --header-height: 83px; --header-promo-height: 0px; --slider-under-height: 0px; --mobile-panel-height: 0px; --bar-start-height: 0px; --start-height: 951px; --shop-js-visual-viewport-height: 951px; }
.zofo-rep b, .zofo-rep strong { font-weight: bolder; }
.zofo-rep b, .zofo-rep strong { font-weight: var(--font-weight-700); }
.zofo-rep [hidden] { display: none !important; }
.zofo-rep .h4-style, .zofo-rep h4 { margin: 0px 0px 20px; padding: 0px; color: var(--heading-color); font-size: 17px; font-weight: var(--heading-sm-weight); font-family: var(--body-font-family); line-height: 28px; }
@media (max-width: 575px) { .zofo-rep .h4-style, .zofo-rep h4 { font-size: 15px; } }
.zofo-rep .btn.disabled, .zofo-rep .btn:disabled { cursor: not-allowed; pointer-events: none; opacity: var(--button-disabled-opacity); }
.zofo-rep .btn:not([data-animation]) { transition: background 0.2s; }
.zofo-rep .btn, .zofo-rep button.btn { display: inline-flex; position: relative; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; padding: 7px 30px; font-size: 12px; line-height: 24px; border-radius: var(--button-border-radius,9999px); border-style: solid; border-color: var(--button-border-color); font-weight: var(--button-font-weight); font-family: var(--button-font-family); cursor: pointer; white-space: nowrap; overflow: hidden; border-width: var(--button-border-width,0) !important; }
.zofo-rep .btn, .zofo-rep .btn:active, .zofo-rep .btn:active:focus, .zofo-rep .btn:focus, .zofo-rep .btn:visited, .zofo-rep button.btn, .zofo-rep button.btn:active, .zofo-rep button.btn:active:focus, .zofo-rep button.btn:focus, .zofo-rep button.btn:visited { box-shadow: none; color: var(--button-color); background-color: var(--button-bg); outline: 0px; text-decoration: none; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .btn.hovered, .zofo-rep .btn:active:hover, .zofo-rep .btn:focus:hover, .zofo-rep .btn:hover, .zofo-rep button.btn.hovered, .zofo-rep button.btn:active:hover, .zofo-rep button.btn:focus:hover, .zofo-rep button.btn:hover { color: var(--button-hover-color); background-color: var(--button-hover-bg); border-color: var(--button-hover-border-color); outline: 0px; transition: background 0.2s; } }
.zofo-rep .__pf [tabindex], .zofo-rep .__pf button, .zofo-rep .__pf input, .zofo-rep .__pf select, .zofo-rep .__pf textarea { touch-action: manipulation; }
.zofo-rep .__pf *, .zofo-rep .__pf ::after, .zofo-rep .__pf ::before { box-sizing: border-box; }
.zofo-rep .__pf [data-href], .zofo-rep .__pf button:not([data-pf-id]):hover { cursor: pointer; }
.zofo-rep .__pf .pf-r, .zofo-rep .__pf .pf-r-eh > .pf-c { display: flex; }
.zofo-rep .__pf [style*="--cw"] { padding: 0px 15px; width: 100%; margin: auto; max-width: var(--cw); }
.zofo-rep .__pf .pf-bg-lazy { background-image: none !important; }
.zofo-rep .__pf .pf-r { flex-wrap: wrap; }
.zofo-rep .__pf [style*="--c-xs"] { max-width: calc(100%/12*var(--c-xs)); flex-basis: calc(100%/12*var(--c-xs)); }
.zofo-rep .__pf [style*="--s-xs"] { margin: 0 calc(-1 * var(--s-xs)); }
.zofo-rep .__pf [style*="--s-xs"] > .pf-c { padding: var(--s-xs); }
@media (max-width: 767.5px) { .zofo-rep .__pf .pf-hide { display: none !important; } }
@media (max-width: 1024.5px) and (min-width: 767.5px) { .zofo-rep .__pf .pf-sm-hide { display: none !important; } }
@media (max-width: 1199.5px) and (min-width: 1024.5px) { .zofo-rep .__pf .pf-md-hide { display: none !important; } }
@media (min-width: 767.5px) { .zofo-rep .__pf [style*="--s-sm"] { margin: 0 calc(-1 * var(--s-sm)); } .zofo-rep .__pf [style*="--c-sm"] { max-width: calc(100%/12*var(--c-sm)); flex-basis: calc(100%/12*var(--c-sm)); } .zofo-rep .__pf [style*="--s-sm"] > .pf-c { padding: var(--s-sm); } }
@media (min-width: 1024.5px) { .zofo-rep .__pf [style*="--c-md"] { max-width: calc(100%/12*var(--c-md)); flex-basis: calc(100%/12*var(--c-md)); } }
@media (min-width: 1199.5px) { .zofo-rep .__pf [style*="--c-lg"] { max-width: calc(100%/12*var(--c-lg)); flex-basis: calc(100%/12*var(--c-lg)); } .zofo-rep .__pf .pf-lg-hide { display: none !important; } }
.zofo-rep .__pf .pf-r-eh > .pf-c > div { width: 100%; }
.zofo-rep .pf-color-scheme-1, .zofo-rep .pf-color-scheme-2 { --pf-scheme-shadow-color: rgb(0, 0, 0, 0.25); }
.zofo-rep .pf-color-scheme-1 { --pf-scheme-bg-color: ; --pf-scheme-text-color: ; --pf-scheme-btn-bg-color: ; --pf-scheme-btn-text-color: ; --pf-scheme-border-color: ; background-color: var(--pf-scheme-bg-color); background-image: var(--pf-scheme-bg-gradient-color); border-color: var(--pf-scheme-border-color); color: var(--pf-scheme-text-color); }
@media all { .zofo-rep .__pf .pf-heading-1-h1, .zofo-rep .__pf .pf-heading-1-h2, .zofo-rep .__pf .pf-heading-1-h3, .zofo-rep .__pf .pf-heading-1-h4, .zofo-rep .__pf .pf-heading-1-h5, .zofo-rep .__pf .pf-heading-1-h6, .zofo-rep .__pf .pf-heading-2-h1, .zofo-rep .__pf .pf-heading-2-h2, .zofo-rep .__pf .pf-heading-2-h3, .zofo-rep .__pf .pf-heading-2-h4, .zofo-rep .__pf .pf-heading-2-h5, .zofo-rep .__pf .pf-heading-2-h6, .zofo-rep .__pf .pf-heading-3-h1, .zofo-rep .__pf .pf-heading-3-h2, .zofo-rep .__pf .pf-heading-3-h3, .zofo-rep .__pf .pf-heading-3-h4, .zofo-rep .__pf .pf-heading-3-h5, .zofo-rep .__pf .pf-heading-3-h6, .zofo-rep .__pf .pf-heading-4-h1, .zofo-rep .__pf .pf-heading-4-h2, .zofo-rep .__pf .pf-heading-4-h3, .zofo-rep .__pf .pf-heading-4-h4, .zofo-rep .__pf .pf-heading-4-h5, .zofo-rep .__pf .pf-heading-4-h6, .zofo-rep .__pf .pf-heading-5-h1, .zofo-rep .__pf .pf-heading-5-h2, .zofo-rep .__pf .pf-heading-5-h3, .zofo-rep .__pf .pf-heading-5-h4, .zofo-rep .__pf .pf-heading-5-h5, .zofo-rep .__pf .pf-heading-5-h6, .zofo-rep .__pf .pf-heading-6-h1, .zofo-rep .__pf .pf-heading-6-h2, .zofo-rep .__pf .pf-heading-6-h3, .zofo-rep .__pf .pf-heading-6-h4, .zofo-rep .__pf .pf-heading-6-h5, .zofo-rep .__pf .pf-heading-6-h6, .zofo-rep .__pf .pf-heading-7-h1, .zofo-rep .__pf .pf-heading-7-h2, .zofo-rep .__pf .pf-heading-7-h3, .zofo-rep .__pf .pf-heading-7-h4, .zofo-rep .__pf .pf-heading-7-h5, .zofo-rep .__pf .pf-heading-7-h6, .zofo-rep .__pf .pf-icon-1, .zofo-rep .__pf .pf-icon-2, .zofo-rep .__pf .pf-icon-3, .zofo-rep .__pf .pf-icon-4, .zofo-rep .__pf .pf-icon-5, .zofo-rep .__pf .pf-icon-6, .zofo-rep .__pf .pf-icon-7, .zofo-rep .__pf .pf-text-1, .zofo-rep .__pf .pf-text-2, .zofo-rep .__pf .pf-text-3, .zofo-rep .__pf .pf-text-4, .zofo-rep .__pf .pf-text-5, .zofo-rep .__pf .pf-text-6, .zofo-rep .__pf .pf-text-7, .zofo-rep .pf-icon2-1, .zofo-rep .pf-icon2-2, .zofo-rep .pf-icon2-3, .zofo-rep .pf-icon2-4, .zofo-rep .pf-icon2-5, .zofo-rep .pf-icon2-6, .zofo-rep .pf-icon2-7 { background-color: var(--pf-scheme-bg-color); color: var(--pf-scheme-text-color); } }
.zofo-rep .kmtkzF, .zofo-rep .kmtkzF > div:first-child { display: -webkit-flex; }
.zofo-rep .chhDuv, .zofo-rep .hRbFNc, .zofo-rep .lhKtbA { width: 100%; }
.zofo-rep .dfjDDX, .zofo-rep .hRbFNc, .zofo-rep .iojfsv { position: relative; }
.zofo-rep .clLcGu, .zofo-rep .hRbFNc { outline: 0px; cursor: pointer; }
.zofo-rep .CPzlA { --pf-sample-color: #5d6b82; --pf-border-color: #d1d5db; }
.zofo-rep .bGnPis { white-space: pre-line; user-select: text; }
.zofo-rep .bGnPis span { vertical-align: baseline !important; }
.zofo-rep .cLnRKw { word-break: break-word; }
.zofo-rep .iojfsv { padding: 20px 0px; }
.zofo-rep .kmtkzF { padding: 10px; display: flex; }
.zofo-rep .kmtkzF > div:first-child { display: flex; flex-wrap: wrap; }
@media (max-width: 767.5px) { .zofo-rep .kmtkzF { flex-direction: column; } .zofo-rep .clLcGu { text-align: center; } }
.zofo-rep .clLcGu { line-height: 1; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; appearance: none; color: rgb(23, 43, 77); padding: 12px 20px; background: rgb(240, 242, 243); }
.zofo-rep .clLcGu span, .zofo-rep .clLcGu:active, .zofo-rep .clLcGu:focus, .zofo-rep .clLcGu:hover { color: inherit; text-decoration: inherit; }
@media (min-width: 767.5px) and (max-width: 1024.5px) { .zofo-rep .kmtkzF { flex-direction: column; } .zofo-rep .clLcGu { text-align: center; } }
@media (min-width: 1024.5px) and (max-width: 1199.5px) { .zofo-rep .kmtkzF { flex-direction: column; } .zofo-rep .clLcGu { text-align: center; } }
@media (min-width: 1199.5px) { .zofo-rep .kmtkzF { flex-direction: column; } .zofo-rep .clLcGu { text-align: center; } }
.zofo-rep .dMgqUi, .zofo-rep .iqnyLe { padding: 15px; }
.zofo-rep .hRbFNc { height: auto; text-align: left; overflow-wrap: break-word; }
.zofo-rep .hRbFNc .pf-accordion-icon { height: 14px; width: auto; margin-right: 5px; }
.zofo-rep .hRbFNc svg { vertical-align: middle; }
.zofo-rep .hRbFNc span { line-height: initial; }
.zofo-rep .lhKtbA > details > summary > .pf-header-item-wrapper > .pfa-arrow { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: inherit; }
.zofo-rep .lhKtbA summary::-webkit-details-marker { display: none; }
.zofo-rep .jVQkig summary { list-style: none; }
.zofo-rep .jVQkig > .pf-accordion-body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s; }
.zofo-rep .jVQkig .pf-accordion-body > div { overflow: hidden; }
.zofo-rep .jVQkig span { text-align: center; }
@media all { .zofo-rep .__pf.__pf_TuT8IMuB .pf-5_ { background-image: url("https://staging.zofo.com/wp-content/uploads/2026/11/zofo-vape-manufacturer-faq-scaled.jpg"); background-position: center center; background-size: cover; background-attachment: scroll; background-repeat: no-repeat; padding-top: 150px; padding-bottom: 150px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-8_ { text-align: center; color: rgb(255, 255, 255); font-size: 50px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-19_ [data-pf-type="TabHeader2"] { flex: 1 1 0%; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-227_ [data-pf-type="Accordion3.Header"], .zofo-rep .__pf.__pf_TuT8IMuB .pf-30_ [data-pf-type="Accordion3.Header"], .zofo-rep .__pf.__pf_TuT8IMuB .pf-79_ [data-pf-type="Accordion3.Header"] { font-weight: 700; border-style: solid; border-width: 0px 0px 1px; border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(155, 155, 155); padding: 15px; color: rgb(0, 0, 0); background: rgb(255, 255, 255); font-size: 14px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-255_ { background-color: rgb(247, 247, 247); } .zofo-rep .__pf.__pf_TuT8IMuB .pf-258_ { background-color: rgb(255, 255, 255); border-radius: 10px; margin-top: 50px; padding-top: 30px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-261_ [data-pf-type="TabHeader2"] { flex: 1 1 0%; font-size: 23px; color: rgb(0, 0, 0); background-color: rgb(165, 193, 48); } .zofo-rep .__pf.__pf_TuT8IMuB .pf-272_ [data-pf-type="Accordion3.Header"], .zofo-rep .__pf.__pf_TuT8IMuB .pf-321_ [data-pf-type="Accordion3.Header"], .zofo-rep .__pf.__pf_TuT8IMuB .pf-469_ [data-pf-type="Accordion3.Header"] { font-weight: 700; border-style: solid; border-width: 0px 0px 1px; border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(155, 155, 155); padding: 15px; color: rgb(0, 0, 0); background: rgb(255, 255, 255); font-size: 20px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-279_ { font-size: 20px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-280_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-289_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-298_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-307_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-316_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-329_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-338_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-347_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-356_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-364_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-374_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-383_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-401_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-410_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-419_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-428_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-437_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-446_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-455_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-464_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-477_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-486_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-495_ { font-size: 18px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-392_ { font-size: 17px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-19_ [data-pf-type="TabHeader2"][data-pf-tab-active="true"], .zofo-rep .__pf.__pf_TuT8IMuB .pf-261_ [data-pf-type="TabHeader2"][data-pf-tab-active="true"] { background: rgb(209, 213, 219); } }
@media (max-width: 767.5px) { .zofo-rep .__pf.__pf_TuT8IMuB .pf-13_ { color: rgb(255, 255, 255); text-align: center; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-10_ { background-image: url("https://staging.zofo.com/wp-content/uploads/2026/11/zofo-vape-manufacturer-faq-scaled.jpg"); background-position: center center; background-size: cover; background-attachment: scroll; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-19_ [data-pf-type="TabHeader2"] { background-color: rgb(165, 193, 48); color: rgb(0, 0, 0); font-size: 16px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-105_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-114_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-123_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-132_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-141_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-150_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-159_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-168_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-177_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-186_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-195_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-204_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-213_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-222_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-235_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-244_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-253_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-38_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-47_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-56_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-65_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-74_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-87_, .zofo-rep .__pf.__pf_TuT8IMuB .pf-96_ { font-size: 14px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-27_ { margin-bottom: -40px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-18_ { padding-top: 15px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-17_ { background-color: rgb(255, 255, 255); border-radius: 5px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-16_ { margin-top: 14px; } .zofo-rep .__pf.__pf_TuT8IMuB .pf-15_ { background-color: rgb(247, 247, 247); } }
.zofo-rep label { display: inline-block; }
.zofo-rep select { overflow-wrap: normal; }
.zofo-rep select:disabled { opacity: 1; }
.zofo-rep input[type="number"]::-webkit-inner-spin-button, .zofo-rep input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.zofo-rep input[type="number"] { }
.zofo-rep table { caption-side: bottom; border-collapse: collapse; }
.zofo-rep th { text-align: -webkit-match-parent; }
.zofo-rep tbody, .zofo-rep td, .zofo-rep tfoot, .zofo-rep th, .zofo-rep thead, .zofo-rep tr { border-color: inherit; border-style: solid; border-width: 0px; }
.zofo-rep textarea { resize: vertical; }
.zofo-rep .table { --bs-table-color: var(--bs-body-color); --bs-table-bg: transparent; --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-body-color); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--bs-body-color); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--bs-body-color); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 20px; color: var(--bs-table-color); vertical-align: top; border-color: var(--bs-table-border-color); }
.zofo-rep .table > tbody { vertical-align: inherit; }
.zofo-rep .table > thead { vertical-align: bottom; }
.zofo-rep .table-responsive { overflow-x: auto; }
.zofo-rep .table { color: var(--text-color); border-color: var(--table-border-color,#dee2e6); }
.zofo-rep .table:last-child { margin-bottom: 0px; }
.zofo-rep .table { color: var(--text-color); }
.zofo-rep .form-group + .form-group { margin-top: 25px; }
@media (max-width: 575px) { .zofo-rep .form-group + .form-group { margin-top: 20px; } }
.zofo-rep { --body-font-family: Outfit; --heading-font-family: Outfit; --screen-product-one-in-row: 374px; --text-color-static: var(--text-color); --container-max-width-boxed: 1178px; --body-link-secondary-color: var(--text-color); --body-link-secondary-color-hover: var(--custom-color); --decor-border-color: #f4f4f4; --table-border-color: var(--decor-border-dark-color); --table-even-bg: var(--body-bg); --table-odd-bg: var(--body-bg-secondary); --free-shipping-color: #0CAE61; --block-secondary-text: var(--text-color); --block-secondary-link: var(--body-link-secondary-color); --block-secondary-link-hover: var(--body-link-secondary-color-hover); --theme-bg-color: #fff; --theme-bg-hover-color: var(--theme-bg-color); --section-max-width: 1850px; --loading-bar-color: var(--custom-color); --font-weight-900: 900; --font-weight-bolder: var(--font-weight-700); --content-font-size: 15px; --content-line-height: 25px; --block-secondary-color-light: var(--text-color-light); --scroll-drag-focus-color: var(--custom-color); --container-max: 1200px; --global-product-price-width: var(--font-weight-600); --global-product-price-font-family: var(--body-font-family); --heading-xl-size: 43px; --heading-xl-2-size: 50px; --heading-lg-size: 28px; --heading-md-size: 23px; --heading-sm-size: 18px; --heading-xl-size-m: 28px; --heading-xl-2-size-m: 28px; --heading-lg-size-m: 28px; --heading-md-size-m: 23px; --heading-sm-size-m: 18px; --heading-xl-weight: var(--heading-global-weight); --heading-xl-2-weight: var(--heading-global-weight); --heading-lg-weight: var(--heading-global-weight); --heading-md-weight: var(--heading-global-weight); --heading-sm-weight: var(--heading-global-weight); --heading-xl-weight-m: var(--heading-global-weight); --heading-xl-2-weight-m: var(--heading-global-weight); --heading-lg-weight-m: var(--heading-global-weight); --heading-md-weight-m: var(--heading-global-weight); --heading-sm-weight-m: var(--heading-global-weight); --heading-xl-sub-top: 25px; --heading-lg-sub-top: 25px; --heading-md-sub-top: 10px; --heading-sm-sub-top: 10px; --heading-sub-size: 12px; --heading-sub-weight: var(--font-weight-400); --heading-sub-lg-size: 19px; --heading-sub-lg-weight: var(--font-weight-500); --pagination-text-color: var(--text-color); --pagination-text-bg: transparent; --pagination-text-hover-color: var(--button-color-grey); --pagination-text-hover-bg: var(--button-bg-grey); --pagination-text-hover-border-width: var(--button-border-width-grey); --pagination-text-hover-border-color: var(--button-border-color-grey); --pagination-text-active-color: var(--button-color); --pagination-text-active-bg: var(--button-bg); --pagination-text-active-border-width: var(--button-border-width); --pagination-text-active-border-color: var(--button-border-color); --title-bottom: 35px; --title-bottom-sm: 25px; --title-bottom-xs: 20px; --column-caption-style-1-size: 12px; --column-caption-style-1-weight: var(--font-weight-700); --column-caption-style-2-size: 15px; --column-caption-style-2-weight: var(--font-weight-600); --column-caption-style-3-size: 18px; --column-caption-style-3-weight: var(--font-weight-400); --column-caption-style-4-size: 18px; --column-caption-style-4-weight: var(--font-weight-700); --column-caption-style-color: var(--body-link-secondary-color); --column-caption-style-hover-color: var(--body-link-secondary-color-hover); --banner-dark-text-color: #000; --banner-light-text-color: #fff; --radius-xl: 24px; --radius-lg: 20px; --radius-md: 16px; --radius-sm: 8px; --radius-5: 5px; --radius-4: 4px; --radius-3: 3px; --radius-2: 2px; --radius-50: 50%; --radius-max: 9999px; --button-border-radius: 9999px; --radius-ic: var(--radius-md); --tag-text-color: var(--product-card-text-color); --tag-bg: var(--product-card-bg); --tag-border-color: var(--decor-border-middle-color); --tag-hover-text-color: var(--text-color-secondary); --tag-hover-bg: var(--body-bg-secondary); --tag-hover-border-color: var(--custom-color); --tag-active-text-color: var(--body-bg-secondary); --tag-active-bg: var(--custom-color); --tag-active-border-color: var(--custom-color); --label-bg: var(--custom-color); --label-color: #fff; --label-7-bg: #595b62; --label-1-color: #fff; --label-3-color: #fff; --label-4-color: #fff; --label-5-color: #fff; --label-6-color: #fff; --label-7-color: #fff; --label-soldout-bg: var(--label-1-bg); --label-soldout-color: var(--label-1-color); --label-hot-bg: var(--label-4-bg); --label-hot-color: var(--label-4-color); --label-new-bg: var(--label-4-bg); --label-new-color: var(--label-4-color); --label-sale-bg: var(--label-3-bg); --label-sale-color: var(--label-3-color); --label-bestoffer-bg: var(--label-2-bg); --label-bestoffer-color: var(--label-2-color); --label-subscription-bg: var(--label-2-bg); --label-subscription-color: var(--label-2-color); --label-wishlist-bg: #f7f7f8; --label-wishlist-color: #272727; --label-wishlist-hover-bg: #f7f7f8; --label-wishlist-hover-color: #272727; --label-wishlist-hover-txt-color: #272727; --label-custom-bg: var(--label-7-bg); --label-custom-color: var(--label-7-color); --breadcrumbs-color: var(--body-link-color); --breadcrumbs-current-color: var(--text-color-secondary); --breadcrumbs-hover-color: var(--body-link-color-hover); --form-size: 15px; --form-weight: var(--font-weight-400); --form-label-size: 12px; --form-label-weight: var(--font-weight-600); --form-color: var(--text-color); --form-color-light: var(--text-color-light); --form-border-color: var(--decor-border-dark-color); --form-border-color-focus: var(--custom-color); --form-border-width: 1px; --form-bg: transparent; --form-border-alt: #d9d9d9; --form-lined-bg: transparent; --form-element-bg: var(--form-bg); --form-element-hover-bg: var(--form-bg); --form-element-symbol-color: var(--custom-color); --form-element-symbol-hover-color: var(--custom-color); --form-message-color: var(--text-color); --form-error-border-color: #ed2233; --form-group-tab-bg: var(--body-bg-secondary); --form-required-mark-color: #ed2233; --qty-border-color: var(--product-card-form-border-color); --button-font-family: var(--body-font-family); --button-font-weight: var(--font-weight-600); --button-font-weight-less: var(--font-weight-700); --button-font-weight-lg: var(--font-weight-500); --button-addtocart-desktop-height: 40px; --button-addtocart-mobile-height: 40px; --button-global-border-width: 0; --button-global-border-color: transparent; --button-border-width: var(--button-global-border-width); --button-border-color: var(--button-global-border-color); --button-hover-border-color: var(--button-border-color); --button-bg-grey: var(--button-global-bg); --button-hover-bg-grey: var(--button-global-hover-bg); --button-border-width-grey: var(--button-global-border-width); --button-border-color-grey: var(--button-global-border-color); --button-hover-border-color-grey: var(--button-border-color-grey); --button-border-width-white: var(--button-global-border-width); --button-border-color-white: var(--button-global-border-color); --button-hover-border-color-white: var(--button-border-color-white); --button-border-width-invert: var(--button-global-border-width); --button-border-color-invert: var(--button-global-border-color); --button-hover-border-color-invert: var(--button-border-color-invert); --button-border-width-buy-now: var(--button-global-border-width); --button-border-color-buy-now: var(--button-global-border-color); --button-hover-border-color-buy-now: var(--button-border-color-buy-now); --button-border-width-fifth: var(--button-global-border-width); --button-border-color-fifth: var(--button-global-border-color); --button-hover-border-color-fifth: var(--button-border-color-fifth); --button-link-color: var(--body-link-color); --button-link-hover-color: var(--body-link-color-hover); --button-disabled-opacity: 0.5; --button-loading-opacity: 0.5; --placeholder-alt-bg: var(--body-bg-secondary); --placeholder-color: #80888f; --placeholder-border: var(--decor-border-middle-color); --zoom-window-bg: var(--placeholder-bg); --product-price-actual-color: var(--text-color); --product-price-old-color: var(--text-color); --product-card-bg: var(--body-bg-secondary); --product-only-card-bg: var(--product-card-bg); --product-only-card-hover-bg: var(--product-only-card-bg); --product-horizontal-card-bg: var(--product-only-card-bg); --product-card-text-color: var(--text-color); --product-card-link-color: var(--body-link-secondary-color); --product-card-link-hover-color: var(--body-link-secondary-color-hover); --product-card-vendor-color: var(--body-link-secondary-color); --product-card-vendor-hover-color: var(--body-link-secondary-color-hover); --product-card-countdown-bg: var(--body-bg-secondary); --product-card-countdown-color: var(--custom-color); --product-card-icon-active-color: var(--custom-color); --product-card-price-actual-color: var(--product-card-text-color); --product-card-price-old-color: var(--product-card-price-actual-color); --product-aspect-ratio: 120%; --product-page-aspect-ratio: 120%; --product-card-name-size: 15px; --product-card-name-weight: var(--font-weight-500); --product-card-vendor-size: 12px; --product-card-vendor-weight: var(--font-weight-700); --product-card-price-size: 23px; --product-horizontal-card-name-size: 18px; --product-horizontal-card-name-weight: var(--font-weight-400); --product-horizontal-card-price-size: 23px; --product-card-countdown-weight: var(--font-weight-600); --product-card-countdown-number-weight: var(--font-weight-700); --product-swatches-inner-border-color: #fff; --product-swatches-color-height: 22px; --product-swatches-color: #6d7175; --product-swatches-bg: var(--body-bg-secondary); --product-swatches-active-color: var(--body-link-secondary-color-hover); --product-swatches-active-bg: var(--product-swatches-bg); --product-swatches-hover-color: var(--product-swatches-active-color); --product-swatches-hover-bg: var(--product-swatches-active-bg); --product-swatches-disabled-color: var(--product-swatches-color); --product-swatches-disabled-bg: var(--product-swatches-bg); --product-swatches-border-color: #cdd8e1; --product-swatches-border-hover-color: var(--product-swatches-hover-color); --product-swatches-border-active-color: var(--product-swatches-active-color); --product-swatches-radius: 5px; --minicart-product-bg: var(--product-only-card-bg); --minicart-product-text-color: var(--product-card-text-color); --minicart-product-vendor-color: var(--product-card-vendor-color); --minicart-product-vendor-hover-color: var(--product-card-vendor-hover-color); --minicart-product-name-color: var(--product-card-link-color); --minicart-product-name-hover-color: var(--product-card-link-hover-color); --minicart-product-price-color: var(--product-card-price-actual-color); --product-page-previews-width: 74px; --product-page-previews-width-quickview: 61px; --fancybox-light-bg: var(--body-bg-secondary); --fancybox-caption-text-color: var(--body-link-secondary-color); --fancybox-caption-hover-color: var(--body-link-secondary-color-hover); --fancybox-button-color: var(--button-color-grey); --fancybox-button-bg: var(--button-bg-grey); --fancybox-button-hover-bg: var(--button-hover-bg-grey); --fancybox-button-hover-color: var(--button-hover-color-grey); --modal-bg: var(--third-bg-popups, var(--body-bg-secondary)); --modal-divider-color: var(--body-bg-secondary); --modal-success-icon-color: #0CAE61; --modal-error-icon-color: #ed2233; --modal-info-icon-color: #df6a00; --modal-social-color: #CDD8E1; --modal-social-hover-color: var(--body-link-secondary-color-hover); --filter-width: 300px; --sidebar-block-title-color: var(--heading-color); --sidebar-block-title-hover-color: var(--body-link-secondary-color-hover); --sidebar-block-icon-color: var(--sidebar-block-title-color); --sidebar-block-icon-hover-color: var(--body-link-secondary-color-hover); --sidebar-selected-count-color: var(--text-color); --sidebar-selected-count-number-color: var(--text-color); --sidebar-clear-filters-bg: var(--button-bg-grey); --sidebar-clear-filters-color: var(--button-color-grey); --sidebar-clear-filters-hover-bg: var(--button-hover-bg-grey); --sidebar-clear-filters-hover-color: var(--button-hover-color-grey); --sidebar-selected-filters-bg: var(--custom-color); --sidebar-selected-filters-color: #fff; --sidebar-selected-filters-hover-bg: var(--text-color); --sidebar-selected-filters-hover-color: #fff; --sidebar-option-color-name-color: var(--text-color); --sidebar-option-color-name-active-color: var(--text-color); --sidebar-option-color-name-hover-color: var(--text-color); --sidebar-option-color-active-border-color: var(--custom-color); --sidebar-option-list-color: var(--text-color); --sidebar-option-list-active-color: var(--text-color); --sidebar-category-list-color: var(--text-color); --sidebar-category-list-active-color: var(--text-color); --sidebar-option-list-viewmore-color: var(--body-link-color-hover); --sidebar-option-list-viewmore-active-color: var(--body-link-color-hover); --sidebar-option-size-color: var(--text-color); --sidebar-option-size-border-color: var(--decor-border-color); --sidebar-option-size-active-color: var(--custom-color); --sidebar-option-size-active-border-color: var(--custom-color); --sidebar-menu-link-color: var(--body-link-secondary-color); --sidebar-menu-link-active-color: var(--body-link-secondary-color-hover); --listing-show-more-color: var(--custom-color); --listing-show-more-hover-color: var(--text-color); --filter-row-color: var(--text-color); --filter-row-bg: transparent; --filter-row-icon-color: var(--text-color-light); --filter-row-icon-active-color: var(--body-link-secondary-color-hover); --filter-mobile-top-info-bg: #f8f8fa; --filter-mobile-top-info-border-color: var(--text-color); --filter-mobile-row-color: var(--text-color); --filter-mobile-bg: var(--body-bg-secondary); --filter-mobile-border-top-color: var(--body-bg-secondary); --sidebar-block-count-hover-color: var(--body-link-secondary-color-hover); --category-descripition-bg: var(--body-bg); --category-descripition-bg-alt: var(--body-bg-secondary); --category-descripition-color: var(--text-color-secondary); --login-form-forgot-link-color: var(--text-color-secondary); --login-form-forgot-link-hover-color: var(--body-link-secondary-color-hover); --swiper-pagination-color: var(--text-color); --swiper-pagination-active-color: var(--custom-color); --discount-color: var(--body-link-color); --subscription-border: orange; --subscription-color: var(--text-color); --bought-witn-toggle-icon-color: var(--text-color-light); --bought-witn-toggle-icon-active-color: var(--text-color); --categories-list-weight: var(--font-weight-400); --categories-list-color: var(--body-link-secondary-color); --categories-list-hover-color: var(--body-link-secondary-color-hover); --header-top-link-active-color: var(--header-top-link-hover-color); --header-content-bg: var(--header-global-bg); --header-content-color: var(--header-global-color); --header-content-link-color: var(--header-global-link-color); --header-content-link-hover-color: var(--header-global-link-hover-color); --header-content-nav-link-color: var(--header-content-link-color); --header-content-nav-link-hover-color: var(--header-content-nav-link-color); --header-content-nav-link-active-color: var(--header-content-nav-link-hover-color); --header-bottom-bg: var(--header-global-bg); --header-bottom-color: var(--header-global-color); --header-bottom-link-color: var(--header-global-link-color); --header-bottom-link-active-color: var(--header-bottom-link-hover-color); --header-subcategories-bg: var(--header-global-bg); --header-subcategories-color: var(--header-global-color); --header-subcategories-link-color: var(--header-global-link-color); --header-subcategories-link-hover-color: var(--header-global-link-hover-color); --header-subcategories-link-active-color: var(--header-subcategories-link-hover-color); --header-sticky-bg: var(--header-content-bg); --header-index-border-color: transparent; --header-custom-text-span-color: var(--custom-color); --menu-btn-color: var(--button-color); --menu-btn-bg: var(--button-bg); --menu-btn-hover-color: var(--button-hover-color); --menu-btn-hover-bg: var(--button-hover-bg); --menu-btn-border-width: var(--button-border-width); --menu-btn-border-color: var(--button-border-color); --menu-btn-hover-border-color: var(--button-hover-border-color); --header-search-input-color: var(--header-content-color); --header-search-input-bg: transparent; --header-search-border-color: var(--header-border-color); --header-search-active-border-color: var(--custom-color); --header-form-color: var(--header-content-color); --logo-max-width: 145px; --logo-max-width-mobile: 80px; --header-logo-padding: 20px; --header-logo-padding-m: 15px; --header-logo-padding-sticky: 15px; --desktop-menu-font-weight: var(--font-weight-500); --mmenu-bg: var(--third-bg-popups, var(--body-bg-secondary)); --mmenu-link-color: var(--body-link-secondary-color); --mmenu-link-hover-color: var(--body-link-secondary-color-hover); --mmenu-top-bottom-divider-color: var(--decor-border-color); --mmenu-bottom-text-color: var(--body-link-secondary-color); --mmenu-bottom-hover-text-color: var(--body-link-secondary-color-hover); --mmenu-bottom-icon-color: var(--custom-color); --submenu-view-more-color: var(--body-link-color); --submenu-view-more-hover-color: var(--body-link-color-hover); --submenu-bg: var(--third-bg-popups, var(--body-bg-secondary)); --label-size: 9px; --label-weight: var(--font-weight-600); --submenu-list-link-color: var(--body-link-secondary-color); --submenu-list-link-hover-color: var(--body-link-secondary-color); --submenu-list-link-active-color: var(--submenu-list-link-hover-color); --submenu-list-link-active-bg: var(--submenu-list-link-hover-bg); --submenu-mega-list-link-color: var(--body-link-secondary-color); --submenu-mega-list-link-bg: transparent; --submenu-mega-list-link-hover-color: var(--body-link-secondary-color-hover); --submenu-mega-list-link-hover-bg: transparent; --submenu-link-txt-color: var(--text-color); --submenu-viewmore-link-color: var(--body-link-secondary-color); --submenu-viewmore-link-hover-color: var(--body-link-secondary-color-hover); --header-dropdown-bg: var(--third-bg-popups, var(--body-bg-secondary)); --header-dropdown-bg_transparent: rgba(255, 255, 255, 0); --header-dropdown-color: var(--text-color); --header-dropdown_title: var(--heading-color); --header-dropdown-link-color: var(--body-link-secondary-color); --header-dropdown-link-hover-color: var(--body-link-secondary-color-hover); --header-dropdown-link-active-color: var(--body-link-secondary-color-hover); --header-dropdown-icon-color: var(--header-dropdown-color); --header-dropdown-close: var(--text-color); --header-dropdown-close-hover-color: var(--text-color); --header-dropdown-payment-icons-color: var(--body-link-secondary-color); --header-dropdown-payment-icons-hover-color: var(--body-link-secondary-color-hover); --submenu-link-title-border-color: var(--decor-border-menu-color); --header-dropdown-settings-active-color: var(--product-swatches-active-color); --header-dropdown-settings-hover-color: var(--product-swatches-hover-color); --header-dropdown-settings-border-active-color: var(--product-swatches-border-hover-color); --header-dropdown-settings-border-hover-color: var(--product-swatches-border-active-color); --header-dropdown-settings-bg: var(--product-swatches-bg); --header-dropdown-settings-active-bg: var(--product-swatches-active-bg); --header-dropdown-settings-hover-bg: var(--product-swatches-hover-bg); --minicart-drop-text-color: var(--text-color); --minicart-action-color: var(--button-color-grey); --minicart-action-bg: var(--button-bg-grey); --minicart-action-hover-color: var(--button-hover-color-grey); --minicart-action-hover-bg: var(--button-hover-bg-grey); --minicart-action-border-width: var(--button-border-width-grey); --minicart-action-border-color: var(--button-border-color-grey); --minicart-action-hover-border-color: var(--button-hover-border-color-grey); --minicart-action-special-color: var(--button-color); --minicart-action-special-bg: var(--button-bg); --minicart-action-special-hover-color: var(--button-hover-color); --minicart-action-special-hover-bg: var(--button-hover-bg); --minicart-action-special-border-width: var(--button-border-width); --minicart-action-special-border-color: var(--button-border-color); --minicart-action-special-hover-border-color: var(--button-hover-border-color); --minicart-action-add-color: var(--button-color); --minicart-action-add-bg: var(--button-bg); --minicart-action-add-hover-color: var(--button-hover-color); --minicart-action-add-hover-bg: var(--button-hover-bg); --minicart-action-add-border-width: var(--button-border-width); --minicart-action-add-border-color: var(--button-border-color); --minicart-action-add-hover-border-color: var(--button-hover-border-color); --minicart-drop-empty-text-color: var(--text-color-secondary); --minicart-drop-empty-svg-color: var(--decor-border-middle-color); --minicart-drop-fixed-icons-bg: var(--custom-color); --minicart-drop-fixed-icons-color: #fff; --minicart-drop-fixed-icons-hover-bg: var(--custom-color); --minicart-drop-fixed-icons-hover-color: #fff; --mobile-menu-font-weight: var(--font-weight-500); --mobile-menu-bg: var(--body-bg-secondary); --mobile-menu-border-color: var(--decor-border-middle-color); --mobile-menu-nav-bg: transparent; --mobile-menu-nav-color: var(--text-color); --mobile-menu-nav-hover-bg: transparent; --mobile-menu-nav-hover-color: var(--body-link-secondary-color-hover); --mobile-menu-subnav-color: var(--body-link-secondary-color); --mobile-menu-drop-link-color: var(--body-link-secondary-color); --mobile-menu-drop-link-active-color: var(--body-link-secondary-color-hover); --mobile-menu-drop-link-light-color: #868686; --mobile-menu-drop-close-color: var(--text-color); --mobile-menu-social-bg: var(--custom-color); --mobile-bottom-link-color: var(--body-link-secondary-color); --prepay-color: #0CAE61; --back-to-top-color: var(--button-color-white); --back-to-top-bg: var(--button-bg-white); --back-to-top-hover-color: var(--button-hover-color-white); --back-to-top-hover-bg: var(--button-hover-bg-white); --post-previews-card-bg: var(--product-card-bg); --post-previews-card-color: var(--product-card-text-color); --post-previews-card-title-color: var(--product-card-link-color); --post-previews-card-title-color-hover: var(--product-card-link-hover-color); --post-previews-card-meta-color: var(--post-previews-card-color); --post-previews-card-meta-label-color: var(--post-previews-card-color); --post-previews-card-link-color: var(--product-card-link-color); --post-previews-card-link-hover-color: var(--product-card-link-hover-color); --post-previews-color: var(--text-color); --post-previews-title-color: var(--body-link-secondary-color); --post-previews-title-color-hover: var(--body-link-secondary-color-hover); --post-previews-meta-color: var(--post-previews-color); --post-previews-meta-label-color: var(--post-previews-color); --post-previews-link-color: var(--body-link-color); --post-previews-link-hover-color: var(--body-link-color-hover); --post-previews-date-color: var(--custom-color); --post-previews-date-bg: var(--body-bg-secondary); --prd-previews-color: var(--text-color); --prd-previews-title-color: var(--body-link-secondary-color); --prd-previews-title-color-hover: var(--body-link-secondary-color-hover); --prd-previews-price-color: var(--text-color); --post-title-weight: var(--font-weight-600); --post-title-size: 35px; --post-title-size-m: 28px; --post-comment-color: var(--text-color-secondary); --post-comment-meta-color: var(--text-color-secondary); --post-comment-meta-label-color: var(--text-color); --post-search_date-color: var(--post-previews-date-color); --post-search_date-bg: var(--post-previews-date-bg); --tab-accordion-color: var(--body-link-secondary-color); --tab-accordion-hover-color: var(--body-link-secondary-color-hover); --tab-accordion-bg: transparent; --tab-accordion-hover-bg: transparent; --review-bg: var(--product-card-bg); --review-text-color: var(--product-card-text-color); --review-author-color: var(--product-card-text-color); --faq-list-color: var(--body-link-secondary-color); --faq-list-bg: var(--body-bg); --faq-list-hover-color: var(--button-color); --faq-list-hover-bg: var(--button-bg); --faq-list-border-hover-width: var(--button-border-width); --faq-list-border-hover-color: var(--button-border-color); --faq-list-active-color: var(--button-hover-color); --faq-list-active-bg: var(--button-hover-bg); --faq-list-active-border-width: var(--button-border-width); --faq-list-active-border-color: var(--button-hover-border-color); --faq-item-divider-color: var(--decor-border-color); --payment-notification-bg: var(--product-only-card-bg); --payment-notification-text-color: var(--product-card-text-color); --payment-notification-name-color: var(--product-card-link-color); --payment-notification-name-hover-color: var(--product-card-link-hover-color); --payment-notification-when-color: var(--product-card-link-hover-color); --payment-notification-from-color: var(--product-card-text-color); --circle-chart-text-color: var(--custom-color); --circle-chart-border-color: #EDF2F8; --circle-chart-border-active-color: var(--custom-color); --page-not-found-title-color: var(--custom-color); --page-not-found-title2-color: var(--heading-color); --page-not-found-text-color: var(--text-color); --menu-categories-bg: var(--submenu-bg); --menu-categories-color: var(--submenu-list-link-color); --menu-categories-hover-color: var(--submenu-list-link-hover-color); --menu-categories-hover-bg: var(--submenu-list-link-hover-bg); --cart-page-price-color: var(--text-color); --cart-page-price-old-color: var(--product-price-old-color); --cart-page-total-color: var(--text-color); --cart-table-prd-remove-color: var(--button-color-grey); --cart-table-prd-remove-bg: var(--button-bg-grey); --cart-table-prd-remove-hover-color: var(--button-hover-color-grey); --cart-table-prd-remove-hover-bg: var(--button-hover-bg-grey); --cart-table-prd-remove-width: var(--button-border-width-grey); --cart-table-prd-remove-border-color: var(--button-border-color-grey); --cart-table-prd-remove-hover-border-color: var(--button-hover-border-color-grey); --cart-empty-svg-color: var(--contrast-grey); --card-accordeon-bg: var(--body-bg-secondary); --card-total-bg: var(--body-bg-secondary); --card-total-border-color: var(--decor-border-dark-color); --cart-aside-width: 392px; --progress-bar-height-global: 3px; --preview-thumb-active-color: var(--custom-color); --footer-global-link-color: var(--footer-global-color); --footer-content-bg: var(--footer-global-bg); --footer-content-color: var(--footer-global-color); --footer-content-link-color: var(--footer-content-color); --footer-content-link-hover-color: var(--footer-global-link-hover-color); --footer-top-bg: var(--footer-global-bg); --footer-top-color: var(--footer-global-color); --footer-top-link-color: var(--footer-top-color); --footer-top-link-hover-color: var(--footer-global-link-hover-color); --footer-bottom-bg: var(--footer-global-bg); --footer-bottom-color: var(--footer-global-color); --footer-bottom-link-color: var(--footer-bottom-color); --footer-bottom-link-hover-color: var(--footer-global-link-hover-color); --footer-maillink-color: var(--footer-global-color); --footer-maillink-hover-color: var(--footer-global-link-hover-color); --footer-copyright-font-size: 12px; --footer-text-weight: var(--font-weight-400); --footer-link-weight: var(--font-weight-400); --footer-title-weight: var(--font-weight-600); --dark-icon-color: #22292F; --dark-icon-bg: rgba(255,255,255,.45); --dark-icon-bg-hover: rgba(255,255,255,.75); --sticky-add-to-cart-bg: var(--product-only-card-bg); --sticky-add-to-cart-text-color: var(--product-card-text-color); --sticky-add-to-cart-name-hover-color: var(--product-card-link-hover-color); --sticky-add-to-cart-price-color: var(--product-card-price-actual-color); --sticky-add-to-cart-name-color: var(--product-card-text-color); --sticky-add-to-cart-close-hover-color: var(--sticky-add-to-cart-name-hover-color); --gradient-color-1: #1871E5; --gradient-color-2: #6123E5; --ticker-link-color: var(--ticker-color); --ticker-link-color-hover: var(--ticker-link-color); --ticker-font-size: 12px; --ticker-y-padding: 10px; --ticker-gap: 10px; --ticker-speed: 1.5s; --ticker-section-badge-bg: var(--button-bg); --ticker-section-badge-color: var(--button-color); --ticker-section-font-size: 18px; --ticker-section-y-padding: 20px; --ticker-section-gap: 30px; --ticker-section-speed: 6s; --ticker-section2-bg: #DFFA38; --ticker-section2-color: #191926; --ticker-section2-link-color: #191926; --ticker-section2-link-color-hover: #191926; --ticker-section2-badge-bg: #191926; --ticker-section2-badge-color: #DFFA38; --dropdown-content-width: 320px; --dropdown-link-hover-color: var(--body-link-secondary-color-hover); --dropdown-content-bg: var(--third-bg-popups, var(--body-bg-secondary)); --dropdown-content-color: var(--text-color); --dropdown-content-link-color: var(--body-link-secondary-color); --dropdown-content-link-hover-color: var(--body-link-secondary-color); --dropdown-content-link-active-border: var(--custom-color); --product-page-title-color: var(--heading-color); --product-page-price-actual-color: var(--product-price-actual-color); --product-page-price-old-color: var(--product-price-old-color); --shop-info-icon-color: currentColor; --shop-info-icon-filled-bg: var(--button-hover-bg); --shop-info-icon-filled-color: var(--button-hover-color); --ps-info-color: var(--text-color); --card-category-circle-caption-color: var(--product-card-link-color); --card-category-circle-caption-bg: var(--product-card-bg); --card-category-circle-caption-opacity: 1; --desktop-menu-font-family: var(--heading-font-family) --transparent-default: #000; --transparent-default-rgba: rgba(0,0,0,0); --margin-top-desktop: 40px; --margin-top-mobile: 20px; --margin-top-product-blocks: 20px; --padding-top-desktop: 40px; --padding-top-mobile: 20px; --submenu-list-min-width: 240px; --container-max-width: 1178px; --product-swatches-inner-border-width: 1px; --global-box-shadow: 0.04; --secondary-box-shadow: 0.14; --global-box-shadow-darker: 0.10; --body-bg: #ffffff; --body-bg-secondary: #ffffff; --mobile-bottom-bg: #ffffff; --third-bg-popups: #ffffff; --custom-color: #a5c130; --text-color: #000000; --form-control-check-color: #000000; --tag-light-text-color: rgba(0, 0, 0, 0.5); --text-color-light: rgba(0, 0, 0, 0.5); --sidebar-block-count-color: rgba(0, 0, 0, 0.5); --text-color-invert: #ffffff; --heading-color: #000000; --heading-sub-color: #3d3d3d; --text-color-secondary: #3d3d3d; --body-link-color: #3d3d3d; --body-link-color-hover: #000000; --product-rating-color: #b4b4b4; --product-rating-fill-color: #22292f; --product-card-icon-color: #cdd8e1; --product-card-icon-hover-color: #cdd8e1; --contrast-grey: #9c9c9c; --sidebar-block-border-color: #9c9c9c; --decor-border-middle-color: #9c9c9c; --decor-border-dark-color: #9c9c9c; --decor-border-menu-color: #9c9c9c; --header-dropdown-settings-color: var(--product-swatches-color); --header-dropdown-settings-border-color: var(--product-swatches-border-color); --tooltip-color: #ffffff; --tooltip-bg: #3d3d3d; --placeholder-bg: #e1e2ea; --minicart-drop-total-bg: #f7f8fc; --button-global-color: #ffffff; --button-global-hover-color: #ffffff; --button-global-bg: #a5c130; --button-global-hover-bg: #a5c130; --button-color: #ffffff; --button-hover-color: #ffffff; --button-bg: #a5c130; --button-hover-bg: #a5c130; --button-color-invert: #ffffff; --button-hover-color-invert: #22292f; --button-bg-invert: #22292f; --button-hover-bg-invert: #ebebf1; --button-color-grey: #000000; --button-hover-color-grey: #000000; --button-color-white: #ffffff; --button-hover-color-white: #ffffff; --button-bg-white: #a5c130; --button-hover-bg-white: #a5c130; --button-color-fifth: #ffffff; --button-hover-color-fifth: #ffffff; --button-bg-fifth: #a5c130; --button-hover-bg-fifth: #a5c130; --button-color-buy-now: #ffffff; --button-hover-color-buy-now: #ffffff; --button-bg-buy-now: #a5c130; --button-hover-bg-buy-now: #a5c130; --label-1-bg: #22292f; --label-2-color: #000000; --label-2-bg: #a5c130; --label-3-bg: #a5c130; --label-4-bg: #a5c130; --label-5-bg: #a5c130; --label-6-bg: #a5c130; --ticker-color: #ffffff; --ticker-bg: #22292f; --ticker-badge-color: #22292f; --ticker-badge-bg: #a5c130; --product-card-color-light: rgba(0, 0, 0, 0.5); --product-card-form-border-color: rgba(0, 0, 0, 0.23); --product-card-description-color: #9e9e9e; --scroll-color: #e1e4ee; --scroll-drag-color: #9e9e9e; --form-bg-alt: #ffffff; --form-color-alt: #22292f; --form-color-light-alt: #9e9e9e; --lookbook-popup-btn-color: #a5c130; --many-in-stock-color: #a5c130; --label-items-count-color: #ffffff; --label-items-count-bg: #e6055b; --qty-status-color-start: #a5c130; --qty-status-color-middle: #df6a00; --qty-status-color-full: #4970f8; --text-color-banner: #22292f; --text-color-banner-invert: #ffffff; --header-promoline-bg: #ffffff; --header-promoline-text-color: #3d3d3d; --header-promoline-text-span-color: #3d3d3d; --ticker-section-bg: #f7f8fc; --ticker-section-color: #22292f; --ticker-section-link-color: #22292f; --ticker-section-link-color-hover: rgba(34, 41, 47, 0.65); --third-bg-popups-rgb: 255, 255, 255; --body-bg-rgb: 255, 255, 255; --menu-categories-bg-rgb: , ,; --submenu-list-link-hover-bg-rgb: 247, 248, 252; --font-weight-800: 800; --font-weight-700: 700; --font-weight-600: 600; --font-weight-500: 500; --font-weight-400: 400; --font-weight-300: 300; --banner-font-weight-900: 900; --banner-font-weight-800: 800; --banner-font-weight-700: 700; --banner-font-weight-600: 600; --banner-font-weight-500: 500; --banner-font-weight-400: 400; --banner-font-weight-300: 300; --heading-global-weight: 600; --preview-thumb-active-width: 2px; --desktop-menu-font-size: 16px; --mobile-menu-font-size: 14px; --product-swatches-text-width: 29px; --product-swatches-text-height: 22px; --product-swatches-color-width: 33px; --product-swatches-text-px: 5px; --product-swatches-text-font-size: 12px; --product-swatches-text-font-weight: 400; --product-swatches-title-font-size: 12px; --product-swatches-title-mb: 3px; --product-swatches-group-gy: 12px; --product-swatches-text-gap: 2.5px; --product-swatches-color-gap: 3.5px; --product-swatches-text-border-width: 1.5px; --product-swatches-color-border-width: 1.5px; --swiper-theme-color: #007aff; --swiper-navigation-size: 44px; --tabs-wrap-border: var(--decor-border-dark-color); --tabs-wrap-track-bg: var(--product-card-bg, var(--body-bg-secondary)); --tabs-wrap-color: var(--product-card-text-color, var(--block-secondary-text)); --tabs-wrap-active-bg: var(--button-bg); --tabs-wrap-active-color: var(--button-color); --promoline-height-desktop: 40px; --promoline-height-mobile: 30px; --promoline-fontsize-desktop: 15px; --promoline-fontsize-mobile: 13px; --header-global-bg: #000000; --header-global-color: #ffffff; --header-global-link-color: #ffffff; --header-global-link-hover-color: #ffffff; --header-top-bg: #414c55; --header-top-color: #ffffff; --header-top-link-color: #ffffff; --header-top-link-hover-color: #a5c130; --header-bottom-link-hover-color: #22292f; --header-border-color: #cdd8e1; --header-form-palceholder-color: rgba(34, 41, 47, 0.6); --header-nav-link-border-hover-color: #9e9e9e; --header-nav-link-border-active-color: #ffffff; --header-badge-color: #ffffff; --mobile-bottom-badge-color: #ffffff; --header-badge-bg: #22292f; --mobile-bottom-badge-bg: #22292f; --submenu-list-link-hover-bg: #f7f8fc; --mobile-menu-social-color: #ffffff; --footer-global-bg: #000000; --footer-global-color: #ffffff; --footer-global-link-hover-color: #a5c130; --footer-border-color: #6f6f6f; --footer-logo-max-width: 145px; --footer-logo-max-width-mobile: 120px; --color-foreground: 34,41,47; --color-background: 255,255,255; --duration-short: .2s; --vhStart: 8.16px; --sticky-height: 83px; --vh: 8.16px; --bar-height: 0px; --scroll-width: 0px; --header-height: 83px; --header-promo-height: 0px; --slider-under-height: 0px; --mobile-panel-height: 0px; --bar-start-height: 0px; --start-height: 816px; }
.zofo-rep .form-check { display: block; min-height: 30px; padding-left: 1.5em; margin-bottom: 2.5px; }
.zofo-rep .form-check .form-check-input { float: left; margin-left: -1.5em; }
.zofo-rep .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: center center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); appearance: none; print-color-adjust: exact; }
.zofo-rep .form-check-input[type="checkbox"] { border-radius: 0.25em; }
.zofo-rep .form-check-input[type="radio"] { border-radius: 50%; }
.zofo-rep .form-check-input:active { filter: brightness(90%); }
.zofo-rep .form-check-input:focus { border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 5px; }
.zofo-rep .form-check-input:checked { background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); }
.zofo-rep .form-check-input:checked[type="checkbox"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
.zofo-rep .form-check-input:checked[type="radio"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
.zofo-rep .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; }
.zofo-rep .mb-3 { margin-bottom: 30px !important; }
.zofo-rep .form-label, .zofo-rep form label { font-size: var(--form-label-size); font-weight: var(--form-label-weight); line-height: 1.5em; }
.zofo-rep { --body-font-family: Outfit; --heading-font-family: Outfit; --screen-product-one-in-row: 374px; --text-color-static: var(--text-color); --container-max-width-boxed: 1178px; --body-link-secondary-color: var(--text-color); --body-link-secondary-color-hover: var(--custom-color); --decor-border-color: #f4f4f4; --table-border-color: var(--decor-border-dark-color); --table-even-bg: var(--body-bg); --table-odd-bg: var(--body-bg-secondary); --free-shipping-color: #0CAE61; --block-secondary-text: var(--text-color); --block-secondary-link: var(--body-link-secondary-color); --block-secondary-link-hover: var(--body-link-secondary-color-hover); --theme-bg-color: #fff; --theme-bg-hover-color: var(--theme-bg-color); --section-max-width: 1850px; --loading-bar-color: var(--custom-color); --font-weight-900: 900; --font-weight-bolder: var(--font-weight-700); --content-font-size: 15px; --content-line-height: 25px; --block-secondary-color-light: var(--text-color-light); --scroll-drag-focus-color: var(--custom-color); --container-max: 1200px; --global-product-price-width: var(--font-weight-600); --global-product-price-font-family: var(--body-font-family); --heading-xl-size: 43px; --heading-xl-2-size: 50px; --heading-lg-size: 28px; --heading-md-size: 23px; --heading-sm-size: 18px; --heading-xl-size-m: 28px; --heading-xl-2-size-m: 28px; --heading-lg-size-m: 28px; --heading-md-size-m: 23px; --heading-sm-size-m: 18px; --heading-xl-weight: var(--heading-global-weight); --heading-xl-2-weight: var(--heading-global-weight); --heading-lg-weight: var(--heading-global-weight); --heading-md-weight: var(--heading-global-weight); --heading-sm-weight: var(--heading-global-weight); --heading-xl-weight-m: var(--heading-global-weight); --heading-xl-2-weight-m: var(--heading-global-weight); --heading-lg-weight-m: var(--heading-global-weight); --heading-md-weight-m: var(--heading-global-weight); --heading-sm-weight-m: var(--heading-global-weight); --heading-xl-sub-top: 25px; --heading-lg-sub-top: 25px; --heading-md-sub-top: 10px; --heading-sm-sub-top: 10px; --heading-sub-size: 12px; --heading-sub-weight: var(--font-weight-400); --heading-sub-lg-size: 19px; --heading-sub-lg-weight: var(--font-weight-500); --pagination-text-color: var(--text-color); --pagination-text-bg: transparent; --pagination-text-hover-color: var(--button-color-grey); --pagination-text-hover-bg: var(--button-bg-grey); --pagination-text-hover-border-width: var(--button-border-width-grey); --pagination-text-hover-border-color: var(--button-border-color-grey); --pagination-text-active-color: var(--button-color); --pagination-text-active-bg: var(--button-bg); --pagination-text-active-border-width: var(--button-border-width); --pagination-text-active-border-color: var(--button-border-color); --title-bottom: 35px; --title-bottom-sm: 25px; --title-bottom-xs: 20px; --column-caption-style-1-size: 12px; --column-caption-style-1-weight: var(--font-weight-700); --column-caption-style-2-size: 15px; --column-caption-style-2-weight: var(--font-weight-600); --column-caption-style-3-size: 18px; --column-caption-style-3-weight: var(--font-weight-400); --column-caption-style-4-size: 18px; --column-caption-style-4-weight: var(--font-weight-700); --column-caption-style-color: var(--body-link-secondary-color); --column-caption-style-hover-color: var(--body-link-secondary-color-hover); --banner-dark-text-color: #000; --banner-light-text-color: #fff; --radius-xl: 24px; --radius-lg: 20px; --radius-md: 16px; --radius-sm: 8px; --radius-5: 5px; --radius-4: 4px; --radius-3: 3px; --radius-2: 2px; --radius-50: 50%; --radius-max: 9999px; --button-border-radius: 9999px; --radius-ic: var(--radius-md); --tag-text-color: var(--product-card-text-color); --tag-bg: var(--product-card-bg); --tag-border-color: var(--decor-border-middle-color); --tag-hover-text-color: var(--text-color-secondary); --tag-hover-bg: var(--body-bg-secondary); --tag-hover-border-color: var(--custom-color); --tag-active-text-color: var(--body-bg-secondary); --tag-active-bg: var(--custom-color); --tag-active-border-color: var(--custom-color); --label-bg: var(--custom-color); --label-color: #fff; --label-7-bg: #595b62; --label-1-color: #fff; --label-3-color: #fff; --label-4-color: #fff; --label-5-color: #fff; --label-6-color: #fff; --label-7-color: #fff; --label-soldout-bg: var(--label-1-bg); --label-soldout-color: var(--label-1-color); --label-hot-bg: var(--label-4-bg); --label-hot-color: var(--label-4-color); --label-new-bg: var(--label-4-bg); --label-new-color: var(--label-4-color); --label-sale-bg: var(--label-3-bg); --label-sale-color: var(--label-3-color); --label-bestoffer-bg: var(--label-2-bg); --label-bestoffer-color: var(--label-2-color); --label-subscription-bg: var(--label-2-bg); --label-subscription-color: var(--label-2-color); --label-wishlist-bg: #f7f7f8; --label-wishlist-color: #272727; --label-wishlist-hover-bg: #f7f7f8; --label-wishlist-hover-color: #272727; --label-wishlist-hover-txt-color: #272727; --label-custom-bg: var(--label-7-bg); --label-custom-color: var(--label-7-color); --breadcrumbs-color: var(--body-link-color); --breadcrumbs-current-color: var(--text-color-secondary); --breadcrumbs-hover-color: var(--body-link-color-hover); --form-size: 15px; --form-weight: var(--font-weight-400); --form-label-size: 12px; --form-label-weight: var(--font-weight-600); --form-color: var(--text-color); --form-color-light: var(--text-color-light); --form-border-color: var(--decor-border-dark-color); --form-border-color-focus: var(--custom-color); --form-border-width: 1px; --form-bg: transparent; --form-border-alt: #d9d9d9; --form-lined-bg: transparent; --form-element-bg: var(--form-bg); --form-element-hover-bg: var(--form-bg); --form-element-symbol-color: var(--custom-color); --form-element-symbol-hover-color: var(--custom-color); --form-message-color: var(--text-color); --form-error-border-color: #ed2233; --form-group-tab-bg: var(--body-bg-secondary); --form-required-mark-color: #ed2233; --qty-border-color: var(--product-card-form-border-color); --button-font-family: var(--body-font-family); --button-font-weight: var(--font-weight-600); --button-font-weight-less: var(--font-weight-700); --button-font-weight-lg: var(--font-weight-500); --button-addtocart-desktop-height: 40px; --button-addtocart-mobile-height: 40px; --button-global-border-width: 0; --button-global-border-color: transparent; --button-border-width: var(--button-global-border-width); --button-border-color: var(--button-global-border-color); --button-hover-border-color: var(--button-border-color); --button-bg-grey: var(--button-global-bg); --button-hover-bg-grey: var(--button-global-hover-bg); --button-border-width-grey: var(--button-global-border-width); --button-border-color-grey: var(--button-global-border-color); --button-hover-border-color-grey: var(--button-border-color-grey); --button-border-width-white: var(--button-global-border-width); --button-border-color-white: var(--button-global-border-color); --button-hover-border-color-white: var(--button-border-color-white); --button-border-width-invert: var(--button-global-border-width); --button-border-color-invert: var(--button-global-border-color); --button-hover-border-color-invert: var(--button-border-color-invert); --button-border-width-buy-now: var(--button-global-border-width); --button-border-color-buy-now: var(--button-global-border-color); --button-hover-border-color-buy-now: var(--button-border-color-buy-now); --button-border-width-fifth: var(--button-global-border-width); --button-border-color-fifth: var(--button-global-border-color); --button-hover-border-color-fifth: var(--button-border-color-fifth); --button-link-color: var(--body-link-color); --button-link-hover-color: var(--body-link-color-hover); --button-disabled-opacity: 0.5; --button-loading-opacity: 0.5; --placeholder-alt-bg: var(--body-bg-secondary); --placeholder-color: #80888f; --placeholder-border: var(--decor-border-middle-color); --zoom-window-bg: var(--placeholder-bg); --product-price-actual-color: var(--text-color); --product-price-old-color: var(--text-color); --product-card-bg: var(--body-bg-secondary); --product-only-card-bg: var(--product-card-bg); --product-only-card-hover-bg: var(--product-only-card-bg); --product-horizontal-card-bg: var(--product-only-card-bg); --product-card-text-color: var(--text-color); --product-card-link-color: var(--body-link-secondary-color); --product-card-link-hover-color: var(--body-link-secondary-color-hover); --product-card-vendor-color: var(--body-link-secondary-color); --product-card-vendor-hover-color: var(--body-link-secondary-color-hover); --product-card-countdown-bg: var(--body-bg-secondary); --product-card-countdown-color: var(--custom-color); --product-card-icon-active-color: var(--custom-color); --product-card-price-actual-color: var(--product-card-text-color); --product-card-price-old-color: var(--product-card-price-actual-color); --product-aspect-ratio: 120%; --product-page-aspect-ratio: 120%; --product-card-name-size: 15px; --product-card-name-weight: var(--font-weight-500); --product-card-vendor-size: 12px; --product-card-vendor-weight: var(--font-weight-700); --product-card-price-size: 23px; --product-horizontal-card-name-size: 18px; --product-horizontal-card-name-weight: var(--font-weight-400); --product-horizontal-card-price-size: 23px; --product-card-countdown-weight: var(--font-weight-600); --product-card-countdown-number-weight: var(--font-weight-700); --product-swatches-inner-border-color: #fff; --product-swatches-color-height: 22px; --product-swatches-color: #6d7175; --product-swatches-bg: var(--body-bg-secondary); --product-swatches-active-color: var(--body-link-secondary-color-hover); --product-swatches-active-bg: var(--product-swatches-bg); --product-swatches-hover-color: var(--product-swatches-active-color); --product-swatches-hover-bg: var(--product-swatches-active-bg); --product-swatches-disabled-color: var(--product-swatches-color); --product-swatches-disabled-bg: var(--product-swatches-bg); --product-swatches-border-color: #cdd8e1; --product-swatches-border-hover-color: var(--product-swatches-hover-color); --product-swatches-border-active-color: var(--product-swatches-active-color); --product-swatches-radius: 5px; --minicart-product-bg: var(--product-only-card-bg); --minicart-product-text-color: var(--product-card-text-color); --minicart-product-vendor-color: var(--product-card-vendor-color); --minicart-product-vendor-hover-color: var(--product-card-vendor-hover-color); --minicart-product-name-color: var(--product-card-link-color); --minicart-product-name-hover-color: var(--product-card-link-hover-color); --minicart-product-price-color: var(--product-card-price-actual-color); --product-page-previews-width: 74px; --product-page-previews-width-quickview: 61px; --fancybox-light-bg: var(--body-bg-secondary); --fancybox-caption-text-color: var(--body-link-secondary-color); --fancybox-caption-hover-color: var(--body-link-secondary-color-hover); --fancybox-button-color: var(--button-color-grey); --fancybox-button-bg: var(--button-bg-grey); --fancybox-button-hover-bg: var(--button-hover-bg-grey); --fancybox-button-hover-color: var(--button-hover-color-grey); --modal-bg: var(--third-bg-popups, var(--body-bg-secondary)); --modal-divider-color: var(--body-bg-secondary); --modal-success-icon-color: #0CAE61; --modal-error-icon-color: #ed2233; --modal-info-icon-color: #df6a00; --modal-social-color: #CDD8E1; --modal-social-hover-color: var(--body-link-secondary-color-hover); --filter-width: 300px; --sidebar-block-title-color: var(--heading-color); --sidebar-block-title-hover-color: var(--body-link-secondary-color-hover); --sidebar-block-icon-color: var(--sidebar-block-title-color); --sidebar-block-icon-hover-color: var(--body-link-secondary-color-hover); --sidebar-selected-count-color: var(--text-color); --sidebar-selected-count-number-color: var(--text-color); --sidebar-clear-filters-bg: var(--button-bg-grey); --sidebar-clear-filters-color: var(--button-color-grey); --sidebar-clear-filters-hover-bg: var(--button-hover-bg-grey); --sidebar-clear-filters-hover-color: var(--button-hover-color-grey); --sidebar-selected-filters-bg: var(--custom-color); --sidebar-selected-filters-color: #fff; --sidebar-selected-filters-hover-bg: var(--text-color); --sidebar-selected-filters-hover-color: #fff; --sidebar-option-color-name-color: var(--text-color); --sidebar-option-color-name-active-color: var(--text-color); --sidebar-option-color-name-hover-color: var(--text-color); --sidebar-option-color-active-border-color: var(--custom-color); --sidebar-option-list-color: var(--text-color); --sidebar-option-list-active-color: var(--text-color); --sidebar-category-list-color: var(--text-color); --sidebar-category-list-active-color: var(--text-color); --sidebar-option-list-viewmore-color: var(--body-link-color-hover); --sidebar-option-list-viewmore-active-color: var(--body-link-color-hover); --sidebar-option-size-color: var(--text-color); --sidebar-option-size-border-color: var(--decor-border-color); --sidebar-option-size-active-color: var(--custom-color); --sidebar-option-size-active-border-color: var(--custom-color); --sidebar-menu-link-color: var(--body-link-secondary-color); --sidebar-menu-link-active-color: var(--body-link-secondary-color-hover); --listing-show-more-color: var(--custom-color); --listing-show-more-hover-color: var(--text-color); --filter-row-color: var(--text-color); --filter-row-bg: transparent; --filter-row-icon-color: var(--text-color-light); --filter-row-icon-active-color: var(--body-link-secondary-color-hover); --filter-mobile-top-info-bg: #f8f8fa; --filter-mobile-top-info-border-color: var(--text-color); --filter-mobile-row-color: var(--text-color); --filter-mobile-bg: var(--body-bg-secondary); --filter-mobile-border-top-color: var(--body-bg-secondary); --sidebar-block-count-hover-color: var(--body-link-secondary-color-hover); --category-descripition-bg: var(--body-bg); --category-descripition-bg-alt: var(--body-bg-secondary); --category-descripition-color: var(--text-color-secondary); --login-form-forgot-link-color: var(--text-color-secondary); --login-form-forgot-link-hover-color: var(--body-link-secondary-color-hover); --swiper-pagination-color: var(--text-color); --swiper-pagination-active-color: var(--custom-color); --discount-color: var(--body-link-color); --subscription-border: orange; --subscription-color: var(--text-color); --bought-witn-toggle-icon-color: var(--text-color-light); --bought-witn-toggle-icon-active-color: var(--text-color); --categories-list-weight: var(--font-weight-400); --categories-list-color: var(--body-link-secondary-color); --categories-list-hover-color: var(--body-link-secondary-color-hover); --header-top-link-active-color: var(--header-top-link-hover-color); --header-content-bg: var(--header-global-bg); --header-content-color: var(--header-global-color); --header-content-link-color: var(--header-global-link-color); --header-content-link-hover-color: var(--header-global-link-hover-color); --header-content-nav-link-color: var(--header-content-link-color); --header-content-nav-link-hover-color: var(--header-content-nav-link-color); --header-content-nav-link-active-color: var(--header-content-nav-link-hover-color); --header-bottom-bg: var(--header-global-bg); --header-bottom-color: var(--header-global-color); --header-bottom-link-color: var(--header-global-link-color); --header-bottom-link-active-color: var(--header-bottom-link-hover-color); --header-subcategories-bg: var(--header-global-bg); --header-subcategories-color: var(--header-global-color); --header-subcategories-link-color: var(--header-global-link-color); --header-subcategories-link-hover-color: var(--header-global-link-hover-color); --header-subcategories-link-active-color: var(--header-subcategories-link-hover-color); --header-sticky-bg: var(--header-content-bg); --header-index-border-color: transparent; --header-custom-text-span-color: var(--custom-color); --menu-btn-color: var(--button-color); --menu-btn-bg: var(--button-bg); --menu-btn-hover-color: var(--button-hover-color); --menu-btn-hover-bg: var(--button-hover-bg); --menu-btn-border-width: var(--button-border-width); --menu-btn-border-color: var(--button-border-color); --menu-btn-hover-border-color: var(--button-hover-border-color); --header-search-input-color: var(--header-content-color); --header-search-input-bg: transparent; --header-search-border-color: var(--header-border-color); --header-search-active-border-color: var(--custom-color); --header-form-color: var(--header-content-color); --logo-max-width: 145px; --logo-max-width-mobile: 80px; --header-logo-padding: 20px; --header-logo-padding-m: 15px; --header-logo-padding-sticky: 15px; --desktop-menu-font-weight: var(--font-weight-500); --mmenu-bg: var(--third-bg-popups, var(--body-bg-secondary)); --mmenu-link-color: var(--body-link-secondary-color); --mmenu-link-hover-color: var(--body-link-secondary-color-hover); --mmenu-top-bottom-divider-color: var(--decor-border-color); --mmenu-bottom-text-color: var(--body-link-secondary-color); --mmenu-bottom-hover-text-color: var(--body-link-secondary-color-hover); --mmenu-bottom-icon-color: var(--custom-color); --submenu-view-more-color: var(--body-link-color); --submenu-view-more-hover-color: var(--body-link-color-hover); --submenu-bg: var(--third-bg-popups, var(--body-bg-secondary)); --label-size: 9px; --label-weight: var(--font-weight-600); --submenu-list-link-color: var(--body-link-secondary-color); --submenu-list-link-hover-color: var(--body-link-secondary-color); --submenu-list-link-active-color: var(--submenu-list-link-hover-color); --submenu-list-link-active-bg: var(--submenu-list-link-hover-bg); --submenu-mega-list-link-color: var(--body-link-secondary-color); --submenu-mega-list-link-bg: transparent; --submenu-mega-list-link-hover-color: var(--body-link-secondary-color-hover); --submenu-mega-list-link-hover-bg: transparent; --submenu-link-txt-color: var(--text-color); --submenu-viewmore-link-color: var(--body-link-secondary-color); --submenu-viewmore-link-hover-color: var(--body-link-secondary-color-hover); --header-dropdown-bg: var(--third-bg-popups, var(--body-bg-secondary)); --header-dropdown-bg_transparent: rgba(255, 255, 255, 0); --header-dropdown-color: var(--text-color); --header-dropdown_title: var(--heading-color); --header-dropdown-link-color: var(--body-link-secondary-color); --header-dropdown-link-hover-color: var(--body-link-secondary-color-hover); --header-dropdown-link-active-color: var(--body-link-secondary-color-hover); --header-dropdown-icon-color: var(--header-dropdown-color); --header-dropdown-close: var(--text-color); --header-dropdown-close-hover-color: var(--text-color); --header-dropdown-payment-icons-color: var(--body-link-secondary-color); --header-dropdown-payment-icons-hover-color: var(--body-link-secondary-color-hover); --submenu-link-title-border-color: var(--decor-border-menu-color); --header-dropdown-settings-active-color: var(--product-swatches-active-color); --header-dropdown-settings-hover-color: var(--product-swatches-hover-color); --header-dropdown-settings-border-active-color: var(--product-swatches-border-hover-color); --header-dropdown-settings-border-hover-color: var(--product-swatches-border-active-color); --header-dropdown-settings-bg: var(--product-swatches-bg); --header-dropdown-settings-active-bg: var(--product-swatches-active-bg); --header-dropdown-settings-hover-bg: var(--product-swatches-hover-bg); --minicart-drop-text-color: var(--text-color); --minicart-action-color: var(--button-color-grey); --minicart-action-bg: var(--button-bg-grey); --minicart-action-hover-color: var(--button-hover-color-grey); --minicart-action-hover-bg: var(--button-hover-bg-grey); --minicart-action-border-width: var(--button-border-width-grey); --minicart-action-border-color: var(--button-border-color-grey); --minicart-action-hover-border-color: var(--button-hover-border-color-grey); --minicart-action-special-color: var(--button-color); --minicart-action-special-bg: var(--button-bg); --minicart-action-special-hover-color: var(--button-hover-color); --minicart-action-special-hover-bg: var(--button-hover-bg); --minicart-action-special-border-width: var(--button-border-width); --minicart-action-special-border-color: var(--button-border-color); --minicart-action-special-hover-border-color: var(--button-hover-border-color); --minicart-action-add-color: var(--button-color); --minicart-action-add-bg: var(--button-bg); --minicart-action-add-hover-color: var(--button-hover-color); --minicart-action-add-hover-bg: var(--button-hover-bg); --minicart-action-add-border-width: var(--button-border-width); --minicart-action-add-border-color: var(--button-border-color); --minicart-action-add-hover-border-color: var(--button-hover-border-color); --minicart-drop-empty-text-color: var(--text-color-secondary); --minicart-drop-empty-svg-color: var(--decor-border-middle-color); --minicart-drop-fixed-icons-bg: var(--custom-color); --minicart-drop-fixed-icons-color: #fff; --minicart-drop-fixed-icons-hover-bg: var(--custom-color); --minicart-drop-fixed-icons-hover-color: #fff; --mobile-menu-font-weight: var(--font-weight-500); --mobile-menu-bg: var(--body-bg-secondary); --mobile-menu-border-color: var(--decor-border-middle-color); --mobile-menu-nav-bg: transparent; --mobile-menu-nav-color: var(--text-color); --mobile-menu-nav-hover-bg: transparent; --mobile-menu-nav-hover-color: var(--body-link-secondary-color-hover); --mobile-menu-subnav-color: var(--body-link-secondary-color); --mobile-menu-drop-link-color: var(--body-link-secondary-color); --mobile-menu-drop-link-active-color: var(--body-link-secondary-color-hover); --mobile-menu-drop-link-light-color: #868686; --mobile-menu-drop-close-color: var(--text-color); --mobile-menu-social-bg: var(--custom-color); --mobile-bottom-link-color: var(--body-link-secondary-color); --prepay-color: #0CAE61; --back-to-top-color: var(--button-color-white); --back-to-top-bg: var(--button-bg-white); --back-to-top-hover-color: var(--button-hover-color-white); --back-to-top-hover-bg: var(--button-hover-bg-white); --post-previews-card-bg: var(--product-card-bg); --post-previews-card-color: var(--product-card-text-color); --post-previews-card-title-color: var(--product-card-link-color); --post-previews-card-title-color-hover: var(--product-card-link-hover-color); --post-previews-card-meta-color: var(--post-previews-card-color); --post-previews-card-meta-label-color: var(--post-previews-card-color); --post-previews-card-link-color: var(--product-card-link-color); --post-previews-card-link-hover-color: var(--product-card-link-hover-color); --post-previews-color: var(--text-color); --post-previews-title-color: var(--body-link-secondary-color); --post-previews-title-color-hover: var(--body-link-secondary-color-hover); --post-previews-meta-color: var(--post-previews-color); --post-previews-meta-label-color: var(--post-previews-color); --post-previews-link-color: var(--body-link-color); --post-previews-link-hover-color: var(--body-link-color-hover); --post-previews-date-color: var(--custom-color); --post-previews-date-bg: var(--body-bg-secondary); --prd-previews-color: var(--text-color); --prd-previews-title-color: var(--body-link-secondary-color); --prd-previews-title-color-hover: var(--body-link-secondary-color-hover); --prd-previews-price-color: var(--text-color); --post-title-weight: var(--font-weight-600); --post-title-size: 35px; --post-title-size-m: 28px; --post-comment-color: var(--text-color-secondary); --post-comment-meta-color: var(--text-color-secondary); --post-comment-meta-label-color: var(--text-color); --post-search_date-color: var(--post-previews-date-color); --post-search_date-bg: var(--post-previews-date-bg); --tab-accordion-color: var(--body-link-secondary-color); --tab-accordion-hover-color: var(--body-link-secondary-color-hover); --tab-accordion-bg: transparent; --tab-accordion-hover-bg: transparent; --review-bg: var(--product-card-bg); --review-text-color: var(--product-card-text-color); --review-author-color: var(--product-card-text-color); --faq-list-color: var(--body-link-secondary-color); --faq-list-bg: var(--body-bg); --faq-list-hover-color: var(--button-color); --faq-list-hover-bg: var(--button-bg); --faq-list-border-hover-width: var(--button-border-width); --faq-list-border-hover-color: var(--button-border-color); --faq-list-active-color: var(--button-hover-color); --faq-list-active-bg: var(--button-hover-bg); --faq-list-active-border-width: var(--button-border-width); --faq-list-active-border-color: var(--button-hover-border-color); --faq-item-divider-color: var(--decor-border-color); --payment-notification-bg: var(--product-only-card-bg); --payment-notification-text-color: var(--product-card-text-color); --payment-notification-name-color: var(--product-card-link-color); --payment-notification-name-hover-color: var(--product-card-link-hover-color); --payment-notification-when-color: var(--product-card-link-hover-color); --payment-notification-from-color: var(--product-card-text-color); --circle-chart-text-color: var(--custom-color); --circle-chart-border-color: #EDF2F8; --circle-chart-border-active-color: var(--custom-color); --page-not-found-title-color: var(--custom-color); --page-not-found-title2-color: var(--heading-color); --page-not-found-text-color: var(--text-color); --menu-categories-bg: var(--submenu-bg); --menu-categories-color: var(--submenu-list-link-color); --menu-categories-hover-color: var(--submenu-list-link-hover-color); --menu-categories-hover-bg: var(--submenu-list-link-hover-bg); --cart-page-price-color: var(--text-color); --cart-page-price-old-color: var(--product-price-old-color); --cart-page-total-color: var(--text-color); --cart-table-prd-remove-color: var(--button-color-grey); --cart-table-prd-remove-bg: var(--button-bg-grey); --cart-table-prd-remove-hover-color: var(--button-hover-color-grey); --cart-table-prd-remove-hover-bg: var(--button-hover-bg-grey); --cart-table-prd-remove-width: var(--button-border-width-grey); --cart-table-prd-remove-border-color: var(--button-border-color-grey); --cart-table-prd-remove-hover-border-color: var(--button-hover-border-color-grey); --cart-empty-svg-color: var(--contrast-grey); --card-accordeon-bg: var(--body-bg-secondary); --card-total-bg: var(--body-bg-secondary); --card-total-border-color: var(--decor-border-dark-color); --cart-aside-width: 392px; --progress-bar-height-global: 3px; --preview-thumb-active-color: var(--custom-color); --footer-global-bg: var(--body-bg); --footer-global-color: var(--text-color); --footer-global-link-color: var(--footer-global-color); --footer-global-link-hover-color: var(--body-link-secondary-color-hover); --footer-content-bg: var(--footer-global-bg); --footer-content-color: var(--footer-global-color); --footer-content-link-color: var(--footer-content-color); --footer-content-link-hover-color: var(--footer-global-link-hover-color); --footer-border-color: #8FB9FA; --footer-top-bg: var(--footer-global-bg); --footer-top-color: var(--footer-global-color); --footer-top-link-color: var(--footer-top-color); --footer-top-link-hover-color: var(--footer-global-link-hover-color); --footer-bottom-bg: var(--footer-global-bg); --footer-bottom-color: var(--footer-global-color); --footer-bottom-link-color: var(--footer-bottom-color); --footer-bottom-link-hover-color: var(--footer-global-link-hover-color); --footer-maillink-color: var(--footer-global-color); --footer-maillink-hover-color: var(--footer-global-link-hover-color); --footer-copyright-font-size: 12px; --footer-text-weight: var(--font-weight-400); --footer-link-weight: var(--font-weight-400); --footer-title-weight: var(--font-weight-600); --dark-icon-color: #22292F; --dark-icon-bg: rgba(255,255,255,.45); --dark-icon-bg-hover: rgba(255,255,255,.75); --sticky-add-to-cart-bg: var(--product-only-card-bg); --sticky-add-to-cart-text-color: var(--product-card-text-color); --sticky-add-to-cart-name-hover-color: var(--product-card-link-hover-color); --sticky-add-to-cart-price-color: var(--product-card-price-actual-color); --sticky-add-to-cart-name-color: var(--product-card-text-color); --sticky-add-to-cart-close-hover-color: var(--sticky-add-to-cart-name-hover-color); --gradient-color-1: #1871E5; --gradient-color-2: #6123E5; --ticker-link-color: var(--ticker-color); --ticker-link-color-hover: var(--ticker-link-color); --ticker-font-size: 12px; --ticker-y-padding: 10px; --ticker-gap: 10px; --ticker-speed: 1.5s; --ticker-section-badge-bg: var(--button-bg); --ticker-section-badge-color: var(--button-color); --ticker-section-font-size: 18px; --ticker-section-y-padding: 20px; --ticker-section-gap: 30px; --ticker-section-speed: 6s; --ticker-section2-bg: #DFFA38; --ticker-section2-color: #191926; --ticker-section2-link-color: #191926; --ticker-section2-link-color-hover: #191926; --ticker-section2-badge-bg: #191926; --ticker-section2-badge-color: #DFFA38; --dropdown-content-width: 320px; --dropdown-link-hover-color: var(--body-link-secondary-color-hover); --dropdown-content-bg: var(--third-bg-popups, var(--body-bg-secondary)); --dropdown-content-color: var(--text-color); --dropdown-content-link-color: var(--body-link-secondary-color); --dropdown-content-link-hover-color: var(--body-link-secondary-color); --dropdown-content-link-active-border: var(--custom-color); --product-page-title-color: var(--heading-color); --product-page-price-actual-color: var(--product-price-actual-color); --product-page-price-old-color: var(--product-price-old-color); --shop-info-icon-color: currentColor; --shop-info-icon-filled-bg: var(--button-hover-bg); --shop-info-icon-filled-color: var(--button-hover-color); --ps-info-color: var(--text-color); --card-category-circle-caption-color: var(--product-card-link-color); --card-category-circle-caption-bg: var(--product-card-bg); --card-category-circle-caption-opacity: 1; --desktop-menu-font-family: var(--heading-font-family) --transparent-default: #000; --transparent-default-rgba: rgba(0,0,0,0); --margin-top-desktop: 40px; --margin-top-mobile: 20px; --margin-top-product-blocks: 20px; --padding-top-desktop: 40px; --padding-top-mobile: 20px; --submenu-list-min-width: 240px; --container-max-width: 1178px; --product-swatches-inner-border-width: 1px; --global-box-shadow: 0.04; --secondary-box-shadow: 0.14; --global-box-shadow-darker: 0.10; --body-bg: #ffffff; --body-bg-secondary: #ffffff; --mobile-bottom-bg: #ffffff; --third-bg-popups: #ffffff; --custom-color: #a5c130; --text-color: #000000; --form-control-check-color: #000000; --tag-light-text-color: rgba(0, 0, 0, 0.5); --text-color-light: rgba(0, 0, 0, 0.5); --sidebar-block-count-color: rgba(0, 0, 0, 0.5); --text-color-invert: #ffffff; --heading-color: #000000; --heading-sub-color: #3d3d3d; --text-color-secondary: #3d3d3d; --body-link-color: #3d3d3d; --body-link-color-hover: #000000; --product-rating-color: #b4b4b4; --product-rating-fill-color: #22292f; --product-card-icon-color: #cdd8e1; --product-card-icon-hover-color: #cdd8e1; --contrast-grey: #9c9c9c; --sidebar-block-border-color: #9c9c9c; --decor-border-middle-color: #9c9c9c; --decor-border-dark-color: #9c9c9c; --decor-border-menu-color: #9c9c9c; --header-dropdown-settings-color: var(--product-swatches-color); --header-dropdown-settings-border-color: var(--product-swatches-border-color); --tooltip-color: #ffffff; --tooltip-bg: #3d3d3d; --placeholder-bg: #e1e2ea; --minicart-drop-total-bg: #f7f8fc; --button-global-color: #ffffff; --button-global-hover-color: #ffffff; --button-global-bg: #a5c130; --button-global-hover-bg: #a5c130; --button-color: #ffffff; --button-hover-color: #ffffff; --button-bg: #a5c130; --button-hover-bg: #a5c130; --button-color-invert: #ffffff; --button-hover-color-invert: #22292f; --button-bg-invert: #22292f; --button-hover-bg-invert: #ebebf1; --button-color-grey: #000000; --button-hover-color-grey: #000000; --button-color-white: #ffffff; --button-hover-color-white: #ffffff; --button-bg-white: #a5c130; --button-hover-bg-white: #a5c130; --button-color-fifth: #ffffff; --button-hover-color-fifth: #ffffff; --button-bg-fifth: #a5c130; --button-hover-bg-fifth: #a5c130; --button-color-buy-now: #ffffff; --button-hover-color-buy-now: #ffffff; --button-bg-buy-now: #a5c130; --button-hover-bg-buy-now: #a5c130; --label-1-bg: #22292f; --label-2-color: #000000; --label-2-bg: #a5c130; --label-3-bg: #a5c130; --label-4-bg: #a5c130; --label-5-bg: #a5c130; --label-6-bg: #a5c130; --ticker-color: #ffffff; --ticker-bg: #22292f; --ticker-badge-color: #22292f; --ticker-badge-bg: #a5c130; --product-card-color-light: rgba(0, 0, 0, 0.5); --product-card-form-border-color: rgba(0, 0, 0, 0.23); --product-card-description-color: #9e9e9e; --scroll-color: #e1e4ee; --scroll-drag-color: #9e9e9e; --form-bg-alt: #ffffff; --form-color-alt: #22292f; --form-color-light-alt: #9e9e9e; --lookbook-popup-btn-color: #a5c130; --many-in-stock-color: #a5c130; --label-items-count-color: #ffffff; --label-items-count-bg: #e6055b; --qty-status-color-start: #a5c130; --qty-status-color-middle: #df6a00; --qty-status-color-full: #4970f8; --text-color-banner: #22292f; --text-color-banner-invert: #ffffff; --header-promoline-bg: #ffffff; --header-promoline-text-color: #3d3d3d; --header-promoline-text-span-color: #3d3d3d; --ticker-section-bg: #f7f8fc; --ticker-section-color: #22292f; --ticker-section-link-color: #22292f; --ticker-section-link-color-hover: rgba(34, 41, 47, 0.65); --third-bg-popups-rgb: 255, 255, 255; --body-bg-rgb: 255, 255, 255; --menu-categories-bg-rgb: , ,; --submenu-list-link-hover-bg-rgb: 247, 248, 252; --font-weight-800: 800; --font-weight-700: 700; --font-weight-600: 600; --font-weight-500: 500; --font-weight-400: 400; --font-weight-300: 300; --banner-font-weight-900: 900; --banner-font-weight-800: 800; --banner-font-weight-700: 700; --banner-font-weight-600: 600; --banner-font-weight-500: 500; --banner-font-weight-400: 400; --banner-font-weight-300: 300; --heading-global-weight: 600; --preview-thumb-active-width: 2px; --desktop-menu-font-size: 16px; --mobile-menu-font-size: 14px; --product-swatches-text-width: 29px; --product-swatches-text-height: 22px; --product-swatches-color-width: 33px; --product-swatches-text-px: 5px; --product-swatches-text-font-size: 12px; --product-swatches-text-font-weight: 400; --product-swatches-title-font-size: 12px; --product-swatches-title-mb: 3px; --product-swatches-group-gy: 12px; --product-swatches-text-gap: 2.5px; --product-swatches-color-gap: 3.5px; --product-swatches-text-border-width: 1.5px; --product-swatches-color-border-width: 1.5px; --swiper-theme-color: #007aff; --swiper-navigation-size: 44px; --tabs-wrap-border: var(--decor-border-dark-color); --tabs-wrap-track-bg: var(--product-card-bg, var(--body-bg-secondary)); --tabs-wrap-color: var(--product-card-text-color, var(--block-secondary-text)); --tabs-wrap-active-bg: var(--button-bg); --tabs-wrap-active-color: var(--button-color); --promoline-height-desktop: 40px; --promoline-height-mobile: 30px; --promoline-fontsize-desktop: 15px; --promoline-fontsize-mobile: 13px; --header-global-bg: #000000; --header-global-color: #ffffff; --header-global-link-color: #ffffff; --header-global-link-hover-color: #ffffff; --header-top-bg: #414c55; --header-top-color: #ffffff; --header-top-link-color: #ffffff; --header-top-link-hover-color: #a5c130; --header-bottom-link-hover-color: #22292f; --header-border-color: #cdd8e1; --header-form-palceholder-color: rgba(34, 41, 47, 0.6); --header-nav-link-border-hover-color: #9e9e9e; --header-nav-link-border-active-color: #ffffff; --header-badge-color: #ffffff; --mobile-bottom-badge-color: #ffffff; --header-badge-bg: #22292f; --mobile-bottom-badge-bg: #22292f; --submenu-list-link-hover-bg: #f7f8fc; --mobile-menu-social-color: #ffffff; --color-foreground: 34,41,47; --color-background: 255,255,255; --duration-short: .2s; --vhStart: 8.16px; --sticky-height: 83px; --vh: 8.16px; --bar-height: 0px; --scroll-width: 0px; --header-height: 83px; --header-promo-height: 0px; --slider-under-height: 0px; --mobile-panel-height: 0px; --bar-start-height: 0px; --start-height: 816px; }
@media (min-width: 1025px) { .zofo-rep.has-strict-width { --container-max-width: Min(var(--container-max-width-boxed), calc(100% - 30px)); } }
.zofo-rep .heading-font { font-family: var(--heading-font-family) !important; }
.zofo-rep .mt-global-negative { margin-top: calc(-1 * var(--margin-top-desktop)); }
@media (max-width: 767px) { .zofo-rep .mt-global-negative { margin-top: calc(-1 * var(--margin-top-mobile)); } }
.zofo-rep .h1-style a, .zofo-rep .h2-style a, .zofo-rep .h3-style a, .zofo-rep .h4-style a, .zofo-rep .h5-style a, .zofo-rep .h6-style a, .zofo-rep h1 a, .zofo-rep h2 a, .zofo-rep h3 a, .zofo-rep h4 a, .zofo-rep h5 a, .zofo-rep h6 a { color: var(--heading-color); text-decoration: none; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .h1-style a:hover, .zofo-rep .h2-style a:hover, .zofo-rep .h3-style a:hover, .zofo-rep .h4-style a:hover, .zofo-rep .h5-style a:hover, .zofo-rep .h6-style a:hover, .zofo-rep h1 a:hover, .zofo-rep h2 a:hover, .zofo-rep h3 a:hover, .zofo-rep h4 a:hover, .zofo-rep h5 a:hover, .zofo-rep h6 a:hover { color: var(--custom-color); text-decoration: none; } }
.zofo-rep .bnr.image-hover-scale > .bnr-img, .zofo-rep .image-hover-scale { display: block; position: relative; z-index: 1; backface-visibility: hidden; }
.zofo-rep .bnr.image-hover-scale > .bnr-img > *, .zofo-rep .image-hover-scale > * { backface-visibility: hidden; }
.zofo-rep .bnr.image-hover-scale > .bnr-img > .image-wrap, .zofo-rep .bnr.image-hover-scale > .bnr-img > .placeholder-svg svg, .zofo-rep .bnr.image-hover-scale > .bnr-img > img, .zofo-rep .image-hover-scale > .image-wrap, .zofo-rep .image-hover-scale > .placeholder-svg svg, .zofo-rep .image-hover-scale > img { backface-visibility: hidden; vertical-align: middle; max-width: 100%; will-change: transform; transition: transform 0.3s cubic-bezier(0.4, 0.95, 0.5, 1.1), opacity 0.3s !important; }
.zofo-rep .bnr.image-hover-scale > .bnr-img.ic--bg > img, .zofo-rep .image-hover-scale.ic--bg > img { transform: scale3d(1, 1, 1); }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .image-hover-scale:hover > .image-wrap, .zofo-rep .image-hover-scale:hover > .placeholder-svg svg, .zofo-rep .image-hover-scale:hover > img { transform: scale3d(1.075, 1.075, 1); transition: transform 0.3s cubic-bezier(0.4, 0.95, 0.5, 1.1) 50ms, opacity 0.3s !important; } }
.zofo-rep .btn-link { display: inline-flex; margin-left: -5px; margin-right: -5px; align-items: center; text-decoration: none; font-size: 15px; line-height: 24px; }
.zofo-rep .btn-link > * { padding: 0px 5px; }
.zofo-rep .btn-link .icon-wrap { display: inline-flex; }
.zofo-rep .btn-link svg { width: 10px; height: 10px; }
.zofo-rep .btn-link:not(.btn-link--invert) { color: var(--button-link-color); }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .btn-link:not(.btn-link--invert).hovered, .zofo-rep .btn-link:not(.btn-link--invert):hover { color: var(--button-link-hover-color); } }
.zofo-rep .btn-link.btn-link--md { font-size: 13px; line-height: 18px; }
.zofo-rep .btn-link.btn-link--md svg { width: 15px; height: 15px; }
.zofo-rep a img.lazyload { color: transparent; }
.zofo-rep .cart-table-page-title, .zofo-rep .post-prws-grid { justify-content: space-between; }
.zofo-rep .post-prw.post-prw--vert > .row > .post-prw-text { padding: 10px !important; margin: 0px !important; align-items: center !important; }
.zofo-rep .dropdn-modal-slide-title + .dropdn-modal-slide-title, .zofo-rep .mobilemenu-social, .zofo-rep .post-prws-grid .post-prw .post-prw-text > * + .post-prw-meta, .zofo-rep .post-prws-grid .post-prw .post-prw-text > * + .post-prw-teaser, .zofo-rep .search-modal__form .d-none { display: none !important; }
.zofo-rep .post-prw-img .image-container, .zofo-rep .post-prws-grid .prd-image-wrap.image-container { padding-bottom: 100%; }
.zofo-rep .post-prw-img .image-hover-scale:hover > img { transform: none; transition: none; }
.zofo-rep .post-prw .post-prw-text { align-items: flex-start; }
.zofo-rep .post-prw .post-prw-text .post-card-tag { background-color: rgb(216, 216, 216); margin-bottom: 1em; padding: 0.3em 0.5em; font-size: 10px; line-height: 1; }
.zofo-rep .post-prws-grid .post-prw .post-prw-text > * + .post-prw-meta { color: rgb(191, 191, 191); }
.zofo-rep .learn-button:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.zofo-rep .learn-button, .zofo-rep .learn-button-reverse { font-weight: 700; }
@media (max-width: 768px) { .zofo-rep .gallery-item-slide, .zofo-rep .static-banner, .zofo-rep .sustain-text-row, .zofo-rep .zofo-voice { flex-direction: column !important; } .zofo-rep .mobile_content { display: block; } .zofo-rep .desktop_content { display: none; } .zofo-rep .first_button, .zofo-rep .footer-top.subscribe-footer .container, .zofo-rep .post-prws-grid .col, .zofo-rep .second_button, .zofo-rep .static-banner-image, .zofo-rep .static-banner-text, .zofo-rep .third_button { width: 100% !important; } .zofo-rep .learn-button, .zofo-rep .learn-button-reverse { padding: 5px 1em !important; line-height: 1.5 !important; } .zofo-rep #career_runningtext, .zofo-rep #kamado_max_runningtext, .zofo-rep #kamado_runningtext, .zofo-rep #keylo_runningtext, .zofo-rep #maha_runningtext, .zofo-rep #rubix_runningtext, .zofo-rep #runningtext, .zofo-rep #runningtext2, .zofo-rep #simba_runningtext, .zofo-rep #tetro_runningtext { padding: 10px 10px 12px !important; } .zofo-rep #career_runningtext > span, .zofo-rep #kamado_max_runningtext > span, .zofo-rep #kamado_runningtext > span, .zofo-rep #keylo_runningtext > span, .zofo-rep #maha_runningtext > span, .zofo-rep #rubix_runningtext > span, .zofo-rep #runningtext2 > span, .zofo-rep #runningtext > span, .zofo-rep #simba_runningtext > span, .zofo-rep #tetro_runningtext > span { font-size: 20px !important; line-height: 1 !important; } .zofo-rep .gallery3 .banner-des h2, .zofo-rep .slide-left h3, .zofo-rep .static-banner-text h2 { font-size: 30px !important; } .zofo-rep .static-banner-image img { width: 80% !important; margin: 30px auto !important; } .zofo-rep .gallery2, .zofo-rep .gallery3 { height: 150vw !important; } .zofo-rep .post-prws-grid .swiper-arrows-carousel { display: block !important; top: 50px !important; left: unset !important; right: 10px !important; } .zofo-rep .voice-left .swiper-arrows-carousel { display: block !important; top: -20px !important; } }
.zofo-rep main-slider { --font-weight-900: var(--banner-font-weight-900); --font-weight-800: var(--banner-font-weight-800); --font-weight-700: var(--banner-font-weight-700); --font-weight-600: var(--banner-font-weight-600); --font-weight-500: var(--banner-font-weight-500); --font-weight-400: var(--banner-font-weight-400); --font-weight-300: var(--banner-font-weight-300); --swiper-pagination-color: var(--text-color-banner); --container-max-width: var(--container-max-width-boxed); display: block; height: 100%; }
.zofo-rep main-slider .swiper-container { transition: opacity 0.2s; }
@media (min-width: 768px) { .zofo-rep main-slider .swiper-container { max-height: var(--max-height-desktop,none); } }
.zofo-rep main-slider .swiper-pagination-wrap { opacity: 1; transition: opacity 0.2s 0.2s; }
.zofo-rep main-slider .swiper-container:not(.swiper-container-initialized) .swiper-pagination-wrap { opacity: 0; }
.zofo-rep main-slider .swiper-container:not(.swiper-container-initialized) { opacity: 1; }
.zofo-rep main-slider .swiper-container:not(.swiper-container-initialized) .swiper-slide:first-child, .zofo-rep main-slider .swiper-slide:not(.swiper-slide-visible) { opacity: 1 !important; }
.zofo-rep main-slider .swiper-container.swiper-container-initialized .swiper-slide:not(.swiper-slide-visible), .zofo-rep main-slider .swiper-container:not(.swiper-container-initialized) .swiper-slide { opacity: 0 !important; }
.zofo-rep main-slider .swiper-slide-img { position: relative; }
.zofo-rep main-slider .swiper-pagination-wrap:not([class*="swiper-pagination--simple"]) .swiper-pagination.colorize-invert, .zofo-rep main-slider .swiper-pagination-wrap:not([class*="swiper-pagination--simple"]) .swiper-pagination.colorize-invert-always { --swiper-pagination-color: var(--text-color-banner-invert); --swiper-pagination-active-color: var(--text-color-banner-invert); }
.zofo-rep main-slider .swiper-slider-cover { height: 100%; }
.zofo-rep main-slider .swiper-slider-cover .image-container > img { object-fit: cover; }
.zofo-rep main-slider .swiper-slide { color: var(--text-color-banner); position: relative; }
.zofo-rep main-slider .swiper-slide .container, .zofo-rep main-slider .swiper-slide .container-fluid { position: absolute; z-index: 1; top: 0px; left: 0px; right: 0px; height: 100%; display: flex; }
@media (max-width: 1024px) { .zofo-rep main-slider .swiper-slide .container { padding: 0px 15px; } }
.zofo-rep main-slider .swiper-slide .container-fluid { padding: 0px; }
.zofo-rep main-slider .swiper-slide flow-type { position: absolute; display: flex; left: 0px; top: 0px; width: 100%; height: 100%; }
.zofo-rep main-slider .swiper-slide [data-load] { transition: opacity 0.35s 1s; opacity: 0; }
.zofo-rep main-slider .swiper-slide.swiper-slide-active [data-load] { opacity: 1; }
@media (min-width: 1025px) { .zofo-rep:not([data-set-root="true"]) main-slider .swiper-slider-container.slider-fullheight { height: calc(-84px + 100vh); } .zofo-rep.has-transparent-hdr:not([data-set-root="true"]) main-slider .swiper-slider-container.slider-fullheight { height: 100vh; } .zofo-rep main-slider .swiper-slider-container.slider-fullheight { min-height: 696px; height: calc(100vh - var(--header-promo-height,0) - var(--header-height,0) - var(--slider-under-height,0)); } .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-slide, .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-wrapper { height: 100%; } .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-slide-img { height: 100%; padding-bottom: 0px !important; } .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-slide-img > .image-wrap > img, .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-slide-img > .inner-video, .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-slide-img > img { object-fit: cover; } .zofo-rep.has-transparent-hdr main-slider .swiper-slider-container.slider-fullheight { height: calc(100vh - var(--header-promo-height,0) - var(--slider-under-height,0)); } }
@media (min-width: 768px) and (max-width: 1024px) { .zofo-rep:not([data-set-root="true"]) main-slider .swiper-slider-container.slider-fullheight { height: calc(-84px + 100vh); } .zofo-rep main-slider .swiper-slider-container.slider-fullheight { min-height: 500px; height: calc(var(--vhStart,1vh) * 100 - var(--header-promo-height,0px) - var(--header-height,63px) - var(--mobile-panel-height,62px)); } .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-slide, .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-wrapper { height: 100%; } .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-slide-img { height: 100%; padding-bottom: 0px !important; } .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-slide-img > .image-wrap > img, .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-slide-img > .inner-video, .zofo-rep main-slider .swiper-slider-container.slider-fullheight .swiper-slide-img > img { object-fit: cover; } .zofo-rep.has-transparent-hdr main-slider .swiper-slider-container.slider-fullheight { height: calc(100vh - var(--header-promo-height,0) - var(--mobile-panel-height,62px)); } }
@media (max-width: 767px) { .zofo-rep:not([data-set-root="true"]) main-slider .swiper-slider-container.slider-fullheight-mobile { height: calc(var(--vhStart,1vh) * 100 - 63px - 62px); } .zofo-rep main-slider .swiper-slider-container:not(.slider-fullheight-mobile) .hide-mobile-not-fullheight { display: none !important; } .zofo-rep main-slider .swiper-slider-container.slider-fullheight-mobile { min-height: 400px; height: calc(var(--vhStart,1vh) * 100 - var(--header-promo-height,0px) - var(--header-height,63px) - var(--mobile-panel-height,62px)); } .zofo-rep main-slider .swiper-slider-container.slider-fullheight-mobile .swiper-slide, .zofo-rep main-slider .swiper-slider-container.slider-fullheight-mobile .swiper-wrapper { height: 100%; } .zofo-rep main-slider .swiper-slider-container.slider-fullheight-mobile .swiper-slide-img { height: 100%; padding-bottom: 0px !important; } .zofo-rep main-slider .swiper-slider-container.slider-fullheight-mobile .swiper-slide-img > .image-wrap > img, .zofo-rep main-slider .swiper-slider-container.slider-fullheight-mobile .swiper-slide-img > .inner-video, .zofo-rep main-slider .swiper-slider-container.slider-fullheight-mobile .swiper-slide-img > img { object-fit: cover; } }
@media (max-width: 575px) { .zofo-rep main-slider .btn, .zofo-rep main-slider .btn.btn--lg { height: 40px; padding: 8px 30px; font-size: 12px; line-height: 24px; } }
.zofo-rep main-slider .swiper-arrows-carousel { top: calc(50% - 1px); }
@media (min-width: 1025px) { .zofo-rep main-slider .swiper-slider-container.slider-bottom-ellipse { clip-path: ellipse(125% 100% at center 0px); } }
.zofo-rep main-slider img.fade-up { transition: opacity 0.2s; }
.zofo-rep main-slider .inner-video, .zofo-rep main-slider iframe, .zofo-rep main-slider video { position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }
.zofo-rep .swiper-slide-caption { height: fit-content; padding: var(--padding,3%); width: 100%; }
.zofo-rep .swiper-slide-caption .btn { --offset-top: 3em; width: fit-content; min-width: 190px; margin-top: var(--offset-top); }
@media (max-width: 767px) { .zofo-rep .swiper-slide-caption .btn { min-width: 140px; margin-top: calc(var(--offset-top)/ 1.4); } }
@media (max-width: 575px) { .zofo-rep .swiper-slide-caption .btn { min-width: 120px; margin-top: calc(var(--offset-top)/ 1.8); } }
@media (max-width: 374px) { .zofo-rep .swiper-slide-caption .btn { margin-top: calc(var(--offset-top)/ 2); } }
.zofo-rep .swiper-slide-caption.to-left { margin-right: auto; }
.zofo-rep .swiper-slide-caption.to-right { margin-left: auto; }
.zofo-rep .swiper-slide-caption.to-center { margin-left: auto; margin-right: auto; }
.zofo-rep .swiper-slide-caption.to-top { align-self: flex-start; }
.zofo-rep .swiper-slide-caption.to-bottom { align-self: flex-end; }
.zofo-rep .swiper-slide-caption.to-middle { align-self: center; }
@media (max-width: 767px) { .zofo-rep .swiper-slide-caption { width: var(--caption-width-mobile,100%); margin-bottom: 55px; padding: var(--padding-mobile,3%); } .zofo-rep .swiper-slide-caption.to-left-mobile { margin-right: auto; margin-left: 0px; } .zofo-rep .swiper-slide-caption.to-right-mobile { margin-left: auto; margin-right: 0px; } .zofo-rep .swiper-slide-caption.to-center-mobile { margin-left: auto; margin-right: auto; } .zofo-rep .swiper-slide-caption.to-top-mobile { align-self: flex-start; } .zofo-rep .swiper-slide-caption.to-bottom-mobile { align-self: flex-end; } .zofo-rep .swiper-slide-caption.to-middle-mobile { justify-content: center; } .zofo-rep .swiper-slide-caption .hide-mobile { display: none; } .zofo-rep .swiper-slide-caption.text-center-mobile { text-align: center !important; } .zofo-rep .swiper-slide-caption.text-start-mobile { text-align: left !important; } .zofo-rep .swiper-slide-caption.text-end-mobile { text-align: right !important; } }
.zofo-rep [data-swiper-animation] { visibility: hidden; }
.zofo-rep .swiper-slide-img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.zofo-rep .swiper-slide-img.swiper-slide-img-m { display: none; }
@media (max-width: 767px) { .zofo-rep .swiper-slide-img.swiper-slide-img-m { display: block; } .zofo-rep .swiper-slide-img.swiper-slide-img-m + .swiper-slide-img { display: none; } }
.zofo-rep [class*="swiper-slide-text"] { font-size: clamp(7px,var(--font-size),var(--font-size)); font-weight: var(--font-weight); line-height: var(--line-height,1.2em); margin-top: var(--offset-top,1em); margin-left: -0.06em; }
@media (max-width: 374px) { .zofo-rep [class*="swiper-slide-text"] { margin-top: calc(var(--offset-top)/ 1.5); } }
@media (max-width: 1024px) { .zofo-rep.has-transparent-hdr .page-content .holder:first-of-type main-slider, .zofo-rep.has-transparent-hdr .page-content section:first-of-type main-slider { margin-top: -1px; } }
.zofo-rep main-slider .swiper-slider-container > .swiper-pagination-bullets { bottom: 30px; }
@media (max-width: 1199px) { .zofo-rep main-slider .swiper-slider-container > .swiper-pagination-bullets { bottom: 20px; } }
.zofo-rep .swiper-pagination-wrap { position: absolute; bottom: 30px; right: 0px; left: 0px; padding: 0px 7px; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 767px) { .zofo-rep .swiper-pagination-wrap { bottom: 5px; } }
.zofo-rep .swiper-pagination-wrap .swiper-pagination-bullets { position: static; width: fit-content !important; }
.zofo-rep .swiper-pagination-wrap .swiper-button-next, .zofo-rep .swiper-pagination-wrap .swiper-button-prev { position: static; top: auto; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: var(--button-border-radius); transition: 0.3s; color: var(--main-slider-pagination-color,var(--swiper-pagination-color)); pointer-events: all; }
.zofo-rep .swiper-pagination-wrap .swiper-button-next::before, .zofo-rep .swiper-pagination-wrap .swiper-button-prev::before { opacity: 0; width: 48px; height: 48px; content: ""; position: absolute; z-index: -1; border-radius: var(--button-border-radius); background: var(--button-bg-white); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px; transition: 0.1s; }
.zofo-rep .swiper-pagination-wrap .swiper-button-next::after, .zofo-rep .swiper-pagination-wrap .swiper-button-prev::after { font-size: 20px; font-weight: 700; }
.zofo-rep .swiper-pagination-wrap .swiper-button-next.swiper-button-disabled, .zofo-rep .swiper-pagination-wrap .swiper-button-prev.swiper-button-disabled { pointer-events: all; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .swiper-pagination-wrap .swiper-button-next:not(.swiper-button-disabled):hover, .zofo-rep .swiper-pagination-wrap .swiper-button-prev:not(.swiper-button-disabled):hover { color: var(--button-color-white); } .zofo-rep .swiper-pagination-wrap .swiper-button-next:not(.swiper-button-disabled):hover::after, .zofo-rep .swiper-pagination-wrap .swiper-button-prev:not(.swiper-button-disabled):hover::after { font-size: 20px; font-weight: 700; } .zofo-rep .swiper-pagination-wrap .swiper-button-next:not(.swiper-button-disabled):hover::before, .zofo-rep .swiper-pagination-wrap .swiper-button-prev:not(.swiper-button-disabled):hover::before { opacity: 1; width: 50px; height: 50px; } }
.zofo-rep .swiper-pagination-wrap .swiper-button-prev::after { margin: 1px 0px 0px -3px; }
.zofo-rep .swiper-pagination-wrap .swiper-button-next::after { margin: 1px 0px 0px 1px; }
.zofo-rep .swiper-pagination-wrap .swiper-button-prev { margin: 0px 30px 0px 0px; order: 0; }
.zofo-rep .swiper-pagination-wrap .swiper-pagination { order: 1; }
.zofo-rep .swiper-pagination-wrap .swiper-button-next { margin: 0px 0px 0px 30px; order: 2; }
@media (max-width: 767px) { .zofo-rep .swiper-slider-container.slider-fullheight-mobile .swiper-pagination-wrap { bottom: 20px; } }
@media (max-width: 1024px) { .zofo-rep .swiper-slider-container:not(.slider-fullheight-mobile) .swiper-pagination-wrap { bottom: 10px; } }
@media (max-width: 767px) { .zofo-rep .swiper-slider-container:not(.slider-fullheight-mobile) .swiper-pagination-wrap { --swiper-pagination-color: var(--text-color); --swiper-pagination-active-color: var(--custom-color); position: relative; bottom: -5px; margin: 25px auto 0px 0px; width: 100%; } .zofo-rep .swiper-slider-container:not(.slider-fullheight-mobile) .swiper-pagination-wrap .swiper-button-next, .zofo-rep .swiper-slider-container:not(.slider-fullheight-mobile) .swiper-pagination-wrap .swiper-button-prev { display: none; } .zofo-rep .swiper-slider-container:not(.slider-fullheight-mobile) .swiper-slide-caption { margin-bottom: 0px; } .zofo-rep main-slider .swiper-slider-container:not(.slider-fullheight-mobile) .swiper-pagination.colorize-invert, .zofo-rep main-slider .swiper-slider-container:not(.slider-fullheight-mobile) .swiper-pagination.colorize-invert-always { --swiper-pagination-color: var(--text-color-static); --swiper-pagination-active-color: var(--custom-color); } .zofo-rep main-slider .swiper-slider-container:not(.slider-fullheight-mobile) { height: auto !important; } .zofo-rep main-slider .swiper-slider-container:not(.slider-fullheight-mobile) > .swiper-pagination-bullets { position: relative; bottom: 0px; margin: 25px auto 5px 0px; width: 100% !important; justify-content: center !important; } }
.zofo-rep main-slider .swiper-slider-container > .swiper-pagination-bullets.justify-content-start { padding: 0px 38px; }
.zofo-rep main-slider .swiper-pagination-wrap .swiper-button-next, .zofo-rep main-slider .swiper-pagination-wrap .swiper-button-prev { position: relative !important; color: var(--text-color-banner); }
.zofo-rep main-slider .swiper-pagination-wrap.colorize-invert .swiper-button-next, .zofo-rep main-slider .swiper-pagination-wrap.colorize-invert .swiper-button-prev { color: var(--text-color-banner-invert); }
.zofo-rep main-slider .swiper-arrows-carousel .swiper-button-next, .zofo-rep main-slider .swiper-arrows-carousel .swiper-button-prev { width: 48px; height: 48px; }
.zofo-rep main-slider .swiper-button-next svg, .zofo-rep main-slider .swiper-button-prev svg { position: absolute; left: 0px; top: 0px; z-index: 1; pointer-events: none; }
.zofo-rep main-slider .swiper-button-next circle, .zofo-rep main-slider .swiper-button-next rect, .zofo-rep main-slider .swiper-button-prev circle, .zofo-rep main-slider .swiper-button-prev rect { fill: transparent; stroke-width: 1; stroke: var(--text-color-banner); }
.zofo-rep main-slider .swiper-button-next circle, .zofo-rep main-slider .swiper-button-prev circle { stroke-dasharray: 150; stroke-dashoffset: 150; transform: rotate(-90deg); transform-origin: 50% 50%; }
.zofo-rep main-slider .swiper-button-next rect, .zofo-rep main-slider .swiper-button-prev rect { width: 100%; height: 100%; stroke-dasharray: 195; stroke-dashoffset: 195; }
.zofo-rep main-slider .swiper-button-next .swiper-progress-bar.is-animate circle, .zofo-rep main-slider .swiper-button-next .swiper-progress-bar.is-animate rect, .zofo-rep main-slider .swiper-button-prev .swiper-progress-bar.is-animate circle, .zofo-rep main-slider .swiper-button-prev .swiper-progress-bar.is-animate rect { animation: sliderProgress var(--autoplay) forwards; }
.zofo-rep main-slider .swiper-pagination-wrap.colorize-invert .swiper-button-next circle, .zofo-rep main-slider .swiper-pagination-wrap.colorize-invert .swiper-button-next rect, .zofo-rep main-slider .swiper-pagination-wrap.colorize-invert .swiper-button-prev circle, .zofo-rep main-slider .swiper-pagination-wrap.colorize-invert .swiper-button-prev rect { stroke: var(--text-color-banner-invert); }
.zofo-rep main-slider .swiper-container.video-paused .swiper-progress-bar.is-animate circle { animation-play-state: paused; }
.zofo-rep .container > main-slider .swiper-wrapper { border-radius: var(--radius-ic,16px); overflow: hidden; }
@keyframes sliderProgress { 100% { stroke-dashoffset: 0; } }
.zofo-rep main-slider .video-wrap-content { position: relative; width: 100%; height: 100%; overflow: hidden; pointer-events: none; border-radius: 0px; }
.zofo-rep main-slider .video-wrap-content .video-control { position: absolute; display: none; top: 15px; left: auto; right: 15px; width: 40px; height: 40px; z-index: 10; pointer-events: all; }
.zofo-rep main-slider .video-wrap-content .video-control > * { display: flex; position: absolute; width: 100%; height: 100%; align-items: center; justify-content: center; z-index: 1; }
.zofo-rep main-slider .video-wrap-content .video-control svg { width: 40px; height: 40px; }
.zofo-rep main-slider .video-wrap-content .video-wrap-poster { position: relative; width: 100%; height: 100%; z-index: 1; }
.zofo-rep main-slider .video-wrap-content .video-wrap-poster img { width: 100%; height: 100%; object-fit: cover; }
.zofo-rep main-slider .video-wrap-content [data-load] { z-index: 1; }
@media (min-width: 768px) { .zofo-rep main-slider .swiper-container flow-type { pointer-events: none; } .zofo-rep main-slider .swiper-container flow-type .btn { pointer-events: all; cursor: pointer; } .zofo-rep main-slider .swiper-container.video-paused .swiper-slide-active.swiper-slide--video:not(.off-control) { cursor: url("data:image/svg+xml;charset=utf-8,<svg width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M22.4391 0.634895L25 0.500686L27.5609 0.634895L30.0937 1.03605L32.5707 1.69977L34.9648 2.61877L37.2497 3.78297L39.4003 5.17964L41.3932 6.79345L43.2066 8.60677L44.8204 10.5997L46.217 12.7503L47.3812 15.0352L48.3002 17.4293L48.9639 19.9063L49.3651 22.4391L49.4993 25L49.3651 27.5609L48.9639 30.0937L48.3002 32.5707L47.3812 34.9648L46.217 37.2497L44.8204 39.4003L43.2066 41.3932L41.3932 43.2066L39.4003 44.8204L37.2497 46.217L34.9648 47.3812L32.5707 48.3002L30.0937 48.9639L27.5609 49.3651L25 49.4993L22.4391 49.3651L19.9063 48.9639L17.4293 48.3002L15.0352 47.3812L12.7503 46.217L10.5997 44.8204L8.60677 43.2065L6.79346 41.3932L5.17964 39.4003L3.78297 37.2497L2.61877 34.9648L1.69977 32.5707L1.03605 30.0937L0.634896 27.5609L0.500686 25L0.634896 22.4391L1.03605 19.9063L1.69977 17.4293L2.61876 15.0352L3.78297 12.7503L5.17964 10.5997L6.79346 8.60676L8.60676 6.79346L10.5997 5.17964L12.7503 3.78297L15.0352 2.61876L17.4293 1.69977L19.9063 1.03605L22.4391 0.634895Z\" fill=\"white\" stroke=\"LightSlateGray\"/><path d=\"M26.1537 19.3245L22.9153 17.0642C22.6655 16.8898 22.3726 16.7872 22.0685 16.7676C21.7644 16.748 21.4608 16.8122 21.1906 16.9531C20.9205 17.094 20.6941 17.3062 20.5361 17.5668C20.3782 17.8274 20.2947 18.1263 20.2947 18.431V31.569C20.2947 31.8737 20.3782 32.1726 20.5361 32.4331C20.6941 32.6937 20.9205 32.906 21.1906 33.0469C21.4608 33.1878 21.7644 33.2519 22.0685 33.2323C22.3726 33.2127 22.6655 33.1102 22.9153 32.9358L26.1537 30.6754L32.3261 26.3663C32.5461 26.2128 32.7258 26.0083 32.8499 25.7704C32.974 25.5325 33.0388 25.2681 33.0388 24.9998C33.0388 24.7314 32.974 24.4671 32.8499 24.2291C32.7258 23.9912 32.5461 23.7868 32.3261 23.6332L26.1537 19.3245Z\" fill=\"black\"/></svg>") 25 25, pointer; } .zofo-rep main-slider .swiper-container.video-playing .swiper-slide-active.swiper-slide--video:not(.off-control) { cursor: url("data:image/svg+xml;charset=utf-8,<svg width=\"50\" height=\"50\" viewBox=\"0 0 50 50\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M22.4391 0.634895L25 0.500686L27.5609 0.634895L30.0937 1.03605L32.5707 1.69977L34.9648 2.61877L37.2497 3.78297L39.4003 5.17964L41.3932 6.79345L43.2066 8.60677L44.8204 10.5997L46.217 12.7503L47.3812 15.0352L48.3002 17.4293L48.9639 19.9063L49.3651 22.4391L49.4993 25L49.3651 27.5609L48.9639 30.0937L48.3002 32.5707L47.3812 34.9648L46.217 37.2497L44.8204 39.4003L43.2066 41.3932L41.3932 43.2066L39.4003 44.8204L37.2497 46.217L34.9648 47.3812L32.5707 48.3002L30.0937 48.9639L27.5609 49.3651L25 49.4993L22.4391 49.3651L19.9063 48.9639L17.4293 48.3002L15.0352 47.3812L12.7503 46.217L10.5997 44.8204L8.60677 43.2065L6.79346 41.3932L5.17964 39.4003L3.78297 37.2497L2.61877 34.9648L1.69977 32.5707L1.03605 30.0937L0.634896 27.5609L0.500686 25L0.634896 22.4391L1.03605 19.9063L1.69977 17.4293L2.61876 15.0352L3.78297 12.7503L5.17964 10.5997L6.79346 8.60676L8.60676 6.79346L10.5997 5.17964L12.7503 3.78297L15.0352 2.61876L17.4293 1.69977L19.9063 1.03605L22.4391 0.634895Z\" fill=\"white\" stroke=\"LightSlateGray\"/><path d=\"M30 16.6667C29.7811 16.6667 29.5644 16.7098 29.3621 16.7935C29.1599 16.8772 28.9761 17 28.8214 17.1548C28.6666 17.3096 28.5438 17.4933 28.4601 17.6955C28.3764 17.8978 28.3333 18.1145 28.3333 18.3334V31.6667C28.3333 32.1088 28.5089 32.5327 28.8215 32.8453C29.1341 33.1578 29.558 33.3334 30 33.3334C30.442 33.3334 30.866 33.1578 31.1785 32.8453C31.4911 32.5327 31.6667 32.1088 31.6667 31.6667V18.3334C31.6667 18.1145 31.6237 17.8978 31.5399 17.6955C31.4562 17.4933 31.3334 17.3096 31.1786 17.1548C31.0239 17 30.8401 16.8772 30.6379 16.7935C30.4356 16.7098 30.2189 16.6667 30 16.6667Z\" fill=\"black\"/><path d=\"M20 16.6667C19.7811 16.6667 19.5644 16.7098 19.3621 16.7935C19.1599 16.8772 18.9761 17 18.8214 17.1548C18.6666 17.3096 18.5438 17.4933 18.4601 17.6955C18.3763 17.8978 18.3333 18.1145 18.3333 18.3334V31.6667C18.3333 32.1088 18.5089 32.5327 18.8215 32.8453C19.1341 33.1578 19.558 33.3334 20 33.3334C20.442 33.3334 20.866 33.1578 21.1785 32.8453C21.4911 32.5327 21.6667 32.1088 21.6667 31.6667V18.3334C21.6667 18.1145 21.6237 17.8978 21.5399 17.6955C21.4562 17.4933 21.3334 17.3096 21.1786 17.1548C21.0239 17 20.8401 16.8772 20.6379 16.7935C20.4356 16.7098 20.2189 16.6667 20 16.6667Z\" fill=\"black\"/> </svg>") 25 25, pointer; } .zofo-rep main-slider .swiper-pagination-wrap { margin: 0px auto; width: fit-content; z-index: 1; } .zofo-rep main-slider .swiper-pagination-wrap::before { content: ""; position: absolute; inset: -30px; cursor: default; } }
@media (max-width: 767px) { .zofo-rep main-slider .swiper-slide-active.swiper-slide--video .video-control { display: block; } .zofo-rep main-slider .swiper-container.video-paused .swiper-slide-active.swiper-slide--video .video-wrap-content [data-video-stop] { display: none; } .zofo-rep main-slider .swiper-container.video-playing .swiper-slide-active.swiper-slide--video .video-wrap-content [data-video-play] { display: none; } .zofo-rep main-slider .swiper-container.off-control .video-control, .zofo-rep main-slider .swiper-slide.off-control .video-control { display: none !important; } }
.zofo-rep [class*="swiper-pagination--simple"] { display: flex; flex-direction: column; top: 50%; height: fit-content; transform: translateY(-50%); background: rgba(255, 255, 255, 0.5); border-radius: var(--radius-max); width: 40px !important; }
.zofo-rep [class*="swiper-pagination--simple"] .swiper-button-next, .zofo-rep [class*="swiper-pagination--simple"] .swiper-button-prev { width: 40px; height: 40px; }
.zofo-rep [class*="swiper-pagination--simple"] .swiper-button-next circle, .zofo-rep [class*="swiper-pagination--simple"] .swiper-button-next rect, .zofo-rep [class*="swiper-pagination--simple"] .swiper-button-prev circle, .zofo-rep [class*="swiper-pagination--simple"] .swiper-button-prev rect { stroke: var(--swiper-pagination-active-color); }
.zofo-rep [class*="swiper-pagination--simple"] .swiper-button-next::before, .zofo-rep [class*="swiper-pagination--simple"] .swiper-button-prev::before { width: 40px; height: 40px; opacity: 0 !important; }
.zofo-rep [class*="swiper-pagination--simple"] .swiper-button-next::after, .zofo-rep [class*="swiper-pagination--simple"] .swiper-button-prev::after { font-size: 14px; color: rgba(0, 0, 0, 0.3); transition: color 0.2s; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep [class*="swiper-pagination--simple"] .swiper-button-next:not(.swiper-button-disabled):hover::after, .zofo-rep [class*="swiper-pagination--simple"] .swiper-button-prev:not(.swiper-button-disabled):hover::after { font-size: 18px; color: rgba(0, 0, 0, 0.5); } }
.zofo-rep [class*="swiper-pagination--simple"] .swiper-button-prev { transform: rotate(90deg) translateY(-5px); }
.zofo-rep [class*="swiper-pagination--simple"] .swiper-button-next { transform: rotate(90deg) translateY(5px); }
.zofo-rep [class*="swiper-pagination--simple"] .swiper-pagination { display: flex; flex-direction: column; gap: 10px; padding: 10px; }
.zofo-rep [class*="swiper-pagination--simple"] .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { height: 18px; width: 30px; }
.zofo-rep [class*="swiper-pagination--simple"] .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active)::after { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; background: rgb(255, 255, 255); }
.zofo-rep [class*="swiper-pagination--simple"] .swiper-pagination .swiper-pagination-bullet::after { width: 18px; height: 18px; transition: background 0.15s; border-radius: var(--radius-max); }
@media (max-width: 767px) { .zofo-rep .swiper-slider-container .swiper-pagination-wrap[class*="swiper-pagination--simple"] { flex-direction: row; padding: 0px 5px; width: fit-content !important; } .zofo-rep .swiper-slider-container .swiper-pagination-wrap[class*="swiper-pagination--simple"] .swiper-pagination { flex-direction: row; } .zofo-rep .swiper-slider-container .swiper-pagination-wrap[class*="swiper-pagination--simple"] .swiper-button-next, .zofo-rep .swiper-slider-container .swiper-pagination-wrap[class*="swiper-pagination--simple"] .swiper-button-prev { display: none; } .zofo-rep .swiper-slider-container:not(.slider-fullheight-mobile) .swiper-pagination-wrap[class*="swiper-pagination--simple"] { position: relative; top: 10px; left: auto; right: auto; margin: 20px auto; } .zofo-rep .swiper-slider-container.slider-fullheight-mobile .swiper-pagination-wrap[class*="swiper-pagination--simple"] { position: absolute; inset: auto 0px 0px; margin: 10px auto; z-index: 1; } }
.zofo-rep .swiper-pagination--simple-left { left: 55px; right: auto; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .zofo-rep .swiper-pagination--simple-left { left: 25px; } }
.zofo-rep .swiper-pagination--simple-right { right: 55px; left: auto; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .zofo-rep .swiper-pagination--simple-right { right: 25px; } }
@media (min-width: 1025px) { .zofo-rep .has-aside-pagination .container { max-width: Min(var(--container-max-width),calc(100% - 200px)); } .zofo-rep .has-aside-pagination .container.has-strict-width { --container-max-width: Min(var(--container-max-width-boxed), calc(100% - 200px) ); } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .zofo-rep .has-aside-pagination .container { max-width: Min(var(--container-max-width),calc(100% - 120px)); } .zofo-rep .has-aside-pagination .container.has-strict-width { --container-max-width: Min(var(--container-max-width-boxed), calc(100% - 120px) ); } }
.zofo-rep .swiper-container.slider-boxed { overflow: visible; }
.zofo-rep .swiper-container.slider-boxed .swiper-slide { transform: scale(0.9); transition: 0.5s ease-in-out; z-index: 1; }
.zofo-rep .swiper-container.slider-boxed .swiper-slide.swiper-slide-active { opacity: 1; transform: scale(1); z-index: 2; }
.zofo-rep .swiper-container.slider-boxed.container { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); }
.zofo-rep .container > main-slider .slider-boxed .swiper-wrapper { overflow: visible; }
.zofo-rep main-slider .swiper-container.swiper-container-initialized.slider-boxed .swiper-slide:not(.swiper-slide-visible) { opacity: 0.5 !important; }
.zofo-rep .contact-map { position: relative; overflow: hidden; height: 325px; border-radius: var(--radius-md,16px); }
.zofo-rep .contact-map--full { height: 350px; border-radius: 0px; }
.zofo-rep .contact-map iframe { display: block; width: 100%; height: 100%; left: 0px; top: 0px; overflow: hidden; object-fit: cover; border: 0px; z-index: 2; }
.zofo-rep .contact-map .contact-map-control { position: absolute; display: flex; align-items: center; justify-content: center; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; opacity: 0; transition: opacity 0.2s; }
.zofo-rep .contact-map .contact-map-control > * { display: flex; position: absolute; width: 100%; height: 100%; align-items: center; justify-content: center; z-index: 1; cursor: pointer; }
.zofo-rep .contact-map .contact-map-control::before { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.15; z-index: 0; transition: 0.2s; }
.zofo-rep .contact-map .contact-map-control svg { width: 48px; height: 48px; opacity: 1; color: rgb(255, 255, 255); }
.zofo-rep .contact-map .contact-map-control svg path { fill: currentcolor; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .contact-map .contact-map-control:hover + .contact-map-poster .image-hover-scale img { transform: scale3d(1.075, 1.075, 1); transition: transform 0.3s cubic-bezier(0.4, 0.95, 0.5, 1.1) 50ms, opacity 0.3s !important; } }
.zofo-rep .contact-map:hover .contact-map-control { opacity: 1; }
.zofo-rep .contact-map loading-bar { position: absolute; }
@media (max-width: 575px) { .zofo-rep .contact-map { height: 250px; } }
.zofo-rep deferred-media .contact-map { height: auto !important; }
.zofo-rep deferred-media .contact-map iframe { position: absolute; }
.zofo-rep deferred-media.map-loading .contact-map-control, .zofo-rep deferred-media.map-loading .contact-map-poster { transition: opacity 0.2s 0.5s; pointer-events: none; opacity: 1 !important; }
.zofo-rep deferred-media.map-loaded .contact-map-control, .zofo-rep deferred-media.map-loaded .contact-map-poster { opacity: 0 !important; pointer-events: none; }
.zofo-rep .contact-info2-row { justify-content: center; padding-top: 5px; }
@media (min-width: 1025px) { .zofo-rep .contact-info2-wrap { min-width: 280px; } }
.zofo-rep .contact-info2-row { justify-content: center; }
.zofo-rep .contact-info2 { margin-left: -9px; margin-right: -9px; }
.zofo-rep .contact-info2 > * { padding: 0px 9px; }
@media (max-width: 575px) { .zofo-rep .contact-info2 { margin-left: -6px; margin-right: -6px; } .zofo-rep .contact-info2 > * { padding: 0px 6px; } }
@media (max-width: 575px) { .zofo-rep .contact-info2 { flex-direction: column; text-align: center; } }
.zofo-rep .contact-info2-icon svg { width: 24px; height: auto; }
@media (max-width: 575px) { .zofo-rep .contact-info2-icon svg { height: 35px; } }
.zofo-rep .contact-info2-icon svg path:not(.path--nofill) { fill: var(--custom-color); }
.zofo-rep .contact-info2-icon svg path[stroke="black"] { stroke: var(--custom-color); }
.zofo-rep .contact-info2-text { font-size: 15px; font-weight: var(--font-weight-400); line-height: 20px; color: var(--text-color-secondary); }
@media (max-width: 575px) { .zofo-rep .contact-info2-text { font-size: 13px; line-height: 18px; } }
.zofo-rep .contact-info2-text a { color: var(--text-color-secondary); }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .contact-info2-text a:hover { color: var(--body-link-secondary-color-hover); } }
@media (max-width: 575px) { .zofo-rep .contact-info2-text:not(:first-child) { margin-top: 10px; } }
.zofo-rep .contact-info2-title { margin-bottom: 2px; font-size: 15px; font-weight: var(--h); line-height: 28px; color: var(--text-color); }
@media (max-width: 575px) { .zofo-rep .contact-info2-title { font-size: 14px; line-height: 20px; } }
@media (min-width: 1200px) { .zofo-rep .col-contact-map:first-child { padding-right: 50px; } .zofo-rep .col-contact-map:last-child { padding-left: 50px; } }
@media (min-width: 1466px) { .zofo-rep .col-contact-map:first-child { padding-right: 100px; } .zofo-rep .col-contact-map:last-child { padding-left: 100px; } }
@media (min-width: 768px) { .zofo-rep .col-contact-form:not(.mx-auto) { flex: 0 0 auto; width: min(400px, 40%); } .zofo-rep .col-contact-form.mx-auto { flex: 0 0 auto; width: 400px; } }
@media (max-width: 767px) { .zofo-rep .col-contact-map { order: 1; } .zofo-rep .col-contact-form { max-width: 400px; margin-left: auto; margin-right: auto; } }
.zofo-rep .contact-info-row { justify-content: center; }
.zofo-rep .contact-info { flex-direction: column; text-align: center; }
.zofo-rep .contact-info-icon svg { height: 40px; width: auto; }
.zofo-rep .contact-info-icon svg path:not(.path--nofill) { fill: var(--text-color); }
.zofo-rep .contact-info-icon svg path[stroke] { stroke: var(--text-color); }
.zofo-rep .contact-info-text { font-size: 15px; font-weight: var(--font-weight-400); line-height: 28px; color: var(--text-color-secondary); }
.zofo-rep .contact-info-text:not(:first-child) { margin-top: 12px; }
.zofo-rep .contact-info-text a { color: var(--text-color-secondary); }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .contact-info-text a:hover { color: var(--body-link-secondary-color-hover); } }
.zofo-rep .contact-info-title { margin-bottom: 2px; font-size: 15px; font-weight: var(--heading-sm-weight); line-height: 24px; color: var(--text-color); }
@media (max-width: 575px) { .zofo-rep .contact-info-title { font-size: 14px; line-height: 18px; } }
.zofo-rep .animate-bounce-in:hover, .zofo-rep .animate-bounce-out:hover { transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
.zofo-rep .animate-bob:hover, .zofo-rep .animate-hang:hover { animation-delay: 0s, 0.3s; animation-fill-mode: forwards; animation-direction: normal, alternate; }
.zofo-rep .pf-animated { animation-duration: 1s; animation-fill-mode: both; }
@keyframes pf-bounce { 20%, 53%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } }
.zofo-rep .bounce { animation-name: pf-bounce; transform-origin: center bottom; }
@keyframes pf-bounceIn { 20%, 40%, 60%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleZ(1); } }
.zofo-rep .bounceIn { animation-name: pf-bounceIn; }
@keyframes pf-bounceInDown { 60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } }
.zofo-rep .bounceInDown { animation-name: pf-bounceInDown; }
@keyframes pf-bounceInLeft { 60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; } }
.zofo-rep .bounceInLeft { animation-name: pf-bounceInLeft; }
@keyframes pf-bounceInRight { 60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; } }
.zofo-rep .bounceInRight { animation-name: pf-bounceInRight; }
@keyframes pf-bounceInUp { 60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translateZ(0px); } }
.zofo-rep .bounceInUp { animation-name: pf-bounceInUp; }
@keyframes pf-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
.zofo-rep .fadeIn { animation-name: pf-fadeIn; }
@keyframes pf-fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; } }
.zofo-rep .fadeInDown { animation-name: pf-fadeInDown; }
@keyframes pf-fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: none; } }
.zofo-rep .fadeInDownBig { animation-name: pf-fadeInDownBig; }
@keyframes pf-fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: none; } }
.zofo-rep .fadeInLeft { animation-name: pf-fadeInLeft; }
@keyframes pf-fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }
.zofo-rep .fadeInLeftBig { animation-name: pf-fadeInLeftBig; }
@keyframes pf-fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: none; } }
.zofo-rep .fadeInRight { animation-name: pf-fadeInRight; }
@keyframes pf-fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }
.zofo-rep .fadeInRightBig { animation-name: pf-fadeInRightBig; }
@keyframes pf-fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: none; } }
.zofo-rep .fadeInUp { animation-name: pf-fadeInUp; }
@keyframes pf-fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: none; } }
.zofo-rep .fadeInUpBig { animation-name: pf-fadeInUpBig; }
@keyframes pf-flash { 50%, 0%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }
.zofo-rep .flash { animation-name: pf-flash; }
.zofo-rep .flip { animation-name: pf-flip; }
@keyframes pf-flip { 0% { transform: rotateY(180deg); } 100% { transform: rotateY(0deg); } }
@keyframes pf-flipInX { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } }
.zofo-rep .flipInX { animation-name: pf-flipInX; backface-visibility: visible !important; }
@keyframes pf-flipInY { 0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } }
.zofo-rep .flipInY { animation-name: pf-flipInY; backface-visibility: visible !important; }
@keyframes pf-jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } }
.zofo-rep .jackInTheBox { animation-name: pf-jackInTheBox; }
@keyframes pf-jello { 11.1%, 0%, 100% { transform: none; } 22.2% { transform: skew(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skew(6.25deg) skewY(6.25deg); } 44.4% { transform: skew(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skew(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skew(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skew(0.39062deg) skewY(0.39062deg); } 88.8% { transform: skew(-0.19531deg) skewY(-0.19531deg); } }
.zofo-rep .jello { animation-name: pf-jello; transform-origin: center center; }
@keyframes pf-pulse { 0%, 100% { transform: scaleZ(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } }
.zofo-rep .pulse { animation-name: pf-pulse; }
@keyframes pf-rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: none; } }
.zofo-rep .rollIn { animation-name: pf-rollIn; }
@keyframes pf-rotateIn { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.zofo-rep .rotateIn { animation-name: pf-rotateIn; }
@keyframes pf-rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }
.zofo-rep .rotateInDownLeft { animation-name: pf-rotateInDownLeft; }
@keyframes pf-rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }
.zofo-rep .rotateInDownRight { animation-name: pf-rotateInDownRight; }
@keyframes pf-rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }
.zofo-rep .rotateInUpLeft { animation-name: pf-rotateInUpLeft; }
@keyframes pf-rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }
.zofo-rep .rotateInUpRight { animation-name: pf-rotateInUpRight; }
@keyframes pf-rubberBand { 0%, 100% { transform: scaleZ(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } }
.zofo-rep .rubberBand { animation-name: pf-rubberBand; }
@keyframes pf-shake { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } }
@keyframes pf-slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }
.zofo-rep .slideInDown { animation-name: pf-slideInDown; }
@keyframes pf-slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }
.zofo-rep .slideInLeft { animation-name: pf-slideInLeft; }
@keyframes pf-slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }
.zofo-rep .slideInRight { animation-name: pf-slideInRight; }
@keyframes pf-slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }
.zofo-rep .slideInUp { animation-name: pf-slideInUp; }
@keyframes pf-tada { 0%, 100% { transform: scaleZ(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } }
.zofo-rep .tada { animation-name: pf-tada; }
@keyframes shake { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } }
.zofo-rep .shake { animation-name: shake; }
@keyframes pf-wobble { 0%, 100% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); } }
.zofo-rep .wobble { animation-name: pf-wobble; }
@keyframes pf-zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } }
.zofo-rep .zoomIn { animation-name: pf-zoomIn; }
@keyframes pf-zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zofo-rep .zoomInDown { animation-name: pf-zoomInDown; }
@keyframes pf-zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zofo-rep .zoomInLeft { animation-name: pf-zoomInLeft; }
@keyframes pf-zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zofo-rep .zoomInRight { animation-name: pf-zoomInRight; }
@keyframes pf-zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zofo-rep .zoomInUp { animation-name: pf-zoomInUp; }
.zofo-rep .animate-backward { transition: 0.35s; }
.zofo-rep .animate-backward:hover { transform: translate(-8px); }
@keyframes pf-bob { 0%, 100% { transform: translateY(-8px); } 50% { transform: translateY(-4px); } }
@keyframes pf-bob-float { 100% { transform: translateY(-8px); } }
.zofo-rep .animate-bob:hover { animation-name: pf-bob-float, pf-bob; animation-duration: 0.3s, 1.5s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; }
.zofo-rep .animate-buzz-out:hover, .zofo-rep .animate-buzz:hover, .zofo-rep .animate-pop:hover { animation-timing-function: linear; }
.zofo-rep .animate-bounce-in, .zofo-rep .animate-bounce-out { transition-duration: 0.5s; }
.zofo-rep .animate-bounce-in:hover { transform: scale(1.2); }
.zofo-rep .animate-bounce-out:hover { transform: scale(0.8); }
@keyframes pb-buzz-out { 10%, 30% { transform: translate(3px) rotate(2deg); } 20%, 40% { transform: translate(-3px) rotate(-2deg); } 50%, 70% { transform: translate(2px) rotate(1deg); } 60%, 80% { transform: translate(-2px) rotate(-1deg); } 90% { transform: translate(1px) rotate(0deg); } 100% { transform: translate(-1px) rotate(0deg); } }
.zofo-rep .animate-buzz-out:hover { animation-name: pb-buzz-out; animation-duration: 0.75s; animation-iteration-count: 1; }
@keyframes pb-buzz { 50% { transform: translate(3px) rotate(2deg); } 100% { transform: translate(-3px) rotate(-2deg); } }
.zofo-rep .animate-buzz:hover { animation-name: pb-buzz; animation-duration: 0.15s; animation-iteration-count: infinite; }
.zofo-rep .animate-float-shadow { position: relative; transition-duration: 0.3s; transition-property: transform; }
.zofo-rep .animate-float-shadow::before { position: absolute; z-index: -1; content: ""; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(rgba(0, 0, 0, 0.35) 0px, transparent 80%); transition-duration: 0.3s; transition-property: transform, opacity; }
.zofo-rep .animate-float-shadow:hover { transform: translateY(-5px); }
.zofo-rep .animate-float-shadow:hover::before { opacity: 1; transform: translateY(5px); }
.zofo-rep .animate-float, .zofo-rep .animate-sink { transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.zofo-rep .animate-float:hover { transform: translateY(-8px); }
.zofo-rep .animate-glow, .zofo-rep .animate-shadow { transition-duration: 0.3s; transition-property: box-shadow; }
.zofo-rep .animate-glow:hover { box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; }
.zofo-rep .animate-grow-shadow:hover, .zofo-rep .animate-shadow:hover { box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px -10px; }
.zofo-rep .animate-grow, .zofo-rep .animate-grow-rotate, .zofo-rep .animate-rotate, .zofo-rep .animate-shrink, .zofo-rep .animate-skew { transition-duration: 0.3s; transition-property: transform; }
.zofo-rep .animate-grow-rotate:hover { transform: scale(1.1) rotate(4deg); }
.zofo-rep .animate-grow-shadow { transition-duration: 0.3s; transition-property: box-shadow, transform; }
.zofo-rep .animate-grow-shadow:hover, .zofo-rep .animate-grow:hover { transform: scale(1.1); }
@keyframes pf-hang { 0%, 100% { transform: translateY(8px); } 50% { transform: translateY(4px); } }
@keyframes pf-hang-sink { 100% { transform: translateY(8px); } }
.zofo-rep .animate-hang:hover { animation-name: pf-hang-sink, pf-hang; animation-duration: 0.3s, 1.5s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; }
@keyframes pf-pop { 50% { transform: scale(1.2); } }
.zofo-rep .animate-pop:hover { animation-name: pf-pop; animation-duration: 0.3s; animation-iteration-count: 1; }
.zofo-rep .animate-pulse-grow:hover, .zofo-rep .animate-pulse-shrink:hover, .zofo-rep .animate-pulse:hover { animation-iteration-count: infinite; animation-timing-function: linear; }
@keyframes pf-pulse-grow { 100% { transform: scale(1.1); } }
.zofo-rep .animate-pulse-grow:hover { animation-name: pf-pulse-grow; animation-duration: 0.3s; animation-direction: alternate; }
@keyframes pf-pulse-shrink { 100% { transform: scale(0.9); } }
.zofo-rep .animate-pulse-shrink:hover { animation-name: pf-pulse-shrink; animation-duration: 0.3s; animation-direction: alternate; }
@keyframes pf-pulse { 25% { transform: scale(1.1); } 75% { transform: scale(0.9); } }
.zofo-rep .animate-pulse:hover { animation-name: pf-pulse; animation-duration: 1s; }
@keyframes pf-push { 50% { transform: scale(0.8); } 100% { transform: scale(1); } }
.zofo-rep .animate-push:hover { animation-name: pf-push; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; }
.zofo-rep .animate-wobble-bottom:hover, .zofo-rep .animate-wobble-horizontal:hover, .zofo-rep .animate-wobble-skew:hover, .zofo-rep .animate-wobble-to-bottom-right:hover, .zofo-rep .animate-wobble-to-top-right:hover, .zofo-rep .animate-wobble-top:hover, .zofo-rep .animate-wobble-vertical:hover { animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
.zofo-rep .animate-rotate:hover { transform: rotate(4deg); }
.zofo-rep .animate-shadow-radial { position: relative; }
.zofo-rep .animate-shadow-radial::after, .zofo-rep .animate-shadow-radial::before { position: absolute; content: ""; left: 0px; width: 100%; background-repeat: no-repeat; height: 5px; opacity: 0; transition-duration: 0.3s; transition-property: opacity; }
.zofo-rep .animate-shadow-radial::before { bottom: 100%; background: radial-gradient(at 50% 150%, rgba(0, 0, 0, 0.6) 0px, transparent 80%); }
.zofo-rep .animate-shadow-radial::after { top: 100%; background: radial-gradient(at 50% -50%, rgba(0, 0, 0, 0.6) 0px, transparent 80%); }
.zofo-rep .animate-shadow-radial:hover::after, .zofo-rep .animate-shadow-radial:hover::before { opacity: 1; }
.zofo-rep .animate-shrink:hover { transform: scale(0.9); }
.zofo-rep .animate-sink:hover { transform: translateY(8px); }
.zofo-rep .animate-skew-backward, .zofo-rep .animate-skew-forward { transition-duration: 0.3s; transition-property: transform; transform-origin: 0px 100%; }
.zofo-rep .animate-skew-backward:hover { transform: skew(10deg); }
.zofo-rep .animate-skew-forward:hover, .zofo-rep .animate-skew:hover { transform: skew(-10deg); }
@keyframes pf-wobble-bottom { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0deg); } }
.zofo-rep .animate-wobble-bottom { transform-origin: 100% 0px; }
.zofo-rep .animate-wobble-bottom:hover { animation-name: pf-wobble-bottom; }
@keyframes pf-wobble-horizontal { 16.65% { transform: translate(8px); } 33.3% { transform: translate(-6px); } 49.95% { transform: translate(4px); } 66.6% { transform: translate(-2px); } 83.25% { transform: translate(1px); } 100% { transform: translate(0px); } }
.zofo-rep .animate-wobble-horizontal:hover { animation-name: pf-wobble-horizontal; }
@keyframes pf-wobble-skew { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0deg); } }
.zofo-rep .animate-wobble-skew:hover { animation-name: pf-wobble-skew; }
@keyframes pf-wobble-tbr { 16.65% { transform: translate(8px, 8px); } 33.3% { transform: translate(-6px, -6px); } 49.95% { transform: translate(4px, 4px); } 66.6% { transform: translate(-2px, -2px); } 83.25% { transform: translate(1px, 1px); } 100% { transform: translate(0px); } }
.zofo-rep .animate-wobble-to-bottom-right:hover { animation-name: pf-wobble-tbr; }
@keyframes pf-wobble-ttr { 16.65% { transform: translate(8px, -8px); } 33.3% { transform: translate(-6px, 6px); } 49.95% { transform: translate(4px, -4px); } 66.6% { transform: translate(-2px, 2px); } 83.25% { transform: translate(1px, -1px); } 100% { transform: translate(0px); } }
.zofo-rep .animate-wobble-to-top-right:hover { animation-name: pf-wobble-ttr; }
@keyframes pf-wobble-top { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0deg); } }
.zofo-rep .animate-wobble-top { transform-origin: 0px 100%; }
.zofo-rep .animate-wobble-top:hover { animation-name: pf-wobble-top; }
@keyframes pf-wobble-vertical { 16.65% { transform: translateY(8px); } 33.3% { transform: translateY(-6px); } 49.95% { transform: translateY(4px); } 66.6% { transform: translateY(-2px); } 83.25% { transform: translateY(1px); } 100% { transform: translateY(0px); } }
.zofo-rep .animate-wobble-vertical:hover { animation-name: pf-wobble-vertical; }
.zofo-rep .instagram-grid.ig--style-squared { --instagram-gutter: 20px; position: relative; }
.zofo-rep .instagram-grid.ig--style-squared.ig--style-squared-no-gutter { --instagram-gutter: 4px; }
.zofo-rep .instagram-grid.ig--style-squared .instagram-grid-center-icon { position: absolute; z-index: 2; top: calc(50% + calc(var(--instagram-gutter) * .5)); left: calc(50% + calc(var(--instagram-gutter) * .5)); display: flex; width: 112px; height: 112px; align-items: center; justify-content: center; transform: translate(-50%, -50%); background-color: var(--custom-color); border-radius: var(--radius-50); backface-visibility: hidden; }
.zofo-rep .instagram-grid.ig--style-squared .instagram-grid-center-icon::after { position: absolute; content: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56.7 56.7' enable-background='new 0 0 56.7 56.7' xml:space='preserve'><g><path fill='white' d='M28.2,16.7c-7,0-12.8,5.7-12.8,12.8s5.7,12.8,12.8,12.8S41,36.5,41,29.5S35.2,16.7,28.2,16.7z M28.2,37.7 c-4.5,0-8.2-3.7-8.2-8.2s3.7-8.2,8.2-8.2s8.2,3.7,8.2,8.2S32.7,37.7,28.2,37.7z'/><circle fill='white' cx='41.5' cy='16.4' r='2.9'/><path fill='white' d='M49,8.9c-2.6-2.7-6.3-4.1-10.5-4.1H17.9c-8.7,0-14.5,5.8-14.5,14.5v20.5c0,4.3,1.4,8,4.2,10.7c2.7,2.6,6.3,3.9,10.4,3.9 h20.4c4.3,0,7.9-1.4,10.5-3.9c2.7-2.6,4.1-6.3,4.1-10.6V19.3C53,15.1,51.6,11.5,49,8.9z M48.6,39.9c0,3.1-1.1,5.6-2.9,7.3 s-4.3,2.6-7.3,2.6H18c-3,0-5.5-0.9-7.3-2.6C8.9,45.4,8,42.9,8,39.8V19.3c0-3,0.9-5.5,2.7-7.3c1.7-1.7,4.3-2.6,7.3-2.6h20.6 c3,0,5.5,0.9,7.3,2.7c1.7,1.8,2.7,4.3,2.7,7.2V39.9L48.6,39.9z'/></g></svg>"); width: 42px; height: 42px; transition: transform 0.2s cubic-bezier(0.4, 0.95, 0.5, 1.1) 10ms; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .instagram-grid.ig--style-squared .instagram-grid-center-icon:hover::after { transform: scale(1.3); } }
.zofo-rep .instagram-grid.ig--style-squared .instagram-grid-center-title { position: absolute; z-index: 2; top: 50%; left: 50%; padding: 38px 35px; display: flex; width: fit-content; flex-direction: column; align-items: center; justify-content: center; transform: translate(-50%, -50%); border-radius: var(--radius-md); font-size: 34px; line-height: 1.2em; text-align: center; font-weight: var(--font-weight-600); background-color: var(--button-bg-white); color: var(--button-color-white); transition: 0.2s cubic-bezier(0.4, 0.95, 0.5, 1.1); }
.zofo-rep .instagram-grid.ig--style-squared .instagram-grid-center-title span + span { margin-top: 20px; }
@media (max-width: 1199px) { .zofo-rep .instagram-grid.ig--style-squared .instagram-grid-center-title { font-size: 28px; } }
@media (max-width: 1024px) { .zofo-rep .instagram-grid.ig--style-squared .instagram-grid-center-title { padding: 30px; } .zofo-rep .instagram-grid.ig--style-squared .instagram-grid-center-title span + span { display: none; } }
@media (max-width: 767px) { .zofo-rep .instagram-grid.ig--style-squared .instagram-grid-center-title { padding: 20px; } }
.zofo-rep .instagram-grid.ig--style-squared .instagram-grid-center-title svg { width: 42px; height: 42px; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .instagram-grid.ig--style-squared .instagram-grid-center-title:hover { background-color: var(--button-hover-bg-white); color: var(--button-hover-color-white); } }
.zofo-rep .instagram-grid.ig--style-squared .instagram_gallery, .zofo-rep .instagram-grid.ig--style-squared > * { margin-top: calc(0 - var(--instagram-gutter)); display: flex; justify-content: center; flex-wrap: wrap; width: calc(100% + var(--instagram-gutter)); margin-left: calc(var(--instagram-gutter) * -.5); margin-right: calc(var(--instagram-gutter) * -.5); }
.zofo-rep .instagram-grid.ig--style-squared .instagram-item { margin-top: var(--instagram-gutter); opacity: 1; width: calc(12.49% - var(--instagram-gutter)); margin-left: calc(var(--instagram-gutter) * .5); margin-right: calc(var(--instagram-gutter) * .5); border-radius: calc(var(--radius-xl) * .5); will-change: transform; backface-visibility: hidden; }
.zofo-rep .instagram-grid.ig--style-squared .instagram-item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .instagram-grid.ig--style-squared .instagram-item:hover { position: relative; z-index: 1; } .zofo-rep .instagram-grid.ig--style-squared .instagram-item:hover img { transform: scale3d(1.075, 1.075, 1); } }
@media (min-width: 768px) and (max-width: 1024px) { .zofo-rep .instagram-grid.ig--style-squared:not(.ig--style-squared-no-gutter) .instagram-item { width: calc(16.666% - var(--instagram-gutter)); display: none; } .zofo-rep .instagram-grid.ig--style-squared:not(.ig--style-squared-no-gutter) .instagram-item:nth-child(-n+12) { display: block; } }
@media (min-width: 576px) and (max-width: 767px) { .zofo-rep .instagram-grid.ig--style-squared:not(.ig--style-squared-no-gutter) .instagram-item { width: calc(25% - var(--instagram-gutter)); display: none; } .zofo-rep .instagram-grid.ig--style-squared:not(.ig--style-squared-no-gutter) .instagram-item:nth-child(-n+16) { display: block; } }
@media (max-width: 575px) { .zofo-rep .instagram-grid.ig--style-squared:not(.ig--style-squared-no-gutter) .instagram-item { width: calc(33.333% - var(--instagram-gutter)); display: none; } .zofo-rep .instagram-grid.ig--style-squared:not(.ig--style-squared-no-gutter) .instagram-item:nth-child(-n+12) { display: block; } }
@media (min-width: 768px) and (max-width: 1024px) { .zofo-rep .instagram-grid.ig--style-squared.ig--style-squared-no-gutter .instagram-item { width: calc(14.285% - var(--instagram-gutter)); display: none; } .zofo-rep .instagram-grid.ig--style-squared.ig--style-squared-no-gutter .instagram-item:nth-child(-n+28) { display: block; } }
@media (min-width: 576px) and (max-width: 767px) { .zofo-rep .instagram-grid.ig--style-squared.ig--style-squared-no-gutter .instagram-item { width: calc(16.666% - var(--instagram-gutter)); display: none; } .zofo-rep .instagram-grid.ig--style-squared.ig--style-squared-no-gutter .instagram-item:nth-child(-n+24) { display: block; } }
@media (max-width: 575px) { .zofo-rep .instagram-grid.ig--style-squared.ig--style-squared-no-gutter .instagram-item { width: calc(25% - var(--instagram-gutter)); display: none; } .zofo-rep .instagram-grid.ig--style-squared.ig--style-squared-no-gutter .instagram-item:nth-child(-n+16) { display: block; } }
@media (min-width: 1466px) { .zofo-rep .instagram-grid.ig--style-squared:not(.ig--style-squared-no-gutter).instagram-grid-xxl-10 .instagram-item { width: calc(10% - var(--instagram-gutter)); } }
@media (min-width: 1700px) { .zofo-rep .instagram-grid.ig--style-squared:not(.ig--style-squared-no-gutter).instagram-grid-xxxl-12 .instagram-item { width: calc(8.333% - var(--instagram-gutter)); } }
.zofo-rep .instagram-item [data-tippy-root] { max-width: none; width: max-content; }
.zofo-rep .instagram-item [data-tippy-root] .tippy-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(.zofo-rep.zr-bs), :where(.zofo-rep.zr-bs) [data-bs-theme="light"] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33,37,41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255,255,255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0,0,0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33,37,41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233,236,239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33,37,41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248,249,250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13,110,253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10,88,202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; }
:where(.zofo-rep.zr-bs) [data-bs-theme="dark"] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222,226,230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33,37,41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255,255,255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222,226,230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52,58,64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222,226,230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43,48,53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110,168,254; --bs-link-hover-color-rgb: 139,185,254; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; }
:where(.zofo-rep.zr-bs) *, :where(.zofo-rep.zr-bs) ::after, :where(.zofo-rep.zr-bs) ::before { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) { :where(.zofo-rep.zr-bs) { scroll-behavior: smooth; } }
:where(.zofo-rep.zr-bs) { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
:where(.zofo-rep.zr-bs) hr { margin: 1rem 0px; color: inherit; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: var(--bs-border-width) solid; opacity: 0.25; }
:where(.zofo-rep.zr-bs) .h1, :where(.zofo-rep.zr-bs) .h2, :where(.zofo-rep.zr-bs) .h3, :where(.zofo-rep.zr-bs) .h4, :where(.zofo-rep.zr-bs) .h5, :where(.zofo-rep.zr-bs) .h6, :where(.zofo-rep.zr-bs) h1, :where(.zofo-rep.zr-bs) h2, :where(.zofo-rep.zr-bs) h3, :where(.zofo-rep.zr-bs) h4, :where(.zofo-rep.zr-bs) h5, :where(.zofo-rep.zr-bs) h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); }
:where(.zofo-rep.zr-bs) .h1, :where(.zofo-rep.zr-bs) h1 { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .h1, :where(.zofo-rep.zr-bs) h1 { font-size: 2.5rem; } }
:where(.zofo-rep.zr-bs) .h2, :where(.zofo-rep.zr-bs) h2 { font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .h2, :where(.zofo-rep.zr-bs) h2 { font-size: 2rem; } }
:where(.zofo-rep.zr-bs) .h3, :where(.zofo-rep.zr-bs) h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .h3, :where(.zofo-rep.zr-bs) h3 { font-size: 1.75rem; } }
:where(.zofo-rep.zr-bs) .h4, :where(.zofo-rep.zr-bs) h4 { font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .h4, :where(.zofo-rep.zr-bs) h4 { font-size: 1.5rem; } }
:where(.zofo-rep.zr-bs) .h5, :where(.zofo-rep.zr-bs) h5 { font-size: 1.25rem; }
:where(.zofo-rep.zr-bs) .h6, :where(.zofo-rep.zr-bs) h6 { font-size: 1rem; }
:where(.zofo-rep.zr-bs) p { margin-top: 0px; margin-bottom: 1rem; }
:where(.zofo-rep.zr-bs) abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; }
:where(.zofo-rep.zr-bs) address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }
:where(.zofo-rep.zr-bs) ol, :where(.zofo-rep.zr-bs) ul { padding-left: 2rem; }
:where(.zofo-rep.zr-bs) dl, :where(.zofo-rep.zr-bs) ol, :where(.zofo-rep.zr-bs) ul { margin-top: 0px; margin-bottom: 1rem; }
:where(.zofo-rep.zr-bs) ol ol, :where(.zofo-rep.zr-bs) ol ul, :where(.zofo-rep.zr-bs) ul ol, :where(.zofo-rep.zr-bs) ul ul { margin-bottom: 0px; }
:where(.zofo-rep.zr-bs) dt { font-weight: 700; }
:where(.zofo-rep.zr-bs) dd { margin-bottom: 0.5rem; margin-left: 0px; }
:where(.zofo-rep.zr-bs) blockquote { margin: 0px 0px 1rem; }
:where(.zofo-rep.zr-bs) b, :where(.zofo-rep.zr-bs) strong { font-weight: bolder; }
:where(.zofo-rep.zr-bs) .small, :where(.zofo-rep.zr-bs) small { font-size: 0.875em; }
:where(.zofo-rep.zr-bs) .mark, :where(.zofo-rep.zr-bs) mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); }
:where(.zofo-rep.zr-bs) sub, :where(.zofo-rep.zr-bs) sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; }
:where(.zofo-rep.zr-bs) sub { bottom: -0.25em; }
:where(.zofo-rep.zr-bs) sup { top: -0.5em; }
:where(.zofo-rep.zr-bs) a { color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); text-decoration: underline; }
:where(.zofo-rep.zr-bs) a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); }
:where(.zofo-rep.zr-bs) a:not([href]):not([class]), :where(.zofo-rep.zr-bs) a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
:where(.zofo-rep.zr-bs) code, :where(.zofo-rep.zr-bs) kbd, :where(.zofo-rep.zr-bs) pre, :where(.zofo-rep.zr-bs) samp { font-family: var(--bs-font-monospace); font-size: 1em; }
:where(.zofo-rep.zr-bs) pre { display: block; margin-top: 0px; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; }
:where(.zofo-rep.zr-bs) pre code { font-size: inherit; color: inherit; word-break: normal; }
:where(.zofo-rep.zr-bs) code { font-size: 0.875em; color: var(--bs-code-color); overflow-wrap: break-word; }
:where(.zofo-rep.zr-bs) a > code { color: inherit; }
:where(.zofo-rep.zr-bs) kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; }
:where(.zofo-rep.zr-bs) kbd kbd { padding: 0px; font-size: 1em; }
:where(.zofo-rep.zr-bs) figure { margin: 0px 0px 1rem; }
:where(.zofo-rep.zr-bs) img, :where(.zofo-rep.zr-bs) svg { vertical-align: middle; }
:where(.zofo-rep.zr-bs) table { caption-side: bottom; border-collapse: collapse; }
:where(.zofo-rep.zr-bs) caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; }
:where(.zofo-rep.zr-bs) th { text-align: -webkit-match-parent; }
:where(.zofo-rep.zr-bs) tbody, :where(.zofo-rep.zr-bs) td, :where(.zofo-rep.zr-bs) tfoot, :where(.zofo-rep.zr-bs) th, :where(.zofo-rep.zr-bs) thead, :where(.zofo-rep.zr-bs) tr { border-color: inherit; border-style: solid; border-width: 0px; }
:where(.zofo-rep.zr-bs) label { display: inline-block; }
:where(.zofo-rep.zr-bs) button { border-radius: 0px; }
:where(.zofo-rep.zr-bs) button:focus:not(:focus-visible) { outline: 0px; }
:where(.zofo-rep.zr-bs) button, :where(.zofo-rep.zr-bs) input, :where(.zofo-rep.zr-bs) optgroup, :where(.zofo-rep.zr-bs) select, :where(.zofo-rep.zr-bs) textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
:where(.zofo-rep.zr-bs) button, :where(.zofo-rep.zr-bs) select { text-transform: none; }
:where(.zofo-rep.zr-bs) [role="button"] { cursor: pointer; }
:where(.zofo-rep.zr-bs) select { overflow-wrap: normal; }
:where(.zofo-rep.zr-bs) select:disabled { opacity: 1; }
:where(.zofo-rep.zr-bs) [list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important; }
:where(.zofo-rep.zr-bs) [type="button"], :where(.zofo-rep.zr-bs) [type="reset"], :where(.zofo-rep.zr-bs) [type="submit"], :where(.zofo-rep.zr-bs) button { appearance: button; }
:where(.zofo-rep.zr-bs) [type="button"]:not(:disabled), :where(.zofo-rep.zr-bs) [type="reset"]:not(:disabled), :where(.zofo-rep.zr-bs) [type="submit"]:not(:disabled), :where(.zofo-rep.zr-bs) button:not(:disabled) { cursor: pointer; }
:where(.zofo-rep.zr-bs) textarea { resize: vertical; }
:where(.zofo-rep.zr-bs) fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
:where(.zofo-rep.zr-bs) legend { float: left; width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) legend { font-size: 1.5rem; } }
:where(.zofo-rep.zr-bs) legend + * { clear: left; }
:where(.zofo-rep.zr-bs) ::-webkit-datetime-edit-day-field, :where(.zofo-rep.zr-bs) ::-webkit-datetime-edit-fields-wrapper, :where(.zofo-rep.zr-bs) ::-webkit-datetime-edit-hour-field, :where(.zofo-rep.zr-bs) ::-webkit-datetime-edit-minute, :where(.zofo-rep.zr-bs) ::-webkit-datetime-edit-month-field, :where(.zofo-rep.zr-bs) ::-webkit-datetime-edit-text, :where(.zofo-rep.zr-bs) ::-webkit-datetime-edit-year-field { padding: 0px; }
:where(.zofo-rep.zr-bs) ::-webkit-inner-spin-button { height: auto; }
:where(.zofo-rep.zr-bs) [type="search"] { appearance: textfield; outline-offset: -2px; }
:where(.zofo-rep.zr-bs) ::-webkit-search-decoration { appearance: none; }
:where(.zofo-rep.zr-bs) ::-webkit-color-swatch-wrapper { padding: 0px; }
:where(.zofo-rep.zr-bs) ::-webkit-file-upload-button { font: inherit; appearance: button; }
:where(.zofo-rep.zr-bs) ::file-selector-button { font: inherit; appearance: button; }
:where(.zofo-rep.zr-bs) output { display: inline-block; }
:where(.zofo-rep.zr-bs) iframe { border: 0px; }
:where(.zofo-rep.zr-bs) summary { display: list-item; cursor: pointer; }
:where(.zofo-rep.zr-bs) progress { vertical-align: baseline; }
:where(.zofo-rep.zr-bs) [hidden] { display: none !important; }
:where(.zofo-rep.zr-bs) .lead { font-size: 1.25rem; font-weight: 300; }
:where(.zofo-rep.zr-bs) .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .display-1 { font-size: 5rem; } }
:where(.zofo-rep.zr-bs) .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .display-2 { font-size: 4.5rem; } }
:where(.zofo-rep.zr-bs) .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .display-3 { font-size: 4rem; } }
:where(.zofo-rep.zr-bs) .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .display-4 { font-size: 3.5rem; } }
:where(.zofo-rep.zr-bs) .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .display-5 { font-size: 3rem; } }
:where(.zofo-rep.zr-bs) .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .display-6 { font-size: 2.5rem; } }
:where(.zofo-rep.zr-bs) .list-unstyled { padding-left: 0px; list-style: none; }
:where(.zofo-rep.zr-bs) .list-inline { padding-left: 0px; list-style: none; }
:where(.zofo-rep.zr-bs) .list-inline-item { display: inline-block; }
:where(.zofo-rep.zr-bs) .list-inline-item:not(:last-child) { margin-right: 0.5rem; }
:where(.zofo-rep.zr-bs) .initialism { font-size: 0.875em; text-transform: uppercase; }
:where(.zofo-rep.zr-bs) .blockquote { margin-bottom: 1rem; font-size: 1.25rem; }
:where(.zofo-rep.zr-bs) .blockquote > :last-child { margin-bottom: 0px; }
:where(.zofo-rep.zr-bs) .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: rgb(108, 117, 125); }
:where(.zofo-rep.zr-bs) .blockquote-footer::before { content: "— "; }
:where(.zofo-rep.zr-bs) .img-fluid { max-width: 100%; height: auto; }
:where(.zofo-rep.zr-bs) .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; }
:where(.zofo-rep.zr-bs) .figure { display: inline-block; }
:where(.zofo-rep.zr-bs) .figure-img { margin-bottom: 0.5rem; line-height: 1; }
:where(.zofo-rep.zr-bs) .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); }
:where(.zofo-rep.zr-bs) .container, :where(.zofo-rep.zr-bs) .container-fluid, :where(.zofo-rep.zr-bs) .container-lg, :where(.zofo-rep.zr-bs) .container-md, :where(.zofo-rep.zr-bs) .container-sm, :where(.zofo-rep.zr-bs) .container-xl, :where(.zofo-rep.zr-bs) .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; }
@media (min-width: 576px) { :where(.zofo-rep.zr-bs) .container, :where(.zofo-rep.zr-bs) .container-sm { max-width: 540px; } }
@media (min-width: 768px) { :where(.zofo-rep.zr-bs) .container, :where(.zofo-rep.zr-bs) .container-md, :where(.zofo-rep.zr-bs) .container-sm { max-width: 720px; } }
@media (min-width: 992px) { :where(.zofo-rep.zr-bs) .container, :where(.zofo-rep.zr-bs) .container-lg, :where(.zofo-rep.zr-bs) .container-md, :where(.zofo-rep.zr-bs) .container-sm { max-width: 960px; } }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .container, :where(.zofo-rep.zr-bs) .container-lg, :where(.zofo-rep.zr-bs) .container-md, :where(.zofo-rep.zr-bs) .container-sm, :where(.zofo-rep.zr-bs) .container-xl { max-width: 1140px; } }
@media (min-width: 1400px) { :where(.zofo-rep.zr-bs) .container, :where(.zofo-rep.zr-bs) .container-lg, :where(.zofo-rep.zr-bs) .container-md, :where(.zofo-rep.zr-bs) .container-sm, :where(.zofo-rep.zr-bs) .container-xl, :where(.zofo-rep.zr-bs) .container-xxl { max-width: 1320px; } }
:where(.zofo-rep.zr-bs) { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; }
:where(.zofo-rep.zr-bs) .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
:where(.zofo-rep.zr-bs) .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
:where(.zofo-rep.zr-bs) .col { flex: 1 0 0%; }
:where(.zofo-rep.zr-bs) .row-cols-auto > * { flex: 0 0 auto; width: auto; }
:where(.zofo-rep.zr-bs) .row-cols-1 > * { flex: 0 0 auto; width: 100%; }
:where(.zofo-rep.zr-bs) .row-cols-2 > * { flex: 0 0 auto; width: 50%; }
:where(.zofo-rep.zr-bs) .row-cols-3 > * { flex: 0 0 auto; width: 33.3333%; }
:where(.zofo-rep.zr-bs) .row-cols-4 > * { flex: 0 0 auto; width: 25%; }
:where(.zofo-rep.zr-bs) .row-cols-5 > * { flex: 0 0 auto; width: 20%; }
:where(.zofo-rep.zr-bs) .row-cols-6 > * { flex: 0 0 auto; width: 16.6667%; }
:where(.zofo-rep.zr-bs) .col-auto { flex: 0 0 auto; width: auto; }
:where(.zofo-rep.zr-bs) .col-1 { flex: 0 0 auto; width: 8.33333%; }
:where(.zofo-rep.zr-bs) .col-2 { flex: 0 0 auto; width: 16.6667%; }
:where(.zofo-rep.zr-bs) .col-3 { flex: 0 0 auto; width: 25%; }
:where(.zofo-rep.zr-bs) .col-4 { flex: 0 0 auto; width: 33.3333%; }
:where(.zofo-rep.zr-bs) .col-5 { flex: 0 0 auto; width: 41.6667%; }
:where(.zofo-rep.zr-bs) .col-6 { flex: 0 0 auto; width: 50%; }
:where(.zofo-rep.zr-bs) .col-7 { flex: 0 0 auto; width: 58.3333%; }
:where(.zofo-rep.zr-bs) .col-8 { flex: 0 0 auto; width: 66.6667%; }
:where(.zofo-rep.zr-bs) .col-9 { flex: 0 0 auto; width: 75%; }
:where(.zofo-rep.zr-bs) .col-10 { flex: 0 0 auto; width: 83.3333%; }
:where(.zofo-rep.zr-bs) .col-11 { flex: 0 0 auto; width: 91.6667%; }
:where(.zofo-rep.zr-bs) .col-12 { flex: 0 0 auto; width: 100%; }
:where(.zofo-rep.zr-bs) .offset-1 { margin-left: 8.33333%; }
:where(.zofo-rep.zr-bs) .offset-2 { margin-left: 16.6667%; }
:where(.zofo-rep.zr-bs) .offset-3 { margin-left: 25%; }
:where(.zofo-rep.zr-bs) .offset-4 { margin-left: 33.3333%; }
:where(.zofo-rep.zr-bs) .offset-5 { margin-left: 41.6667%; }
:where(.zofo-rep.zr-bs) .offset-6 { margin-left: 50%; }
:where(.zofo-rep.zr-bs) .offset-7 { margin-left: 58.3333%; }
:where(.zofo-rep.zr-bs) .offset-8 { margin-left: 66.6667%; }
:where(.zofo-rep.zr-bs) .offset-9 { margin-left: 75%; }
:where(.zofo-rep.zr-bs) .offset-10 { margin-left: 83.3333%; }
:where(.zofo-rep.zr-bs) .offset-11 { margin-left: 91.6667%; }
:where(.zofo-rep.zr-bs) .g-0, :where(.zofo-rep.zr-bs) .gx-0 { --bs-gutter-x: 0; }
:where(.zofo-rep.zr-bs) .g-0, :where(.zofo-rep.zr-bs) .gy-0 { --bs-gutter-y: 0; }
:where(.zofo-rep.zr-bs) .g-1, :where(.zofo-rep.zr-bs) .gx-1 { --bs-gutter-x: 0.25rem; }
:where(.zofo-rep.zr-bs) .g-1, :where(.zofo-rep.zr-bs) .gy-1 { --bs-gutter-y: 0.25rem; }
:where(.zofo-rep.zr-bs) .g-2, :where(.zofo-rep.zr-bs) .gx-2 { --bs-gutter-x: 0.5rem; }
:where(.zofo-rep.zr-bs) .g-2, :where(.zofo-rep.zr-bs) .gy-2 { --bs-gutter-y: 0.5rem; }
:where(.zofo-rep.zr-bs) .g-3, :where(.zofo-rep.zr-bs) .gx-3 { --bs-gutter-x: 1rem; }
:where(.zofo-rep.zr-bs) .g-3, :where(.zofo-rep.zr-bs) .gy-3 { --bs-gutter-y: 1rem; }
:where(.zofo-rep.zr-bs) .g-4, :where(.zofo-rep.zr-bs) .gx-4 { --bs-gutter-x: 1.5rem; }
:where(.zofo-rep.zr-bs) .g-4, :where(.zofo-rep.zr-bs) .gy-4 { --bs-gutter-y: 1.5rem; }
:where(.zofo-rep.zr-bs) .g-5, :where(.zofo-rep.zr-bs) .gx-5 { --bs-gutter-x: 3rem; }
:where(.zofo-rep.zr-bs) .g-5, :where(.zofo-rep.zr-bs) .gy-5 { --bs-gutter-y: 3rem; }
@media (min-width: 576px) { :where(.zofo-rep.zr-bs) .col-sm { flex: 1 0 0%; } :where(.zofo-rep.zr-bs) .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } :where(.zofo-rep.zr-bs) .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } :where(.zofo-rep.zr-bs) .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } :where(.zofo-rep.zr-bs) .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333%; } :where(.zofo-rep.zr-bs) .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } :where(.zofo-rep.zr-bs) .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } :where(.zofo-rep.zr-bs) .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6667%; } :where(.zofo-rep.zr-bs) .col-sm-auto { flex: 0 0 auto; width: auto; } :where(.zofo-rep.zr-bs) .col-sm-1 { flex: 0 0 auto; width: 8.33333%; } :where(.zofo-rep.zr-bs) .col-sm-2 { flex: 0 0 auto; width: 16.6667%; } :where(.zofo-rep.zr-bs) .col-sm-3 { flex: 0 0 auto; width: 25%; } :where(.zofo-rep.zr-bs) .col-sm-4 { flex: 0 0 auto; width: 33.3333%; } :where(.zofo-rep.zr-bs) .col-sm-5 { flex: 0 0 auto; width: 41.6667%; } :where(.zofo-rep.zr-bs) .col-sm-6 { flex: 0 0 auto; width: 50%; } :where(.zofo-rep.zr-bs) .col-sm-7 { flex: 0 0 auto; width: 58.3333%; } :where(.zofo-rep.zr-bs) .col-sm-8 { flex: 0 0 auto; width: 66.6667%; } :where(.zofo-rep.zr-bs) .col-sm-9 { flex: 0 0 auto; width: 75%; } :where(.zofo-rep.zr-bs) .col-sm-10 { flex: 0 0 auto; width: 83.3333%; } :where(.zofo-rep.zr-bs) .col-sm-11 { flex: 0 0 auto; width: 91.6667%; } :where(.zofo-rep.zr-bs) .col-sm-12 { flex: 0 0 auto; width: 100%; } :where(.zofo-rep.zr-bs) .offset-sm-0 { margin-left: 0px; } :where(.zofo-rep.zr-bs) .offset-sm-1 { margin-left: 8.33333%; } :where(.zofo-rep.zr-bs) .offset-sm-2 { margin-left: 16.6667%; } :where(.zofo-rep.zr-bs) .offset-sm-3 { margin-left: 25%; } :where(.zofo-rep.zr-bs) .offset-sm-4 { margin-left: 33.3333%; } :where(.zofo-rep.zr-bs) .offset-sm-5 { margin-left: 41.6667%; } :where(.zofo-rep.zr-bs) .offset-sm-6 { margin-left: 50%; } :where(.zofo-rep.zr-bs) .offset-sm-7 { margin-left: 58.3333%; } :where(.zofo-rep.zr-bs) .offset-sm-8 { margin-left: 66.6667%; } :where(.zofo-rep.zr-bs) .offset-sm-9 { margin-left: 75%; } :where(.zofo-rep.zr-bs) .offset-sm-10 { margin-left: 83.3333%; } :where(.zofo-rep.zr-bs) .offset-sm-11 { margin-left: 91.6667%; } :where(.zofo-rep.zr-bs) .g-sm-0, :where(.zofo-rep.zr-bs) .gx-sm-0 { --bs-gutter-x: 0; } :where(.zofo-rep.zr-bs) .g-sm-0, :where(.zofo-rep.zr-bs) .gy-sm-0 { --bs-gutter-y: 0; } :where(.zofo-rep.zr-bs) .g-sm-1, :where(.zofo-rep.zr-bs) .gx-sm-1 { --bs-gutter-x: 0.25rem; } :where(.zofo-rep.zr-bs) .g-sm-1, :where(.zofo-rep.zr-bs) .gy-sm-1 { --bs-gutter-y: 0.25rem; } :where(.zofo-rep.zr-bs) .g-sm-2, :where(.zofo-rep.zr-bs) .gx-sm-2 { --bs-gutter-x: 0.5rem; } :where(.zofo-rep.zr-bs) .g-sm-2, :where(.zofo-rep.zr-bs) .gy-sm-2 { --bs-gutter-y: 0.5rem; } :where(.zofo-rep.zr-bs) .g-sm-3, :where(.zofo-rep.zr-bs) .gx-sm-3 { --bs-gutter-x: 1rem; } :where(.zofo-rep.zr-bs) .g-sm-3, :where(.zofo-rep.zr-bs) .gy-sm-3 { --bs-gutter-y: 1rem; } :where(.zofo-rep.zr-bs) .g-sm-4, :where(.zofo-rep.zr-bs) .gx-sm-4 { --bs-gutter-x: 1.5rem; } :where(.zofo-rep.zr-bs) .g-sm-4, :where(.zofo-rep.zr-bs) .gy-sm-4 { --bs-gutter-y: 1.5rem; } :where(.zofo-rep.zr-bs) .g-sm-5, :where(.zofo-rep.zr-bs) .gx-sm-5 { --bs-gutter-x: 3rem; } :where(.zofo-rep.zr-bs) .g-sm-5, :where(.zofo-rep.zr-bs) .gy-sm-5 { --bs-gutter-y: 3rem; } }
@media (min-width: 768px) { :where(.zofo-rep.zr-bs) .col-md { flex: 1 0 0%; } :where(.zofo-rep.zr-bs) .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } :where(.zofo-rep.zr-bs) .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } :where(.zofo-rep.zr-bs) .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } :where(.zofo-rep.zr-bs) .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333%; } :where(.zofo-rep.zr-bs) .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } :where(.zofo-rep.zr-bs) .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } :where(.zofo-rep.zr-bs) .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6667%; } :where(.zofo-rep.zr-bs) .col-md-auto { flex: 0 0 auto; width: auto; } :where(.zofo-rep.zr-bs) .col-md-1 { flex: 0 0 auto; width: 8.33333%; } :where(.zofo-rep.zr-bs) .col-md-2 { flex: 0 0 auto; width: 16.6667%; } :where(.zofo-rep.zr-bs) .col-md-3 { flex: 0 0 auto; width: 25%; } :where(.zofo-rep.zr-bs) .col-md-4 { flex: 0 0 auto; width: 33.3333%; } :where(.zofo-rep.zr-bs) .col-md-5 { flex: 0 0 auto; width: 41.6667%; } :where(.zofo-rep.zr-bs) .col-md-6 { flex: 0 0 auto; width: 50%; } :where(.zofo-rep.zr-bs) .col-md-7 { flex: 0 0 auto; width: 58.3333%; } :where(.zofo-rep.zr-bs) .col-md-8 { flex: 0 0 auto; width: 66.6667%; } :where(.zofo-rep.zr-bs) .col-md-9 { flex: 0 0 auto; width: 75%; } :where(.zofo-rep.zr-bs) .col-md-10 { flex: 0 0 auto; width: 83.3333%; } :where(.zofo-rep.zr-bs) .col-md-11 { flex: 0 0 auto; width: 91.6667%; } :where(.zofo-rep.zr-bs) .col-md-12 { flex: 0 0 auto; width: 100%; } :where(.zofo-rep.zr-bs) .offset-md-0 { margin-left: 0px; } :where(.zofo-rep.zr-bs) .offset-md-1 { margin-left: 8.33333%; } :where(.zofo-rep.zr-bs) .offset-md-2 { margin-left: 16.6667%; } :where(.zofo-rep.zr-bs) .offset-md-3 { margin-left: 25%; } :where(.zofo-rep.zr-bs) .offset-md-4 { margin-left: 33.3333%; } :where(.zofo-rep.zr-bs) .offset-md-5 { margin-left: 41.6667%; } :where(.zofo-rep.zr-bs) .offset-md-6 { margin-left: 50%; } :where(.zofo-rep.zr-bs) .offset-md-7 { margin-left: 58.3333%; } :where(.zofo-rep.zr-bs) .offset-md-8 { margin-left: 66.6667%; } :where(.zofo-rep.zr-bs) .offset-md-9 { margin-left: 75%; } :where(.zofo-rep.zr-bs) .offset-md-10 { margin-left: 83.3333%; } :where(.zofo-rep.zr-bs) .offset-md-11 { margin-left: 91.6667%; } :where(.zofo-rep.zr-bs) .g-md-0, :where(.zofo-rep.zr-bs) .gx-md-0 { --bs-gutter-x: 0; } :where(.zofo-rep.zr-bs) .g-md-0, :where(.zofo-rep.zr-bs) .gy-md-0 { --bs-gutter-y: 0; } :where(.zofo-rep.zr-bs) .g-md-1, :where(.zofo-rep.zr-bs) .gx-md-1 { --bs-gutter-x: 0.25rem; } :where(.zofo-rep.zr-bs) .g-md-1, :where(.zofo-rep.zr-bs) .gy-md-1 { --bs-gutter-y: 0.25rem; } :where(.zofo-rep.zr-bs) .g-md-2, :where(.zofo-rep.zr-bs) .gx-md-2 { --bs-gutter-x: 0.5rem; } :where(.zofo-rep.zr-bs) .g-md-2, :where(.zofo-rep.zr-bs) .gy-md-2 { --bs-gutter-y: 0.5rem; } :where(.zofo-rep.zr-bs) .g-md-3, :where(.zofo-rep.zr-bs) .gx-md-3 { --bs-gutter-x: 1rem; } :where(.zofo-rep.zr-bs) .g-md-3, :where(.zofo-rep.zr-bs) .gy-md-3 { --bs-gutter-y: 1rem; } :where(.zofo-rep.zr-bs) .g-md-4, :where(.zofo-rep.zr-bs) .gx-md-4 { --bs-gutter-x: 1.5rem; } :where(.zofo-rep.zr-bs) .g-md-4, :where(.zofo-rep.zr-bs) .gy-md-4 { --bs-gutter-y: 1.5rem; } :where(.zofo-rep.zr-bs) .g-md-5, :where(.zofo-rep.zr-bs) .gx-md-5 { --bs-gutter-x: 3rem; } :where(.zofo-rep.zr-bs) .g-md-5, :where(.zofo-rep.zr-bs) .gy-md-5 { --bs-gutter-y: 3rem; } }
@media (min-width: 992px) { :where(.zofo-rep.zr-bs) .col-lg { flex: 1 0 0%; } :where(.zofo-rep.zr-bs) .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } :where(.zofo-rep.zr-bs) .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } :where(.zofo-rep.zr-bs) .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } :where(.zofo-rep.zr-bs) .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333%; } :where(.zofo-rep.zr-bs) .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } :where(.zofo-rep.zr-bs) .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } :where(.zofo-rep.zr-bs) .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6667%; } :where(.zofo-rep.zr-bs) .col-lg-auto { flex: 0 0 auto; width: auto; } :where(.zofo-rep.zr-bs) .col-lg-1 { flex: 0 0 auto; width: 8.33333%; } :where(.zofo-rep.zr-bs) .col-lg-2 { flex: 0 0 auto; width: 16.6667%; } :where(.zofo-rep.zr-bs) .col-lg-3 { flex: 0 0 auto; width: 25%; } :where(.zofo-rep.zr-bs) .col-lg-4 { flex: 0 0 auto; width: 33.3333%; } :where(.zofo-rep.zr-bs) .col-lg-5 { flex: 0 0 auto; width: 41.6667%; } :where(.zofo-rep.zr-bs) .col-lg-6 { flex: 0 0 auto; width: 50%; } :where(.zofo-rep.zr-bs) .col-lg-7 { flex: 0 0 auto; width: 58.3333%; } :where(.zofo-rep.zr-bs) .col-lg-8 { flex: 0 0 auto; width: 66.6667%; } :where(.zofo-rep.zr-bs) .col-lg-9 { flex: 0 0 auto; width: 75%; } :where(.zofo-rep.zr-bs) .col-lg-10 { flex: 0 0 auto; width: 83.3333%; } :where(.zofo-rep.zr-bs) .col-lg-11 { flex: 0 0 auto; width: 91.6667%; } :where(.zofo-rep.zr-bs) .col-lg-12 { flex: 0 0 auto; width: 100%; } :where(.zofo-rep.zr-bs) .offset-lg-0 { margin-left: 0px; } :where(.zofo-rep.zr-bs) .offset-lg-1 { margin-left: 8.33333%; } :where(.zofo-rep.zr-bs) .offset-lg-2 { margin-left: 16.6667%; } :where(.zofo-rep.zr-bs) .offset-lg-3 { margin-left: 25%; } :where(.zofo-rep.zr-bs) .offset-lg-4 { margin-left: 33.3333%; } :where(.zofo-rep.zr-bs) .offset-lg-5 { margin-left: 41.6667%; } :where(.zofo-rep.zr-bs) .offset-lg-6 { margin-left: 50%; } :where(.zofo-rep.zr-bs) .offset-lg-7 { margin-left: 58.3333%; } :where(.zofo-rep.zr-bs) .offset-lg-8 { margin-left: 66.6667%; } :where(.zofo-rep.zr-bs) .offset-lg-9 { margin-left: 75%; } :where(.zofo-rep.zr-bs) .offset-lg-10 { margin-left: 83.3333%; } :where(.zofo-rep.zr-bs) .offset-lg-11 { margin-left: 91.6667%; } :where(.zofo-rep.zr-bs) .g-lg-0, :where(.zofo-rep.zr-bs) .gx-lg-0 { --bs-gutter-x: 0; } :where(.zofo-rep.zr-bs) .g-lg-0, :where(.zofo-rep.zr-bs) .gy-lg-0 { --bs-gutter-y: 0; } :where(.zofo-rep.zr-bs) .g-lg-1, :where(.zofo-rep.zr-bs) .gx-lg-1 { --bs-gutter-x: 0.25rem; } :where(.zofo-rep.zr-bs) .g-lg-1, :where(.zofo-rep.zr-bs) .gy-lg-1 { --bs-gutter-y: 0.25rem; } :where(.zofo-rep.zr-bs) .g-lg-2, :where(.zofo-rep.zr-bs) .gx-lg-2 { --bs-gutter-x: 0.5rem; } :where(.zofo-rep.zr-bs) .g-lg-2, :where(.zofo-rep.zr-bs) .gy-lg-2 { --bs-gutter-y: 0.5rem; } :where(.zofo-rep.zr-bs) .g-lg-3, :where(.zofo-rep.zr-bs) .gx-lg-3 { --bs-gutter-x: 1rem; } :where(.zofo-rep.zr-bs) .g-lg-3, :where(.zofo-rep.zr-bs) .gy-lg-3 { --bs-gutter-y: 1rem; } :where(.zofo-rep.zr-bs) .g-lg-4, :where(.zofo-rep.zr-bs) .gx-lg-4 { --bs-gutter-x: 1.5rem; } :where(.zofo-rep.zr-bs) .g-lg-4, :where(.zofo-rep.zr-bs) .gy-lg-4 { --bs-gutter-y: 1.5rem; } :where(.zofo-rep.zr-bs) .g-lg-5, :where(.zofo-rep.zr-bs) .gx-lg-5 { --bs-gutter-x: 3rem; } :where(.zofo-rep.zr-bs) .g-lg-5, :where(.zofo-rep.zr-bs) .gy-lg-5 { --bs-gutter-y: 3rem; } }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .col-xl { flex: 1 0 0%; } :where(.zofo-rep.zr-bs) .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } :where(.zofo-rep.zr-bs) .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } :where(.zofo-rep.zr-bs) .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } :where(.zofo-rep.zr-bs) .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333%; } :where(.zofo-rep.zr-bs) .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } :where(.zofo-rep.zr-bs) .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } :where(.zofo-rep.zr-bs) .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6667%; } :where(.zofo-rep.zr-bs) .col-xl-auto { flex: 0 0 auto; width: auto; } :where(.zofo-rep.zr-bs) .col-xl-1 { flex: 0 0 auto; width: 8.33333%; } :where(.zofo-rep.zr-bs) .col-xl-2 { flex: 0 0 auto; width: 16.6667%; } :where(.zofo-rep.zr-bs) .col-xl-3 { flex: 0 0 auto; width: 25%; } :where(.zofo-rep.zr-bs) .col-xl-4 { flex: 0 0 auto; width: 33.3333%; } :where(.zofo-rep.zr-bs) .col-xl-5 { flex: 0 0 auto; width: 41.6667%; } :where(.zofo-rep.zr-bs) .col-xl-6 { flex: 0 0 auto; width: 50%; } :where(.zofo-rep.zr-bs) .col-xl-7 { flex: 0 0 auto; width: 58.3333%; } :where(.zofo-rep.zr-bs) .col-xl-8 { flex: 0 0 auto; width: 66.6667%; } :where(.zofo-rep.zr-bs) .col-xl-9 { flex: 0 0 auto; width: 75%; } :where(.zofo-rep.zr-bs) .col-xl-10 { flex: 0 0 auto; width: 83.3333%; } :where(.zofo-rep.zr-bs) .col-xl-11 { flex: 0 0 auto; width: 91.6667%; } :where(.zofo-rep.zr-bs) .col-xl-12 { flex: 0 0 auto; width: 100%; } :where(.zofo-rep.zr-bs) .offset-xl-0 { margin-left: 0px; } :where(.zofo-rep.zr-bs) .offset-xl-1 { margin-left: 8.33333%; } :where(.zofo-rep.zr-bs) .offset-xl-2 { margin-left: 16.6667%; } :where(.zofo-rep.zr-bs) .offset-xl-3 { margin-left: 25%; } :where(.zofo-rep.zr-bs) .offset-xl-4 { margin-left: 33.3333%; } :where(.zofo-rep.zr-bs) .offset-xl-5 { margin-left: 41.6667%; } :where(.zofo-rep.zr-bs) .offset-xl-6 { margin-left: 50%; } :where(.zofo-rep.zr-bs) .offset-xl-7 { margin-left: 58.3333%; } :where(.zofo-rep.zr-bs) .offset-xl-8 { margin-left: 66.6667%; } :where(.zofo-rep.zr-bs) .offset-xl-9 { margin-left: 75%; } :where(.zofo-rep.zr-bs) .offset-xl-10 { margin-left: 83.3333%; } :where(.zofo-rep.zr-bs) .offset-xl-11 { margin-left: 91.6667%; } :where(.zofo-rep.zr-bs) .g-xl-0, :where(.zofo-rep.zr-bs) .gx-xl-0 { --bs-gutter-x: 0; } :where(.zofo-rep.zr-bs) .g-xl-0, :where(.zofo-rep.zr-bs) .gy-xl-0 { --bs-gutter-y: 0; } :where(.zofo-rep.zr-bs) .g-xl-1, :where(.zofo-rep.zr-bs) .gx-xl-1 { --bs-gutter-x: 0.25rem; } :where(.zofo-rep.zr-bs) .g-xl-1, :where(.zofo-rep.zr-bs) .gy-xl-1 { --bs-gutter-y: 0.25rem; } :where(.zofo-rep.zr-bs) .g-xl-2, :where(.zofo-rep.zr-bs) .gx-xl-2 { --bs-gutter-x: 0.5rem; } :where(.zofo-rep.zr-bs) .g-xl-2, :where(.zofo-rep.zr-bs) .gy-xl-2 { --bs-gutter-y: 0.5rem; } :where(.zofo-rep.zr-bs) .g-xl-3, :where(.zofo-rep.zr-bs) .gx-xl-3 { --bs-gutter-x: 1rem; } :where(.zofo-rep.zr-bs) .g-xl-3, :where(.zofo-rep.zr-bs) .gy-xl-3 { --bs-gutter-y: 1rem; } :where(.zofo-rep.zr-bs) .g-xl-4, :where(.zofo-rep.zr-bs) .gx-xl-4 { --bs-gutter-x: 1.5rem; } :where(.zofo-rep.zr-bs) .g-xl-4, :where(.zofo-rep.zr-bs) .gy-xl-4 { --bs-gutter-y: 1.5rem; } :where(.zofo-rep.zr-bs) .g-xl-5, :where(.zofo-rep.zr-bs) .gx-xl-5 { --bs-gutter-x: 3rem; } :where(.zofo-rep.zr-bs) .g-xl-5, :where(.zofo-rep.zr-bs) .gy-xl-5 { --bs-gutter-y: 3rem; } }
@media (min-width: 1400px) { :where(.zofo-rep.zr-bs) .col-xxl { flex: 1 0 0%; } :where(.zofo-rep.zr-bs) .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } :where(.zofo-rep.zr-bs) .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } :where(.zofo-rep.zr-bs) .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } :where(.zofo-rep.zr-bs) .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333%; } :where(.zofo-rep.zr-bs) .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } :where(.zofo-rep.zr-bs) .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } :where(.zofo-rep.zr-bs) .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6667%; } :where(.zofo-rep.zr-bs) .col-xxl-auto { flex: 0 0 auto; width: auto; } :where(.zofo-rep.zr-bs) .col-xxl-1 { flex: 0 0 auto; width: 8.33333%; } :where(.zofo-rep.zr-bs) .col-xxl-2 { flex: 0 0 auto; width: 16.6667%; } :where(.zofo-rep.zr-bs) .col-xxl-3 { flex: 0 0 auto; width: 25%; } :where(.zofo-rep.zr-bs) .col-xxl-4 { flex: 0 0 auto; width: 33.3333%; } :where(.zofo-rep.zr-bs) .col-xxl-5 { flex: 0 0 auto; width: 41.6667%; } :where(.zofo-rep.zr-bs) .col-xxl-6 { flex: 0 0 auto; width: 50%; } :where(.zofo-rep.zr-bs) .col-xxl-7 { flex: 0 0 auto; width: 58.3333%; } :where(.zofo-rep.zr-bs) .col-xxl-8 { flex: 0 0 auto; width: 66.6667%; } :where(.zofo-rep.zr-bs) .col-xxl-9 { flex: 0 0 auto; width: 75%; } :where(.zofo-rep.zr-bs) .col-xxl-10 { flex: 0 0 auto; width: 83.3333%; } :where(.zofo-rep.zr-bs) .col-xxl-11 { flex: 0 0 auto; width: 91.6667%; } :where(.zofo-rep.zr-bs) .col-xxl-12 { flex: 0 0 auto; width: 100%; } :where(.zofo-rep.zr-bs) .offset-xxl-0 { margin-left: 0px; } :where(.zofo-rep.zr-bs) .offset-xxl-1 { margin-left: 8.33333%; } :where(.zofo-rep.zr-bs) .offset-xxl-2 { margin-left: 16.6667%; } :where(.zofo-rep.zr-bs) .offset-xxl-3 { margin-left: 25%; } :where(.zofo-rep.zr-bs) .offset-xxl-4 { margin-left: 33.3333%; } :where(.zofo-rep.zr-bs) .offset-xxl-5 { margin-left: 41.6667%; } :where(.zofo-rep.zr-bs) .offset-xxl-6 { margin-left: 50%; } :where(.zofo-rep.zr-bs) .offset-xxl-7 { margin-left: 58.3333%; } :where(.zofo-rep.zr-bs) .offset-xxl-8 { margin-left: 66.6667%; } :where(.zofo-rep.zr-bs) .offset-xxl-9 { margin-left: 75%; } :where(.zofo-rep.zr-bs) .offset-xxl-10 { margin-left: 83.3333%; } :where(.zofo-rep.zr-bs) .offset-xxl-11 { margin-left: 91.6667%; } :where(.zofo-rep.zr-bs) .g-xxl-0, :where(.zofo-rep.zr-bs) .gx-xxl-0 { --bs-gutter-x: 0; } :where(.zofo-rep.zr-bs) .g-xxl-0, :where(.zofo-rep.zr-bs) .gy-xxl-0 { --bs-gutter-y: 0; } :where(.zofo-rep.zr-bs) .g-xxl-1, :where(.zofo-rep.zr-bs) .gx-xxl-1 { --bs-gutter-x: 0.25rem; } :where(.zofo-rep.zr-bs) .g-xxl-1, :where(.zofo-rep.zr-bs) .gy-xxl-1 { --bs-gutter-y: 0.25rem; } :where(.zofo-rep.zr-bs) .g-xxl-2, :where(.zofo-rep.zr-bs) .gx-xxl-2 { --bs-gutter-x: 0.5rem; } :where(.zofo-rep.zr-bs) .g-xxl-2, :where(.zofo-rep.zr-bs) .gy-xxl-2 { --bs-gutter-y: 0.5rem; } :where(.zofo-rep.zr-bs) .g-xxl-3, :where(.zofo-rep.zr-bs) .gx-xxl-3 { --bs-gutter-x: 1rem; } :where(.zofo-rep.zr-bs) .g-xxl-3, :where(.zofo-rep.zr-bs) .gy-xxl-3 { --bs-gutter-y: 1rem; } :where(.zofo-rep.zr-bs) .g-xxl-4, :where(.zofo-rep.zr-bs) .gx-xxl-4 { --bs-gutter-x: 1.5rem; } :where(.zofo-rep.zr-bs) .g-xxl-4, :where(.zofo-rep.zr-bs) .gy-xxl-4 { --bs-gutter-y: 1.5rem; } :where(.zofo-rep.zr-bs) .g-xxl-5, :where(.zofo-rep.zr-bs) .gx-xxl-5 { --bs-gutter-x: 3rem; } :where(.zofo-rep.zr-bs) .g-xxl-5, :where(.zofo-rep.zr-bs) .gy-xxl-5 { --bs-gutter-y: 3rem; } }
:where(.zofo-rep.zr-bs) .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); }
:where(.zofo-rep.zr-bs) .table > :not(caption) > * > * { padding: 0.5rem; color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg))); }
:where(.zofo-rep.zr-bs) .table > tbody { vertical-align: inherit; }
:where(.zofo-rep.zr-bs) .table > thead { vertical-align: bottom; }
:where(.zofo-rep.zr-bs) .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; }
:where(.zofo-rep.zr-bs) .caption-top { caption-side: top; }
:where(.zofo-rep.zr-bs) .table-sm > :not(caption) > * > * { padding: 0.25rem; }
:where(.zofo-rep.zr-bs) .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; }
:where(.zofo-rep.zr-bs) .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); }
:where(.zofo-rep.zr-bs) .table-borderless > :not(caption) > * > * { border-bottom-width: 0px; }
:where(.zofo-rep.zr-bs) .table-borderless > :not(:first-child) { border-top-width: 0px; }
:where(.zofo-rep.zr-bs) .table-striped > tbody > tr:nth-of-type(2n+1) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); }
:where(.zofo-rep.zr-bs) .table-striped-columns > :not(caption) > tr > :nth-child(2n) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); }
:where(.zofo-rep.zr-bs) .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); }
:where(.zofo-rep.zr-bs) .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); }
:where(.zofo-rep.zr-bs) .table-primary { --bs-table-color: #000; --bs-table-bg: #cfe2ff; --bs-table-border-color: #a6b5cc; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
:where(.zofo-rep.zr-bs) .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
:where(.zofo-rep.zr-bs) .table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #a7b9b1; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
:where(.zofo-rep.zr-bs) .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #a6c3ca; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
:where(.zofo-rep.zr-bs) .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #ccc2a4; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
:where(.zofo-rep.zr-bs) .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #c6acae; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
:where(.zofo-rep.zr-bs) .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
:where(.zofo-rep.zr-bs) .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
:where(.zofo-rep.zr-bs) .table-responsive { overflow-x: auto; }
@media (max-width: 575.98px) { :where(.zofo-rep.zr-bs) .table-responsive-sm { overflow-x: auto; } }
@media (max-width: 767.98px) { :where(.zofo-rep.zr-bs) .table-responsive-md { overflow-x: auto; } }
@media (max-width: 991.98px) { :where(.zofo-rep.zr-bs) .table-responsive-lg { overflow-x: auto; } }
@media (max-width: 1199.98px) { :where(.zofo-rep.zr-bs) .table-responsive-xl { overflow-x: auto; } }
@media (max-width: 1399.98px) { :where(.zofo-rep.zr-bs) .table-responsive-xxl { overflow-x: auto; } }
:where(.zofo-rep.zr-bs) .form-label { margin-bottom: 0.5rem; }
:where(.zofo-rep.zr-bs) .col-form-label { padding-top: calc(.375rem + var(--bs-border-width)); padding-bottom: calc(.375rem + var(--bs-border-width)); margin-bottom: 0px; font-size: inherit; line-height: 1.5; }
:where(.zofo-rep.zr-bs) .col-form-label-lg { padding-top: calc(.5rem + var(--bs-border-width)); padding-bottom: calc(.5rem + var(--bs-border-width)); font-size: 1.25rem; }
:where(.zofo-rep.zr-bs) .col-form-label-sm { padding-top: calc(.25rem + var(--bs-border-width)); padding-bottom: calc(.25rem + var(--bs-border-width)); font-size: 0.875rem; }
:where(.zofo-rep.zr-bs) .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); }
:where(.zofo-rep.zr-bs) .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .form-control { transition: none; } }
:where(.zofo-rep.zr-bs) .form-control[type="file"] { overflow: hidden; }
:where(.zofo-rep.zr-bs) .form-control[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; }
:where(.zofo-rep.zr-bs) .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
:where(.zofo-rep.zr-bs) .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0px; }
:where(.zofo-rep.zr-bs) .form-control::-webkit-datetime-edit { display: block; padding: 0px; }
:where(.zofo-rep.zr-bs) .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; }
:where(.zofo-rep.zr-bs) .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; }
:where(.zofo-rep.zr-bs) .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: var(--bs-border-width); border-radius: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
:where(.zofo-rep.zr-bs) .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: var(--bs-border-width); border-radius: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .form-control::-webkit-file-upload-button { transition: none; } :where(.zofo-rep.zr-bs) .form-control::file-selector-button { transition: none; } }
:where(.zofo-rep.zr-bs) .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); }
:where(.zofo-rep.zr-bs) .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); }
:where(.zofo-rep.zr-bs) .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0px; margin-bottom: 0px; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border-style: solid; border-color: transparent; border-image: none; border-width: var(--bs-border-width) 0; }
:where(.zofo-rep.zr-bs) .form-control-plaintext:focus { outline: 0px; }
:where(.zofo-rep.zr-bs) .form-control-plaintext.form-control-lg, :where(.zofo-rep.zr-bs) .form-control-plaintext.form-control-sm { padding-right: 0px; padding-left: 0px; }
:where(.zofo-rep.zr-bs) .form-control-sm { min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); }
:where(.zofo-rep.zr-bs) .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; }
:where(.zofo-rep.zr-bs) .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; }
:where(.zofo-rep.zr-bs) .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); }
:where(.zofo-rep.zr-bs) .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; }
:where(.zofo-rep.zr-bs) .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; }
:where(.zofo-rep.zr-bs) textarea.form-control { min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)); }
:where(.zofo-rep.zr-bs) textarea.form-control-sm { min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2)); }
:where(.zofo-rep.zr-bs) textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); }
:where(.zofo-rep.zr-bs) .form-control-color { width: 3rem; height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; }
:where(.zofo-rep.zr-bs) .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; }
:where(.zofo-rep.zr-bs) .form-control-color::-webkit-color-swatch { border-radius: var(--bs-border-radius); border: 0px !important; }
:where(.zofo-rep.zr-bs) .form-control-color.form-control-sm { height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2)); }
:where(.zofo-rep.zr-bs) .form-control-color.form-control-lg { height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); }
:where(.zofo-rep.zr-bs) .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .form-select { transition: none; } }
:where(.zofo-rep.zr-bs) .form-select:focus { border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
:where(.zofo-rep.zr-bs) .form-select[multiple], :where(.zofo-rep.zr-bs) .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; }
:where(.zofo-rep.zr-bs) .form-select:disabled { background-color: var(--bs-secondary-bg); }
:where(.zofo-rep.zr-bs) .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); }
:where(.zofo-rep.zr-bs) .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); }
:where(.zofo-rep.zr-bs) [data-bs-theme="dark"] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; }
:where(.zofo-rep.zr-bs) .form-check .form-check-input { float: left; margin-left: -1.5em; }
:where(.zofo-rep.zr-bs) .form-check-reverse { padding-right: 1.5em; padding-left: 0px; text-align: right; }
:where(.zofo-rep.zr-bs) .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0px; }
:where(.zofo-rep.zr-bs) .form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); print-color-adjust: exact; }
:where(.zofo-rep.zr-bs) .form-check-input[type="checkbox"] { border-radius: 0.25em; }
:where(.zofo-rep.zr-bs) .form-check-input[type="radio"] { border-radius: 50%; }
:where(.zofo-rep.zr-bs) .form-check-input:active { filter: brightness(90%); }
:where(.zofo-rep.zr-bs) .form-check-input:focus { border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
:where(.zofo-rep.zr-bs) .form-check-input:checked { background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); }
:where(.zofo-rep.zr-bs) .form-check-input:checked[type="checkbox"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) .form-check-input:checked[type="radio"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) .form-check-input[type="checkbox"]:indeterminate { background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; }
:where(.zofo-rep.zr-bs) .form-check-input:disabled ~ .form-check-label, :where(.zofo-rep.zr-bs) .form-check-input[disabled] ~ .form-check-label { cursor: default; opacity: 0.5; }
:where(.zofo-rep.zr-bs) .form-switch { padding-left: 2.5em; }
:where(.zofo-rep.zr-bs) .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .form-switch .form-check-input { transition: none; } }
:where(.zofo-rep.zr-bs) .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0px; }
:where(.zofo-rep.zr-bs) .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0px; }
:where(.zofo-rep.zr-bs) .form-check-inline { display: inline-block; margin-right: 1rem; }
:where(.zofo-rep.zr-bs) .btn-check { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; }
:where(.zofo-rep.zr-bs) .btn-check:disabled + .btn, :where(.zofo-rep.zr-bs) .btn-check[disabled] + .btn { pointer-events: none; filter: none; opacity: 0.65; }
:where(.zofo-rep.zr-bs) [data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) .form-range { width: 100%; height: 1.5rem; padding: 0px; appearance: none; background-color: transparent; }
:where(.zofo-rep.zr-bs) .form-range:focus { outline: 0px; }
:where(.zofo-rep.zr-bs) .form-range:focus::-webkit-slider-thumb { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
:where(.zofo-rep.zr-bs) .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; appearance: none; background-color: rgb(13, 110, 253); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .form-range::-webkit-slider-thumb { transition: none; } }
:where(.zofo-rep.zr-bs) .form-range::-webkit-slider-thumb:active { background-color: rgb(182, 212, 254); }
:where(.zofo-rep.zr-bs) .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; }
@media (prefers-reduced-motion: reduce) { }
:where(.zofo-rep.zr-bs) .form-range:disabled { pointer-events: none; }
:where(.zofo-rep.zr-bs) .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); }
:where(.zofo-rep.zr-bs) .form-floating { position: relative; }
:where(.zofo-rep.zr-bs) .form-floating > .form-control, :where(.zofo-rep.zr-bs) .form-floating > .form-control-plaintext, :where(.zofo-rep.zr-bs) .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; }
:where(.zofo-rep.zr-bs) .form-floating > label { position: absolute; top: 0px; left: 0px; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0px 0px; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .form-floating > label { transition: none; } }
:where(.zofo-rep.zr-bs) .form-floating > .form-control, :where(.zofo-rep.zr-bs) .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; }
:where(.zofo-rep.zr-bs) .form-floating > .form-control-plaintext::placeholder, :where(.zofo-rep.zr-bs) .form-floating > .form-control::placeholder { color: transparent; }
:where(.zofo-rep.zr-bs) .form-floating > .form-control-plaintext:focus, :where(.zofo-rep.zr-bs) .form-floating > .form-control-plaintext:not(:placeholder-shown), :where(.zofo-rep.zr-bs) .form-floating > .form-control:focus, :where(.zofo-rep.zr-bs) .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; }
:where(.zofo-rep.zr-bs) .form-floating > .form-control-plaintext:-webkit-autofill, :where(.zofo-rep.zr-bs) .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; }
:where(.zofo-rep.zr-bs) .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; }
:where(.zofo-rep.zr-bs) .form-floating > .form-control-plaintext ~ label, :where(.zofo-rep.zr-bs) .form-floating > .form-control:focus ~ label, :where(.zofo-rep.zr-bs) .form-floating > .form-control:not(:placeholder-shown) ~ label, :where(.zofo-rep.zr-bs) .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb),.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
:where(.zofo-rep.zr-bs) .form-floating > .form-control-plaintext ~ label::after, :where(.zofo-rep.zr-bs) .form-floating > .form-control:focus ~ label::after, :where(.zofo-rep.zr-bs) .form-floating > .form-control:not(:placeholder-shown) ~ label::after, :where(.zofo-rep.zr-bs) .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); }
:where(.zofo-rep.zr-bs) .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb),.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
:where(.zofo-rep.zr-bs) .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; }
:where(.zofo-rep.zr-bs) .form-floating > .form-control:disabled ~ label, :where(.zofo-rep.zr-bs) .form-floating > :disabled ~ label { color: rgb(108, 117, 125); }
:where(.zofo-rep.zr-bs) .form-floating > .form-control:disabled ~ label::after, :where(.zofo-rep.zr-bs) .form-floating > :disabled ~ label::after { background-color: var(--bs-secondary-bg); }
:where(.zofo-rep.zr-bs) .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
:where(.zofo-rep.zr-bs) .input-group > .form-control, :where(.zofo-rep.zr-bs) .input-group > .form-floating, :where(.zofo-rep.zr-bs) .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0px; }
:where(.zofo-rep.zr-bs) .input-group > .form-control:focus, :where(.zofo-rep.zr-bs) .input-group > .form-floating:focus-within, :where(.zofo-rep.zr-bs) .input-group > .form-select:focus { z-index: 5; }
:where(.zofo-rep.zr-bs) .input-group .btn { position: relative; z-index: 2; }
:where(.zofo-rep.zr-bs) .input-group .btn:focus { z-index: 5; }
:where(.zofo-rep.zr-bs) .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); }
:where(.zofo-rep.zr-bs) .input-group-lg > .btn, :where(.zofo-rep.zr-bs) .input-group-lg > .form-control, :where(.zofo-rep.zr-bs) .input-group-lg > .form-select, :where(.zofo-rep.zr-bs) .input-group-lg > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); }
:where(.zofo-rep.zr-bs) .input-group-sm > .btn, :where(.zofo-rep.zr-bs) .input-group-sm > .form-control, :where(.zofo-rep.zr-bs) .input-group-sm > .form-select, :where(.zofo-rep.zr-bs) .input-group-sm > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); }
:where(.zofo-rep.zr-bs) .input-group-lg > .form-select, :where(.zofo-rep.zr-bs) .input-group-sm > .form-select { padding-right: 3rem; }
:where(.zofo-rep.zr-bs) .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), :where(.zofo-rep.zr-bs) .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, :where(.zofo-rep.zr-bs) .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, :where(.zofo-rep.zr-bs) .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
:where(.zofo-rep.zr-bs) .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), :where(.zofo-rep.zr-bs) .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, :where(.zofo-rep.zr-bs) .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, :where(.zofo-rep.zr-bs) .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
:where(.zofo-rep.zr-bs) .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
:where(.zofo-rep.zr-bs) .input-group > .form-floating:not(:first-child) > .form-control, :where(.zofo-rep.zr-bs) .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
:where(.zofo-rep.zr-bs) .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); }
:where(.zofo-rep.zr-bs) .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: rgb(255, 255, 255); background-color: var(--bs-success); border-radius: var(--bs-border-radius); }
:where(.zofo-rep.zr-bs) .is-valid ~ .valid-feedback, :where(.zofo-rep.zr-bs) .is-valid ~ .valid-tooltip, :where(.zofo-rep.zr-bs) .was-validated :valid ~ .valid-feedback, :where(.zofo-rep.zr-bs) .was-validated :valid ~ .valid-tooltip { display: block; }
:where(.zofo-rep.zr-bs) .form-control.is-valid, :where(.zofo-rep.zr-bs) .was-validated .form-control:valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
:where(.zofo-rep.zr-bs) .form-control.is-valid:focus, :where(.zofo-rep.zr-bs) .was-validated .form-control:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); }
:where(.zofo-rep.zr-bs) .was-validated textarea.form-control:valid, :where(.zofo-rep.zr-bs) textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
:where(.zofo-rep.zr-bs) .form-select.is-valid, :where(.zofo-rep.zr-bs) .was-validated .form-select:valid { border-color: var(--bs-form-valid-border-color); }
:where(.zofo-rep.zr-bs) .form-select.is-valid:not([multiple]):not([size]), :where(.zofo-rep.zr-bs) .form-select.is-valid:not([multiple])[size="1"], :where(.zofo-rep.zr-bs) .was-validated .form-select:valid:not([multiple]):not([size]), :where(.zofo-rep.zr-bs) .was-validated .form-select:valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, right 2.25rem center; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
:where(.zofo-rep.zr-bs) .form-select.is-valid:focus, :where(.zofo-rep.zr-bs) .was-validated .form-select:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); }
:where(.zofo-rep.zr-bs) .form-control-color.is-valid, :where(.zofo-rep.zr-bs) .was-validated .form-control-color:valid { width: calc(1.5em + 3.75rem); }
:where(.zofo-rep.zr-bs) .form-check-input.is-valid, :where(.zofo-rep.zr-bs) .was-validated .form-check-input:valid { border-color: var(--bs-form-valid-border-color); }
:where(.zofo-rep.zr-bs) .form-check-input.is-valid:checked, :where(.zofo-rep.zr-bs) .was-validated .form-check-input:valid:checked { background-color: var(--bs-form-valid-color); }
:where(.zofo-rep.zr-bs) .form-check-input.is-valid:focus, :where(.zofo-rep.zr-bs) .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); }
:where(.zofo-rep.zr-bs) .form-check-input.is-valid ~ .form-check-label, :where(.zofo-rep.zr-bs) .was-validated .form-check-input:valid ~ .form-check-label { color: var(--bs-form-valid-color); }
:where(.zofo-rep.zr-bs) .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; }
:where(.zofo-rep.zr-bs) .input-group > .form-control:not(:focus).is-valid, :where(.zofo-rep.zr-bs) .input-group > .form-floating:not(:focus-within).is-valid, :where(.zofo-rep.zr-bs) .input-group > .form-select:not(:focus).is-valid, :where(.zofo-rep.zr-bs) .was-validated .input-group > .form-control:not(:focus):valid, :where(.zofo-rep.zr-bs) .was-validated .input-group > .form-floating:not(:focus-within):valid, :where(.zofo-rep.zr-bs) .was-validated .input-group > .form-select:not(:focus):valid { z-index: 3; }
:where(.zofo-rep.zr-bs) .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); }
:where(.zofo-rep.zr-bs) .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: rgb(255, 255, 255); background-color: var(--bs-danger); border-radius: var(--bs-border-radius); }
:where(.zofo-rep.zr-bs) .is-invalid ~ .invalid-feedback, :where(.zofo-rep.zr-bs) .is-invalid ~ .invalid-tooltip, :where(.zofo-rep.zr-bs) .was-validated :invalid ~ .invalid-feedback, :where(.zofo-rep.zr-bs) .was-validated :invalid ~ .invalid-tooltip { display: block; }
:where(.zofo-rep.zr-bs) .form-control.is-invalid, :where(.zofo-rep.zr-bs) .was-validated .form-control:invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
:where(.zofo-rep.zr-bs) .form-control.is-invalid:focus, :where(.zofo-rep.zr-bs) .was-validated .form-control:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); }
:where(.zofo-rep.zr-bs) .was-validated textarea.form-control:invalid, :where(.zofo-rep.zr-bs) textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
:where(.zofo-rep.zr-bs) .form-select.is-invalid, :where(.zofo-rep.zr-bs) .was-validated .form-select:invalid { border-color: var(--bs-form-invalid-border-color); }
:where(.zofo-rep.zr-bs) .form-select.is-invalid:not([multiple]):not([size]), :where(.zofo-rep.zr-bs) .form-select.is-invalid:not([multiple])[size="1"], :where(.zofo-rep.zr-bs) .was-validated .form-select:invalid:not([multiple]):not([size]), :where(.zofo-rep.zr-bs) .was-validated .form-select:invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, right 2.25rem center; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
:where(.zofo-rep.zr-bs) .form-select.is-invalid:focus, :where(.zofo-rep.zr-bs) .was-validated .form-select:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); }
:where(.zofo-rep.zr-bs) .form-control-color.is-invalid, :where(.zofo-rep.zr-bs) .was-validated .form-control-color:invalid { width: calc(1.5em + 3.75rem); }
:where(.zofo-rep.zr-bs) .form-check-input.is-invalid, :where(.zofo-rep.zr-bs) .was-validated .form-check-input:invalid { border-color: var(--bs-form-invalid-border-color); }
:where(.zofo-rep.zr-bs) .form-check-input.is-invalid:checked, :where(.zofo-rep.zr-bs) .was-validated .form-check-input:invalid:checked { background-color: var(--bs-form-invalid-color); }
:where(.zofo-rep.zr-bs) .form-check-input.is-invalid:focus, :where(.zofo-rep.zr-bs) .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); }
:where(.zofo-rep.zr-bs) .form-check-input.is-invalid ~ .form-check-label, :where(.zofo-rep.zr-bs) .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--bs-form-invalid-color); }
:where(.zofo-rep.zr-bs) .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; }
:where(.zofo-rep.zr-bs) .input-group > .form-control:not(:focus).is-invalid, :where(.zofo-rep.zr-bs) .input-group > .form-floating:not(:focus-within).is-invalid, :where(.zofo-rep.zr-bs) .input-group > .form-select:not(:focus).is-invalid, :where(.zofo-rep.zr-bs) .was-validated .input-group > .form-control:not(:focus):invalid, :where(.zofo-rep.zr-bs) .was-validated .input-group > .form-floating:not(:focus-within):invalid, :where(.zofo-rep.zr-bs) .was-validated .input-group > .form-select:not(:focus):invalid { z-index: 4; }
:where(.zofo-rep.zr-bs) .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .btn { transition: none; } }
:where(.zofo-rep.zr-bs) .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); }
:where(.zofo-rep.zr-bs) .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); }
:where(.zofo-rep.zr-bs) .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0px; box-shadow: var(--bs-btn-focus-box-shadow); }
:where(.zofo-rep.zr-bs) .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0px; box-shadow: var(--bs-btn-focus-box-shadow); }
:where(.zofo-rep.zr-bs) .btn-check:checked + .btn, :where(.zofo-rep.zr-bs) .btn.active, :where(.zofo-rep.zr-bs) .btn.show, :where(.zofo-rep.zr-bs) .btn:first-child:active, :where(.zofo-rep.zr-bs) :not(.btn-check) + .btn:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); }
:where(.zofo-rep.zr-bs) .btn-check:checked + .btn:focus-visible, :where(.zofo-rep.zr-bs) .btn.active:focus-visible, :where(.zofo-rep.zr-bs) .btn.show:focus-visible, :where(.zofo-rep.zr-bs) .btn:first-child:active:focus-visible, :where(.zofo-rep.zr-bs) :not(.btn-check) + .btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); }
:where(.zofo-rep.zr-bs) .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); }
:where(.zofo-rep.zr-bs) .btn.disabled, :where(.zofo-rep.zr-bs) .btn:disabled, :where(.zofo-rep.zr-bs) fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); }
:where(.zofo-rep.zr-bs) .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49,132,253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; }
:where(.zofo-rep.zr-bs) .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130,138,145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; }
:where(.zofo-rep.zr-bs) .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60,153,110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; }
:where(.zofo-rep.zr-bs) .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11,172,204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; }
:where(.zofo-rep.zr-bs) .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217,164,6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; }
:where(.zofo-rep.zr-bs) .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225,83,97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; }
:where(.zofo-rep.zr-bs) .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211,212,213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; }
:where(.zofo-rep.zr-bs) .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66,70,73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; }
:where(.zofo-rep.zr-bs) .btn-outline-primary { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13,110,253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none; }
:where(.zofo-rep.zr-bs) .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108,117,125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; }
:where(.zofo-rep.zr-bs) .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25,135,84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none; }
:where(.zofo-rep.zr-bs) .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13,202,240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; }
:where(.zofo-rep.zr-bs) .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255,193,7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; }
:where(.zofo-rep.zr-bs) .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220,53,69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; }
:where(.zofo-rep.zr-bs) .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248,249,250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; }
:where(.zofo-rep.zr-bs) .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33,37,41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none; }
:where(.zofo-rep.zr-bs) .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 49,132,253; text-decoration: underline; }
:where(.zofo-rep.zr-bs) .btn-link:focus-visible { color: var(--bs-btn-color); }
:where(.zofo-rep.zr-bs) .btn-link:hover { color: var(--bs-btn-hover-color); }
:where(.zofo-rep.zr-bs) .btn-group-lg > .btn, :where(.zofo-rep.zr-bs) .btn-lg { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg); }
:where(.zofo-rep.zr-bs) .btn-group-sm > .btn, :where(.zofo-rep.zr-bs) .btn-sm { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm); }
:where(.zofo-rep.zr-bs) .fade { transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .fade { transition: none; } }
:where(.zofo-rep.zr-bs) .fade:not(.show) { opacity: 0; }
:where(.zofo-rep.zr-bs) .collapse:not(.show) { display: none; }
:where(.zofo-rep.zr-bs) .collapsing { height: 0px; overflow: hidden; transition: height 0.35s; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .collapsing { transition: none; } }
:where(.zofo-rep.zr-bs) .collapsing.collapse-horizontal { width: 0px; height: auto; transition: width 0.35s; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .collapsing.collapse-horizontal { transition: none; } }
:where(.zofo-rep.zr-bs) .dropdown, :where(.zofo-rep.zr-bs) .dropdown-center, :where(.zofo-rep.zr-bs) .dropend, :where(.zofo-rep.zr-bs) .dropstart, :where(.zofo-rep.zr-bs) .dropup, :where(.zofo-rep.zr-bs) .dropup-center { position: relative; }
:where(.zofo-rep.zr-bs) .dropdown-toggle { white-space: nowrap; }
:where(.zofo-rep.zr-bs) .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-style: solid solid none; border-color: currentcolor transparent; }
:where(.zofo-rep.zr-bs) .dropdown-toggle:empty::after { margin-left: 0px; }
:where(.zofo-rep.zr-bs) .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0px; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); }
:where(.zofo-rep.zr-bs) .dropdown-menu[data-bs-popper] { top: 100%; left: 0px; margin-top: var(--bs-dropdown-spacer); }
:where(.zofo-rep.zr-bs) .dropdown-menu-start { --bs-position: start; }
:where(.zofo-rep.zr-bs) .dropdown-menu-start[data-bs-popper] { right: auto; left: 0px; }
:where(.zofo-rep.zr-bs) .dropdown-menu-end { --bs-position: end; }
:where(.zofo-rep.zr-bs) .dropdown-menu-end[data-bs-popper] { right: 0px; left: auto; }
@media (min-width: 576px) { :where(.zofo-rep.zr-bs) .dropdown-menu-sm-start { --bs-position: start; } :where(.zofo-rep.zr-bs) .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0px; } :where(.zofo-rep.zr-bs) .dropdown-menu-sm-end { --bs-position: end; } :where(.zofo-rep.zr-bs) .dropdown-menu-sm-end[data-bs-popper] { right: 0px; left: auto; } }
@media (min-width: 768px) { :where(.zofo-rep.zr-bs) .dropdown-menu-md-start { --bs-position: start; } :where(.zofo-rep.zr-bs) .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0px; } :where(.zofo-rep.zr-bs) .dropdown-menu-md-end { --bs-position: end; } :where(.zofo-rep.zr-bs) .dropdown-menu-md-end[data-bs-popper] { right: 0px; left: auto; } }
@media (min-width: 992px) { :where(.zofo-rep.zr-bs) .dropdown-menu-lg-start { --bs-position: start; } :where(.zofo-rep.zr-bs) .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0px; } :where(.zofo-rep.zr-bs) .dropdown-menu-lg-end { --bs-position: end; } :where(.zofo-rep.zr-bs) .dropdown-menu-lg-end[data-bs-popper] { right: 0px; left: auto; } }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .dropdown-menu-xl-start { --bs-position: start; } :where(.zofo-rep.zr-bs) .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0px; } :where(.zofo-rep.zr-bs) .dropdown-menu-xl-end { --bs-position: end; } :where(.zofo-rep.zr-bs) .dropdown-menu-xl-end[data-bs-popper] { right: 0px; left: auto; } }
@media (min-width: 1400px) { :where(.zofo-rep.zr-bs) .dropdown-menu-xxl-start { --bs-position: start; } :where(.zofo-rep.zr-bs) .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0px; } :where(.zofo-rep.zr-bs) .dropdown-menu-xxl-end { --bs-position: end; } :where(.zofo-rep.zr-bs) .dropdown-menu-xxl-end[data-bs-popper] { right: 0px; left: auto; } }
:where(.zofo-rep.zr-bs) .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: var(--bs-dropdown-spacer); }
:where(.zofo-rep.zr-bs) .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0px 0.3em 0.3em; border-style: none solid solid; border-color: currentcolor transparent; }
:where(.zofo-rep.zr-bs) .dropup .dropdown-toggle:empty::after { margin-left: 0px; }
:where(.zofo-rep.zr-bs) .dropend .dropdown-menu[data-bs-popper] { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: var(--bs-dropdown-spacer); }
:where(.zofo-rep.zr-bs) .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0px 0.3em 0.3em; border-style: solid none solid solid; border-color: transparent currentcolor; }
:where(.zofo-rep.zr-bs) .dropend .dropdown-toggle:empty::after { margin-left: 0px; }
:where(.zofo-rep.zr-bs) .dropend .dropdown-toggle::after { vertical-align: 0px; }
:where(.zofo-rep.zr-bs) .dropstart .dropdown-menu[data-bs-popper] { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: var(--bs-dropdown-spacer); }
:where(.zofo-rep.zr-bs) .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; }
:where(.zofo-rep.zr-bs) .dropstart .dropdown-toggle::after { display: none; }
:where(.zofo-rep.zr-bs) .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }
:where(.zofo-rep.zr-bs) .dropstart .dropdown-toggle:empty::after { margin-left: 0px; }
:where(.zofo-rep.zr-bs) .dropstart .dropdown-toggle::before { vertical-align: 0px; }
:where(.zofo-rep.zr-bs) .dropdown-divider { height: 0px; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; }
:where(.zofo-rep.zr-bs) .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0px; border-radius: var(--bs-dropdown-item-border-radius,0); }
:where(.zofo-rep.zr-bs) .dropdown-item:focus, :where(.zofo-rep.zr-bs) .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); }
:where(.zofo-rep.zr-bs) .dropdown-item.active, :where(.zofo-rep.zr-bs) .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); }
:where(.zofo-rep.zr-bs) .dropdown-item.disabled, :where(.zofo-rep.zr-bs) .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; }
:where(.zofo-rep.zr-bs) .dropdown-menu.show { display: block; }
:where(.zofo-rep.zr-bs) .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0px; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; }
:where(.zofo-rep.zr-bs) .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); }
:where(.zofo-rep.zr-bs) .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; }
:where(.zofo-rep.zr-bs) .btn-group, :where(.zofo-rep.zr-bs) .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }
:where(.zofo-rep.zr-bs) .btn-group-vertical > .btn, :where(.zofo-rep.zr-bs) .btn-group > .btn { position: relative; flex: 1 1 auto; }
:where(.zofo-rep.zr-bs) .btn-group-vertical > .btn-check:checked + .btn, :where(.zofo-rep.zr-bs) .btn-group-vertical > .btn-check:focus + .btn, :where(.zofo-rep.zr-bs) .btn-group-vertical > .btn.active, :where(.zofo-rep.zr-bs) .btn-group-vertical > .btn:active, :where(.zofo-rep.zr-bs) .btn-group-vertical > .btn:focus, :where(.zofo-rep.zr-bs) .btn-group-vertical > .btn:hover, :where(.zofo-rep.zr-bs) .btn-group > .btn-check:checked + .btn, :where(.zofo-rep.zr-bs) .btn-group > .btn-check:focus + .btn, :where(.zofo-rep.zr-bs) .btn-group > .btn.active, :where(.zofo-rep.zr-bs) .btn-group > .btn:active, :where(.zofo-rep.zr-bs) .btn-group > .btn:focus, :where(.zofo-rep.zr-bs) .btn-group > .btn:hover { z-index: 1; }
:where(.zofo-rep.zr-bs) .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }
:where(.zofo-rep.zr-bs) .btn-toolbar .input-group { width: auto; }
:where(.zofo-rep.zr-bs) .btn-group { border-radius: var(--bs-border-radius); }
:where(.zofo-rep.zr-bs) .btn-group > .btn-group:not(:first-child), :where(.zofo-rep.zr-bs) .btn-group > :not(.btn-check:first-child) + .btn { margin-left: calc(var(--bs-border-width) * -1); }
:where(.zofo-rep.zr-bs) .btn-group > .btn-group:not(:last-child) > .btn, :where(.zofo-rep.zr-bs) .btn-group > .btn.dropdown-toggle-split:first-child, :where(.zofo-rep.zr-bs) .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
:where(.zofo-rep.zr-bs) .btn-group > .btn-group:not(:first-child) > .btn, :where(.zofo-rep.zr-bs) .btn-group > .btn:nth-child(n+3), :where(.zofo-rep.zr-bs) .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
:where(.zofo-rep.zr-bs) .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; }
:where(.zofo-rep.zr-bs) .dropdown-toggle-split::after, :where(.zofo-rep.zr-bs) .dropend .dropdown-toggle-split::after, :where(.zofo-rep.zr-bs) .dropup .dropdown-toggle-split::after { margin-left: 0px; }
:where(.zofo-rep.zr-bs) .dropstart .dropdown-toggle-split::before { margin-right: 0px; }
:where(.zofo-rep.zr-bs) .btn-group-sm > .btn + .dropdown-toggle-split, :where(.zofo-rep.zr-bs) .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }
:where(.zofo-rep.zr-bs) .btn-group-lg > .btn + .dropdown-toggle-split, :where(.zofo-rep.zr-bs) .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }
:where(.zofo-rep.zr-bs) .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }
:where(.zofo-rep.zr-bs) .btn-group-vertical > .btn, :where(.zofo-rep.zr-bs) .btn-group-vertical > .btn-group { width: 100%; }
:where(.zofo-rep.zr-bs) .btn-group-vertical > .btn-group:not(:first-child), :where(.zofo-rep.zr-bs) .btn-group-vertical > .btn:not(:first-child) { margin-top: calc(var(--bs-border-width) * -1); }
:where(.zofo-rep.zr-bs) .btn-group-vertical > .btn-group:not(:last-child) > .btn, :where(.zofo-rep.zr-bs) .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
:where(.zofo-rep.zr-bs) .btn-group-vertical > .btn-group:not(:first-child) > .btn, :where(.zofo-rep.zr-bs) .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0px; border-top-right-radius: 0px; }
:where(.zofo-rep.zr-bs) .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
:where(.zofo-rep.zr-bs) .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: 0px 0px; border: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .nav-link { transition: none; } }
:where(.zofo-rep.zr-bs) .nav-link:focus, :where(.zofo-rep.zr-bs) .nav-link:hover { color: var(--bs-nav-link-hover-color); }
:where(.zofo-rep.zr-bs) .nav-link:focus-visible { outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
:where(.zofo-rep.zr-bs) .nav-link.disabled, :where(.zofo-rep.zr-bs) .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; }
:where(.zofo-rep.zr-bs) .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); }
:where(.zofo-rep.zr-bs) .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); }
:where(.zofo-rep.zr-bs) .nav-tabs .nav-link:focus, :where(.zofo-rep.zr-bs) .nav-tabs .nav-link:hover { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); }
:where(.zofo-rep.zr-bs) .nav-tabs .nav-item.show .nav-link, :where(.zofo-rep.zr-bs) .nav-tabs .nav-link.active { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); }
:where(.zofo-rep.zr-bs) .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0px; border-top-right-radius: 0px; }
:where(.zofo-rep.zr-bs) .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0d6efd; }
:where(.zofo-rep.zr-bs) .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); }
:where(.zofo-rep.zr-bs) .nav-pills .nav-link.active, :where(.zofo-rep.zr-bs) .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); }
:where(.zofo-rep.zr-bs) .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); }
:where(.zofo-rep.zr-bs) .nav-underline .nav-link { padding-right: 0px; padding-left: 0px; border-bottom: var(--bs-nav-underline-border-width) solid transparent; }
:where(.zofo-rep.zr-bs) .nav-underline .nav-link:focus, :where(.zofo-rep.zr-bs) .nav-underline .nav-link:hover { border-bottom-color: currentcolor; }
:where(.zofo-rep.zr-bs) .nav-underline .nav-link.active, :where(.zofo-rep.zr-bs) .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; }
:where(.zofo-rep.zr-bs) .nav-fill .nav-item, :where(.zofo-rep.zr-bs) .nav-fill > .nav-link { flex: 1 1 auto; text-align: center; }
:where(.zofo-rep.zr-bs) .nav-justified .nav-item, :where(.zofo-rep.zr-bs) .nav-justified > .nav-link { flex-basis: 0px; flex-grow: 1; text-align: center; }
:where(.zofo-rep.zr-bs) .nav-fill .nav-item .nav-link, :where(.zofo-rep.zr-bs) .nav-justified .nav-item .nav-link { width: 100%; }
:where(.zofo-rep.zr-bs) .tab-content > .tab-pane { display: none; }
:where(.zofo-rep.zr-bs) .tab-content > .active { display: block; }
:where(.zofo-rep.zr-bs) .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); }
:where(.zofo-rep.zr-bs) .navbar > .container, :where(.zofo-rep.zr-bs) .navbar > .container-fluid, :where(.zofo-rep.zr-bs) .navbar > .container-lg, :where(.zofo-rep.zr-bs) .navbar > .container-md, :where(.zofo-rep.zr-bs) .navbar > .container-sm, :where(.zofo-rep.zr-bs) .navbar > .container-xl, :where(.zofo-rep.zr-bs) .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; }
:where(.zofo-rep.zr-bs) .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; }
:where(.zofo-rep.zr-bs) .navbar-brand:focus, :where(.zofo-rep.zr-bs) .navbar-brand:hover { color: var(--bs-navbar-brand-hover-color); }
:where(.zofo-rep.zr-bs) .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }
:where(.zofo-rep.zr-bs) .navbar-nav .nav-link.active, :where(.zofo-rep.zr-bs) .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); }
:where(.zofo-rep.zr-bs) .navbar-nav .dropdown-menu { position: static; }
:where(.zofo-rep.zr-bs) .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); }
:where(.zofo-rep.zr-bs) .navbar-text a, :where(.zofo-rep.zr-bs) .navbar-text a:focus, :where(.zofo-rep.zr-bs) .navbar-text a:hover { color: var(--bs-navbar-active-color); }
:where(.zofo-rep.zr-bs) .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
:where(.zofo-rep.zr-bs) .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .navbar-toggler { transition: none; } }
:where(.zofo-rep.zr-bs) .navbar-toggler:hover { text-decoration: none; }
:where(.zofo-rep.zr-bs) .navbar-toggler:focus { text-decoration: none; outline: 0px; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); }
:where(.zofo-rep.zr-bs) .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }
:where(.zofo-rep.zr-bs) .navbar-nav-scroll { max-height: var(--bs-scroll-height,75vh); overflow-y: auto; }
@media (min-width: 576px) { :where(.zofo-rep.zr-bs) .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } :where(.zofo-rep.zr-bs) .navbar-expand-sm .navbar-nav { flex-direction: row; } :where(.zofo-rep.zr-bs) .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } :where(.zofo-rep.zr-bs) .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } :where(.zofo-rep.zr-bs) .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } :where(.zofo-rep.zr-bs) .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } :where(.zofo-rep.zr-bs) .navbar-expand-sm .navbar-toggler { display: none; } :where(.zofo-rep.zr-bs) .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; } :where(.zofo-rep.zr-bs) .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } :where(.zofo-rep.zr-bs) .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; } }
@media (min-width: 768px) { :where(.zofo-rep.zr-bs) .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } :where(.zofo-rep.zr-bs) .navbar-expand-md .navbar-nav { flex-direction: row; } :where(.zofo-rep.zr-bs) .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } :where(.zofo-rep.zr-bs) .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } :where(.zofo-rep.zr-bs) .navbar-expand-md .navbar-nav-scroll { overflow: visible; } :where(.zofo-rep.zr-bs) .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } :where(.zofo-rep.zr-bs) .navbar-expand-md .navbar-toggler { display: none; } :where(.zofo-rep.zr-bs) .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; } :where(.zofo-rep.zr-bs) .navbar-expand-md .offcanvas .offcanvas-header { display: none; } :where(.zofo-rep.zr-bs) .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; } }
@media (min-width: 992px) { :where(.zofo-rep.zr-bs) .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } :where(.zofo-rep.zr-bs) .navbar-expand-lg .navbar-nav { flex-direction: row; } :where(.zofo-rep.zr-bs) .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } :where(.zofo-rep.zr-bs) .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } :where(.zofo-rep.zr-bs) .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } :where(.zofo-rep.zr-bs) .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } :where(.zofo-rep.zr-bs) .navbar-expand-lg .navbar-toggler { display: none; } :where(.zofo-rep.zr-bs) .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; } :where(.zofo-rep.zr-bs) .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } :where(.zofo-rep.zr-bs) .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; } }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } :where(.zofo-rep.zr-bs) .navbar-expand-xl .navbar-nav { flex-direction: row; } :where(.zofo-rep.zr-bs) .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } :where(.zofo-rep.zr-bs) .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } :where(.zofo-rep.zr-bs) .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } :where(.zofo-rep.zr-bs) .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } :where(.zofo-rep.zr-bs) .navbar-expand-xl .navbar-toggler { display: none; } :where(.zofo-rep.zr-bs) .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; } :where(.zofo-rep.zr-bs) .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } :where(.zofo-rep.zr-bs) .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; } }
@media (min-width: 1400px) { :where(.zofo-rep.zr-bs) .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } :where(.zofo-rep.zr-bs) .navbar-expand-xxl .navbar-nav { flex-direction: row; } :where(.zofo-rep.zr-bs) .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } :where(.zofo-rep.zr-bs) .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } :where(.zofo-rep.zr-bs) .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } :where(.zofo-rep.zr-bs) .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } :where(.zofo-rep.zr-bs) .navbar-expand-xxl .navbar-toggler { display: none; } :where(.zofo-rep.zr-bs) .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; } :where(.zofo-rep.zr-bs) .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } :where(.zofo-rep.zr-bs) .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; } }
:where(.zofo-rep.zr-bs) .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; }
:where(.zofo-rep.zr-bs) .navbar-expand .navbar-nav { flex-direction: row; }
:where(.zofo-rep.zr-bs) .navbar-expand .navbar-nav .dropdown-menu { position: absolute; }
:where(.zofo-rep.zr-bs) .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); }
:where(.zofo-rep.zr-bs) .navbar-expand .navbar-nav-scroll { overflow: visible; }
:where(.zofo-rep.zr-bs) .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; }
:where(.zofo-rep.zr-bs) .navbar-expand .navbar-toggler { display: none; }
:where(.zofo-rep.zr-bs) .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; }
:where(.zofo-rep.zr-bs) .navbar-expand .offcanvas .offcanvas-header { display: none; }
:where(.zofo-rep.zr-bs) .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; }
:where(.zofo-rep.zr-bs) .navbar-dark, :where(.zofo-rep.zr-bs) .navbar[data-bs-theme="dark"] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) [data-bs-theme="dark"] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0px; height: var(--bs-card-height); color: var(--bs-body-color); overflow-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); }
:where(.zofo-rep.zr-bs) .card > hr { margin-right: 0px; margin-left: 0px; }
:where(.zofo-rep.zr-bs) .card > .list-group { border-top: inherit; border-bottom: inherit; }
:where(.zofo-rep.zr-bs) .card > .list-group:first-child { border-top-width: 0px; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); }
:where(.zofo-rep.zr-bs) .card > .list-group:last-child { border-bottom-width: 0px; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); }
:where(.zofo-rep.zr-bs) .card > .card-header + .list-group, :where(.zofo-rep.zr-bs) .card > .list-group + .card-footer { border-top: 0px; }
:where(.zofo-rep.zr-bs) .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); }
:where(.zofo-rep.zr-bs) .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); }
:where(.zofo-rep.zr-bs) .card-subtitle { margin-top: calc(-.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0px; color: var(--bs-card-subtitle-color); }
:where(.zofo-rep.zr-bs) .card-text:last-child { margin-bottom: 0px; }
:where(.zofo-rep.zr-bs) .card-link + .card-link { margin-left: var(--bs-card-spacer-x); }
:where(.zofo-rep.zr-bs) .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0px; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); }
:where(.zofo-rep.zr-bs) .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; }
:where(.zofo-rep.zr-bs) .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); }
:where(.zofo-rep.zr-bs) .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); }
:where(.zofo-rep.zr-bs) .card-header-tabs { margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); border-bottom: 0px; }
:where(.zofo-rep.zr-bs) .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); }
:where(.zofo-rep.zr-bs) .card-header-pills { margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); }
:where(.zofo-rep.zr-bs) .card-img-overlay { position: absolute; inset: 0px; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); }
:where(.zofo-rep.zr-bs) .card-img, :where(.zofo-rep.zr-bs) .card-img-bottom, :where(.zofo-rep.zr-bs) .card-img-top { width: 100%; }
:where(.zofo-rep.zr-bs) .card-img, :where(.zofo-rep.zr-bs) .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); }
:where(.zofo-rep.zr-bs) .card-img, :where(.zofo-rep.zr-bs) .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); }
:where(.zofo-rep.zr-bs) .card-group > .card { margin-bottom: var(--bs-card-group-margin); }
@media (min-width: 576px) { :where(.zofo-rep.zr-bs) .card-group { display: flex; flex-flow: wrap; } :where(.zofo-rep.zr-bs) .card-group > .card { flex: 1 0 0%; margin-bottom: 0px; } :where(.zofo-rep.zr-bs) .card-group > .card + .card { margin-left: 0px; border-left: 0px; } :where(.zofo-rep.zr-bs) .card-group > .card:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } :where(.zofo-rep.zr-bs) .card-group > .card:not(:last-child) .card-header, :where(.zofo-rep.zr-bs) .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0px; } :where(.zofo-rep.zr-bs) .card-group > .card:not(:last-child) .card-footer, :where(.zofo-rep.zr-bs) .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0px; } :where(.zofo-rep.zr-bs) .card-group > .card:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } :where(.zofo-rep.zr-bs) .card-group > .card:not(:first-child) .card-header, :where(.zofo-rep.zr-bs) .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0px; } :where(.zofo-rep.zr-bs) .card-group > .card:not(:first-child) .card-footer, :where(.zofo-rep.zr-bs) .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0px; } }
:where(.zofo-rep.zr-bs) .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); }
:where(.zofo-rep.zr-bs) .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0px; border-radius: 0px; overflow-anchor: none; transition: var(--bs-accordion-transition); }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .accordion-button { transition: none; } }
:where(.zofo-rep.zr-bs) .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); }
:where(.zofo-rep.zr-bs) .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); }
:where(.zofo-rep.zr-bs) .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .accordion-button::after { transition: none; } }
:where(.zofo-rep.zr-bs) .accordion-button:hover { z-index: 2; }
:where(.zofo-rep.zr-bs) .accordion-button:focus { z-index: 3; outline: 0px; box-shadow: var(--bs-accordion-btn-focus-box-shadow); }
:where(.zofo-rep.zr-bs) .accordion-header { margin-bottom: 0px; }
:where(.zofo-rep.zr-bs) .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); }
:where(.zofo-rep.zr-bs) .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); }
:where(.zofo-rep.zr-bs) .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); }
:where(.zofo-rep.zr-bs) .accordion-item:not(:first-of-type) { border-top: 0px; }
:where(.zofo-rep.zr-bs) .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); }
:where(.zofo-rep.zr-bs) .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); }
:where(.zofo-rep.zr-bs) .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); }
:where(.zofo-rep.zr-bs) .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); }
:where(.zofo-rep.zr-bs) .accordion-flush > .accordion-item { border-right: 0px; border-left: 0px; border-radius: 0px; }
:where(.zofo-rep.zr-bs) .accordion-flush > .accordion-item:first-child { border-top: 0px; }
:where(.zofo-rep.zr-bs) .accordion-flush > .accordion-item:last-child { border-bottom: 0px; }
:where(.zofo-rep.zr-bs) .accordion-flush > .accordion-item > .accordion-header .accordion-button, :where(.zofo-rep.zr-bs) .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0px; }
:where(.zofo-rep.zr-bs) .accordion-flush > .accordion-item > .accordion-collapse { border-radius: 0px; }
:where(.zofo-rep.zr-bs) [data-bs-theme="dark"] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); }
:where(.zofo-rep.zr-bs) .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); }
:where(.zofo-rep.zr-bs) .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/"); }
:where(.zofo-rep.zr-bs) .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); }
:where(.zofo-rep.zr-bs) .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 0px; list-style: none; }
:where(.zofo-rep.zr-bs) .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .page-link { transition: none; } }
:where(.zofo-rep.zr-bs) .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); }
:where(.zofo-rep.zr-bs) .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0px; box-shadow: var(--bs-pagination-focus-box-shadow); }
:where(.zofo-rep.zr-bs) .active > .page-link, :where(.zofo-rep.zr-bs) .page-link.active { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); }
:where(.zofo-rep.zr-bs) .disabled > .page-link, :where(.zofo-rep.zr-bs) .page-link.disabled { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); }
:where(.zofo-rep.zr-bs) .page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width) * -1); }
:where(.zofo-rep.zr-bs) .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); }
:where(.zofo-rep.zr-bs) .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); }
:where(.zofo-rep.zr-bs) .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); }
:where(.zofo-rep.zr-bs) .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); }
:where(.zofo-rep.zr-bs) .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); }
:where(.zofo-rep.zr-bs) .badge:empty { display: none; }
:where(.zofo-rep.zr-bs) .btn .badge { position: relative; top: -1px; }
:where(.zofo-rep.zr-bs) .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); }
:where(.zofo-rep.zr-bs) .alert-heading { color: inherit; }
:where(.zofo-rep.zr-bs) .alert-link { font-weight: 700; color: var(--bs-alert-link-color); }
:where(.zofo-rep.zr-bs) .alert-dismissible { padding-right: 3rem; }
:where(.zofo-rep.zr-bs) .alert-dismissible .btn-close { position: absolute; top: 0px; right: 0px; z-index: 2; padding: 1.25rem 1rem; }
:where(.zofo-rep.zr-bs) .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); }
:where(.zofo-rep.zr-bs) .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); }
:where(.zofo-rep.zr-bs) .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); }
:where(.zofo-rep.zr-bs) .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); }
:where(.zofo-rep.zr-bs) .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); }
:where(.zofo-rep.zr-bs) .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); }
:where(.zofo-rep.zr-bs) .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); }
:where(.zofo-rep.zr-bs) .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); }
@keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } }
:where(.zofo-rep.zr-bs) .progress, :where(.zofo-rep.zr-bs) .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); }
:where(.zofo-rep.zr-bs) .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .progress-bar { transition: none; } }
:where(.zofo-rep.zr-bs) .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height); }
:where(.zofo-rep.zr-bs) .progress-stacked > .progress { overflow: visible; }
:where(.zofo-rep.zr-bs) .progress-stacked > .progress > .progress-bar { width: 100%; }
:where(.zofo-rep.zr-bs) .progress-bar-animated { animation: 1s linear 0s infinite normal none running progress-bar-stripes; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .progress-bar-animated { animation: auto ease 0s 1 normal none running none; } }
:where(.zofo-rep.zr-bs) .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; border-radius: var(--bs-list-group-border-radius); }
:where(.zofo-rep.zr-bs) .list-group-numbered { list-style-type: none; counter-reset: section 0; }
:where(.zofo-rep.zr-bs) .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section 1; }
:where(.zofo-rep.zr-bs) .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; }
:where(.zofo-rep.zr-bs) .list-group-item-action:focus, :where(.zofo-rep.zr-bs) .list-group-item-action:hover { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); }
:where(.zofo-rep.zr-bs) .list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); }
:where(.zofo-rep.zr-bs) .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); }
:where(.zofo-rep.zr-bs) .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }
:where(.zofo-rep.zr-bs) .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }
:where(.zofo-rep.zr-bs) .list-group-item.disabled, :where(.zofo-rep.zr-bs) .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); }
:where(.zofo-rep.zr-bs) .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); }
:where(.zofo-rep.zr-bs) .list-group-item + .list-group-item { border-top-width: 0px; }
:where(.zofo-rep.zr-bs) .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); }
:where(.zofo-rep.zr-bs) .list-group-horizontal { flex-direction: row; }
:where(.zofo-rep.zr-bs) .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; }
:where(.zofo-rep.zr-bs) .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; }
:where(.zofo-rep.zr-bs) .list-group-horizontal > .list-group-item.active { margin-top: 0px; }
:where(.zofo-rep.zr-bs) .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; }
:where(.zofo-rep.zr-bs) .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }
@media (min-width: 576px) { :where(.zofo-rep.zr-bs) .list-group-horizontal-sm { flex-direction: row; } :where(.zofo-rep.zr-bs) .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-sm > .list-group-item.active { margin-top: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } }
@media (min-width: 768px) { :where(.zofo-rep.zr-bs) .list-group-horizontal-md { flex-direction: row; } :where(.zofo-rep.zr-bs) .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-md > .list-group-item.active { margin-top: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } }
@media (min-width: 992px) { :where(.zofo-rep.zr-bs) .list-group-horizontal-lg { flex-direction: row; } :where(.zofo-rep.zr-bs) .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-lg > .list-group-item.active { margin-top: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .list-group-horizontal-xl { flex-direction: row; } :where(.zofo-rep.zr-bs) .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-xl > .list-group-item.active { margin-top: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } }
@media (min-width: 1400px) { :where(.zofo-rep.zr-bs) .list-group-horizontal-xxl { flex-direction: row; } :where(.zofo-rep.zr-bs) .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; } :where(.zofo-rep.zr-bs) .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } }
:where(.zofo-rep.zr-bs) .list-group-flush { border-radius: 0px; }
:where(.zofo-rep.zr-bs) .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); }
:where(.zofo-rep.zr-bs) .list-group-flush > .list-group-item:last-child { border-bottom-width: 0px; }
:where(.zofo-rep.zr-bs) .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); }
:where(.zofo-rep.zr-bs) .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); }
:where(.zofo-rep.zr-bs) .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis); }
:where(.zofo-rep.zr-bs) .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis); }
:where(.zofo-rep.zr-bs) .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); }
:where(.zofo-rep.zr-bs) .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); }
:where(.zofo-rep.zr-bs) .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis); }
:where(.zofo-rep.zr-bs) .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); }
:where(.zofo-rep.zr-bs) .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0px; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); }
:where(.zofo-rep.zr-bs) .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); }
:where(.zofo-rep.zr-bs) .btn-close:focus { outline: 0px; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); }
:where(.zofo-rep.zr-bs) .btn-close.disabled, :where(.zofo-rep.zr-bs) .btn-close:disabled { pointer-events: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); }
:where(.zofo-rep.zr-bs) .btn-close-white { filter: var(--bs-btn-close-white-filter); }
:where(.zofo-rep.zr-bs) [data-bs-theme="dark"] .btn-close { filter: var(--bs-btn-close-white-filter); }
:where(.zofo-rep.zr-bs) .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); }
:where(.zofo-rep.zr-bs) .toast.showing { opacity: 0; }
:where(.zofo-rep.zr-bs) .toast:not(.show) { display: none; }
:where(.zofo-rep.zr-bs) .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; }
:where(.zofo-rep.zr-bs) .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); }
:where(.zofo-rep.zr-bs) .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); }
:where(.zofo-rep.zr-bs) .toast-header .btn-close { margin-right: calc(-.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); }
:where(.zofo-rep.zr-bs) .toast-body { padding: var(--bs-toast-padding-x); overflow-wrap: break-word; }
:where(.zofo-rep.zr-bs) .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0px; left: 0px; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; }
:where(.zofo-rep.zr-bs) .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; }
:where(.zofo-rep.zr-bs) .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -50px); }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .modal.fade .modal-dialog { transition: none; } }
:where(.zofo-rep.zr-bs) .modal.show .modal-dialog { transform: none; }
:where(.zofo-rep.zr-bs) .modal.modal-static .modal-dialog { transform: scale(1.02); }
:where(.zofo-rep.zr-bs) .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); }
:where(.zofo-rep.zr-bs) .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; }
:where(.zofo-rep.zr-bs) .modal-dialog-scrollable .modal-body { overflow-y: auto; }
:where(.zofo-rep.zr-bs) .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); }
:where(.zofo-rep.zr-bs) .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0px; }
:where(.zofo-rep.zr-bs) .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0px; left: 0px; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); }
:where(.zofo-rep.zr-bs) .modal-backdrop.fade { opacity: 0; }
:where(.zofo-rep.zr-bs) .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); }
:where(.zofo-rep.zr-bs) .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); }
:where(.zofo-rep.zr-bs) .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; }
:where(.zofo-rep.zr-bs) .modal-title { margin-bottom: 0px; line-height: var(--bs-modal-title-line-height); }
:where(.zofo-rep.zr-bs) .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); }
:where(.zofo-rep.zr-bs) .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); }
:where(.zofo-rep.zr-bs) .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * .5); }
@media (min-width: 576px) { :where(.zofo-rep.zr-bs) .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } :where(.zofo-rep.zr-bs) .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } :where(.zofo-rep.zr-bs) .modal-sm { --bs-modal-width: 300px; } }
@media (min-width: 992px) { :where(.zofo-rep.zr-bs) .modal-lg, :where(.zofo-rep.zr-bs) .modal-xl { --bs-modal-width: 800px; } }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .modal-xl { --bs-modal-width: 1140px; } }
:where(.zofo-rep.zr-bs) .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0px; }
:where(.zofo-rep.zr-bs) .modal-fullscreen .modal-content { height: 100%; border: 0px; border-radius: 0px; }
:where(.zofo-rep.zr-bs) .modal-fullscreen .modal-footer, :where(.zofo-rep.zr-bs) .modal-fullscreen .modal-header { border-radius: 0px; }
:where(.zofo-rep.zr-bs) .modal-fullscreen .modal-body { overflow-y: auto; }
@media (max-width: 575.98px) { :where(.zofo-rep.zr-bs) .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0px; border-radius: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-sm-down .modal-footer, :where(.zofo-rep.zr-bs) .modal-fullscreen-sm-down .modal-header { border-radius: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } }
@media (max-width: 767.98px) { :where(.zofo-rep.zr-bs) .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-md-down .modal-content { height: 100%; border: 0px; border-radius: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-md-down .modal-footer, :where(.zofo-rep.zr-bs) .modal-fullscreen-md-down .modal-header { border-radius: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-md-down .modal-body { overflow-y: auto; } }
@media (max-width: 991.98px) { :where(.zofo-rep.zr-bs) .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0px; border-radius: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-lg-down .modal-footer, :where(.zofo-rep.zr-bs) .modal-fullscreen-lg-down .modal-header { border-radius: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } }
@media (max-width: 1199.98px) { :where(.zofo-rep.zr-bs) .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-xl-down .modal-footer, :where(.zofo-rep.zr-bs) .modal-fullscreen-xl-down .modal-header { border-radius: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } }
@media (max-width: 1399.98px) { :where(.zofo-rep.zr-bs) .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-xxl-down .modal-footer, :where(.zofo-rep.zr-bs) .modal-fullscreen-xxl-down .modal-header { border-radius: 0px; } :where(.zofo-rep.zr-bs) .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } }
:where(.zofo-rep.zr-bs) .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); overflow-wrap: break-word; opacity: 0; }
:where(.zofo-rep.zr-bs) .tooltip.show { opacity: var(--bs-tooltip-opacity); }
:where(.zofo-rep.zr-bs) .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); }
:where(.zofo-rep.zr-bs) .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }
:where(.zofo-rep.zr-bs) .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow, :where(.zofo-rep.zr-bs) .bs-tooltip-top .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); }
:where(.zofo-rep.zr-bs) .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before, :where(.zofo-rep.zr-bs) .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; border-top-color: var(--bs-tooltip-bg); }
:where(.zofo-rep.zr-bs) .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow, :where(.zofo-rep.zr-bs) .bs-tooltip-end .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); }
:where(.zofo-rep.zr-bs) .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before, :where(.zofo-rep.zr-bs) .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; border-right-color: var(--bs-tooltip-bg); }
:where(.zofo-rep.zr-bs) .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow, :where(.zofo-rep.zr-bs) .bs-tooltip-bottom .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); }
:where(.zofo-rep.zr-bs) .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before, :where(.zofo-rep.zr-bs) .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); }
:where(.zofo-rep.zr-bs) .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow, :where(.zofo-rep.zr-bs) .bs-tooltip-start .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); }
:where(.zofo-rep.zr-bs) .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before, :where(.zofo-rep.zr-bs) .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); }
:where(.zofo-rep.zr-bs) .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); }
:where(.zofo-rep.zr-bs) .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); overflow-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); }
:where(.zofo-rep.zr-bs) .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); }
:where(.zofo-rep.zr-bs) .popover .popover-arrow::after, :where(.zofo-rep.zr-bs) .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0px; }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow, :where(.zofo-rep.zr-bs) .bs-popover-top > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, :where(.zofo-rep.zr-bs) .bs-popover-top > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-top > .popover-arrow::before { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, :where(.zofo-rep.zr-bs) .bs-popover-top > .popover-arrow::before { bottom: 0px; border-top-color: var(--bs-popover-arrow-border); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-top > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow, :where(.zofo-rep.zr-bs) .bs-popover-end > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, :where(.zofo-rep.zr-bs) .bs-popover-end > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-end > .popover-arrow::before { border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, :where(.zofo-rep.zr-bs) .bs-popover-end > .popover-arrow::before { left: 0px; border-right-color: var(--bs-popover-arrow-border); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-end > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow, :where(.zofo-rep.zr-bs) .bs-popover-bottom > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, :where(.zofo-rep.zr-bs) .bs-popover-bottom > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-bottom > .popover-arrow::before { border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, :where(.zofo-rep.zr-bs) .bs-popover-bottom > .popover-arrow::before { top: 0px; border-bottom-color: var(--bs-popover-arrow-border); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-bottom > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before, :where(.zofo-rep.zr-bs) .bs-popover-bottom .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow, :where(.zofo-rep.zr-bs) .bs-popover-start > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, :where(.zofo-rep.zr-bs) .bs-popover-start > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-start > .popover-arrow::before { border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, :where(.zofo-rep.zr-bs) .bs-popover-start > .popover-arrow::before { right: 0px; border-left-color: var(--bs-popover-arrow-border); }
:where(.zofo-rep.zr-bs) .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, :where(.zofo-rep.zr-bs) .bs-popover-start > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); }
:where(.zofo-rep.zr-bs) .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0px; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); }
:where(.zofo-rep.zr-bs) .popover-header:empty { display: none; }
:where(.zofo-rep.zr-bs) .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); }
:where(.zofo-rep.zr-bs) .carousel { position: relative; }
:where(.zofo-rep.zr-bs) .carousel.pointer-event { touch-action: pan-y; }
:where(.zofo-rep.zr-bs) .carousel-inner { position: relative; width: 100%; overflow: hidden; }
:where(.zofo-rep.zr-bs) .carousel-inner::after { display: block; clear: both; content: ""; }
:where(.zofo-rep.zr-bs) .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .carousel-item { transition: none; } }
:where(.zofo-rep.zr-bs) .carousel-item-next, :where(.zofo-rep.zr-bs) .carousel-item-prev, :where(.zofo-rep.zr-bs) .carousel-item.active { display: block; }
:where(.zofo-rep.zr-bs) .active.carousel-item-end, :where(.zofo-rep.zr-bs) .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%); }
:where(.zofo-rep.zr-bs) .active.carousel-item-start, :where(.zofo-rep.zr-bs) .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%); }
:where(.zofo-rep.zr-bs) .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; }
:where(.zofo-rep.zr-bs) .carousel-fade .carousel-item-next.carousel-item-start, :where(.zofo-rep.zr-bs) .carousel-fade .carousel-item-prev.carousel-item-end, :where(.zofo-rep.zr-bs) .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; }
:where(.zofo-rep.zr-bs) .carousel-fade .active.carousel-item-end, :where(.zofo-rep.zr-bs) .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0.6s; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .carousel-fade .active.carousel-item-end, :where(.zofo-rep.zr-bs) .carousel-fade .active.carousel-item-start { transition: none; } }
:where(.zofo-rep.zr-bs) .carousel-control-next, :where(.zofo-rep.zr-bs) .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0px; color: rgb(255, 255, 255); text-align: center; background: 0px 0px; border: 0px; opacity: 0.5; transition: opacity 0.15s; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .carousel-control-next, :where(.zofo-rep.zr-bs) .carousel-control-prev { transition: none; } }
:where(.zofo-rep.zr-bs) .carousel-control-next:focus, :where(.zofo-rep.zr-bs) .carousel-control-next:hover, :where(.zofo-rep.zr-bs) .carousel-control-prev:focus, :where(.zofo-rep.zr-bs) .carousel-control-prev:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }
:where(.zofo-rep.zr-bs) .carousel-control-prev { left: 0px; }
:where(.zofo-rep.zr-bs) .carousel-control-next { right: 0px; }
:where(.zofo-rep.zr-bs) .carousel-control-next-icon, :where(.zofo-rep.zr-bs) .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50% center; background-size: 100% 100%; }
:where(.zofo-rep.zr-bs) .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
:where(.zofo-rep.zr-bs) .carousel-indicators { position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 2; display: flex; justify-content: center; padding: 0px; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; }
:where(.zofo-rep.zr-bs) .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgb(255, 255, 255); background-clip: padding-box; border-width: 10px 0px; border-style: solid none; border-color: transparent currentcolor; border-image: none; opacity: 0.5; transition: opacity 0.6s; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .carousel-indicators [data-bs-target] { transition: none; } }
:where(.zofo-rep.zr-bs) .carousel-indicators .active { opacity: 1; }
:where(.zofo-rep.zr-bs) .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: rgb(255, 255, 255); text-align: center; }
:where(.zofo-rep.zr-bs) .carousel-dark .carousel-control-next-icon, :where(.zofo-rep.zr-bs) .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(1); }
:where(.zofo-rep.zr-bs) .carousel-dark .carousel-indicators [data-bs-target] { background-color: rgb(0, 0, 0); }
:where(.zofo-rep.zr-bs) .carousel-dark .carousel-caption { color: rgb(0, 0, 0); }
:where(.zofo-rep.zr-bs) [data-bs-theme="dark"] .carousel .carousel-control-next-icon, :where(.zofo-rep.zr-bs) [data-bs-theme="dark"] .carousel .carousel-control-prev-icon, :where(.zofo-rep.zr-bs) [data-bs-theme="dark"].carousel .carousel-control-next-icon, :where(.zofo-rep.zr-bs) [data-bs-theme="dark"].carousel .carousel-control-prev-icon { filter: invert(1) grayscale(1); }
:where(.zofo-rep.zr-bs) [data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], :where(.zofo-rep.zr-bs) [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] { background-color: rgb(0, 0, 0); }
:where(.zofo-rep.zr-bs) [data-bs-theme="dark"] .carousel .carousel-caption, :where(.zofo-rep.zr-bs) [data-bs-theme="dark"].carousel .carousel-caption { color: rgb(0, 0, 0); }
:where(.zofo-rep.zr-bs) .spinner-border, :where(.zofo-rep.zr-bs) .spinner-grow { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); }
@keyframes spinner-border { 100% { transform: rotate(360deg); } }
:where(.zofo-rep.zr-bs) .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border-right-color: transparent; }
:where(.zofo-rep.zr-bs) .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; }
@keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } }
:where(.zofo-rep.zr-bs) .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; }
:where(.zofo-rep.zr-bs) .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .spinner-border, :where(.zofo-rep.zr-bs) .spinner-grow { --bs-spinner-animation-speed: 1.5s; } }
:where(.zofo-rep.zr-bs) .offcanvas, :where(.zofo-rep.zr-bs) .offcanvas-lg, :where(.zofo-rep.zr-bs) .offcanvas-md, :where(.zofo-rep.zr-bs) .offcanvas-sm, :where(.zofo-rep.zr-bs) .offcanvas-xl, :where(.zofo-rep.zr-bs) .offcanvas-xxl { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; }
@media (max-width: 575.98px) { :where(.zofo-rep.zr-bs) .offcanvas-sm { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); } }
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .offcanvas-sm { transition: none; } }
@media (max-width: 575.98px) { :where(.zofo-rep.zr-bs) .offcanvas-sm.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } :where(.zofo-rep.zr-bs) .offcanvas-sm.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } :where(.zofo-rep.zr-bs) .offcanvas-sm.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } :where(.zofo-rep.zr-bs) .offcanvas-sm.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } :where(.zofo-rep.zr-bs) .offcanvas-sm.show:not(.hiding), :where(.zofo-rep.zr-bs) .offcanvas-sm.showing { transform: none; } :where(.zofo-rep.zr-bs) .offcanvas-sm.hiding, :where(.zofo-rep.zr-bs) .offcanvas-sm.show, :where(.zofo-rep.zr-bs) .offcanvas-sm.showing { visibility: visible; } }
@media (min-width: 576px) { :where(.zofo-rep.zr-bs) .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } :where(.zofo-rep.zr-bs) .offcanvas-sm .offcanvas-header { display: none; } :where(.zofo-rep.zr-bs) .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; } }
@media (max-width: 767.98px) { :where(.zofo-rep.zr-bs) .offcanvas-md { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); } }
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .offcanvas-md { transition: none; } }
@media (max-width: 767.98px) { :where(.zofo-rep.zr-bs) .offcanvas-md.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } :where(.zofo-rep.zr-bs) .offcanvas-md.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } :where(.zofo-rep.zr-bs) .offcanvas-md.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } :where(.zofo-rep.zr-bs) .offcanvas-md.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } :where(.zofo-rep.zr-bs) .offcanvas-md.show:not(.hiding), :where(.zofo-rep.zr-bs) .offcanvas-md.showing { transform: none; } :where(.zofo-rep.zr-bs) .offcanvas-md.hiding, :where(.zofo-rep.zr-bs) .offcanvas-md.show, :where(.zofo-rep.zr-bs) .offcanvas-md.showing { visibility: visible; } }
@media (min-width: 768px) { :where(.zofo-rep.zr-bs) .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } :where(.zofo-rep.zr-bs) .offcanvas-md .offcanvas-header { display: none; } :where(.zofo-rep.zr-bs) .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; } }
@media (max-width: 991.98px) { :where(.zofo-rep.zr-bs) .offcanvas-lg { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); } }
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .offcanvas-lg { transition: none; } }
@media (max-width: 991.98px) { :where(.zofo-rep.zr-bs) .offcanvas-lg.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } :where(.zofo-rep.zr-bs) .offcanvas-lg.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } :where(.zofo-rep.zr-bs) .offcanvas-lg.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } :where(.zofo-rep.zr-bs) .offcanvas-lg.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } :where(.zofo-rep.zr-bs) .offcanvas-lg.show:not(.hiding), :where(.zofo-rep.zr-bs) .offcanvas-lg.showing { transform: none; } :where(.zofo-rep.zr-bs) .offcanvas-lg.hiding, :where(.zofo-rep.zr-bs) .offcanvas-lg.show, :where(.zofo-rep.zr-bs) .offcanvas-lg.showing { visibility: visible; } }
@media (min-width: 992px) { :where(.zofo-rep.zr-bs) .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } :where(.zofo-rep.zr-bs) .offcanvas-lg .offcanvas-header { display: none; } :where(.zofo-rep.zr-bs) .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; } }
@media (max-width: 1199.98px) { :where(.zofo-rep.zr-bs) .offcanvas-xl { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); } }
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .offcanvas-xl { transition: none; } }
@media (max-width: 1199.98px) { :where(.zofo-rep.zr-bs) .offcanvas-xl.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } :where(.zofo-rep.zr-bs) .offcanvas-xl.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } :where(.zofo-rep.zr-bs) .offcanvas-xl.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } :where(.zofo-rep.zr-bs) .offcanvas-xl.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } :where(.zofo-rep.zr-bs) .offcanvas-xl.show:not(.hiding), :where(.zofo-rep.zr-bs) .offcanvas-xl.showing { transform: none; } :where(.zofo-rep.zr-bs) .offcanvas-xl.hiding, :where(.zofo-rep.zr-bs) .offcanvas-xl.show, :where(.zofo-rep.zr-bs) .offcanvas-xl.showing { visibility: visible; } }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } :where(.zofo-rep.zr-bs) .offcanvas-xl .offcanvas-header { display: none; } :where(.zofo-rep.zr-bs) .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; } }
@media (max-width: 1399.98px) { :where(.zofo-rep.zr-bs) .offcanvas-xxl { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); } }
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .offcanvas-xxl { transition: none; } }
@media (max-width: 1399.98px) { :where(.zofo-rep.zr-bs) .offcanvas-xxl.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } :where(.zofo-rep.zr-bs) .offcanvas-xxl.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } :where(.zofo-rep.zr-bs) .offcanvas-xxl.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } :where(.zofo-rep.zr-bs) .offcanvas-xxl.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } :where(.zofo-rep.zr-bs) .offcanvas-xxl.show:not(.hiding), :where(.zofo-rep.zr-bs) .offcanvas-xxl.showing { transform: none; } :where(.zofo-rep.zr-bs) .offcanvas-xxl.hiding, :where(.zofo-rep.zr-bs) .offcanvas-xxl.show, :where(.zofo-rep.zr-bs) .offcanvas-xxl.showing { visibility: visible; } }
@media (min-width: 1400px) { :where(.zofo-rep.zr-bs) .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } :where(.zofo-rep.zr-bs) .offcanvas-xxl .offcanvas-header { display: none; } :where(.zofo-rep.zr-bs) .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; } }
:where(.zofo-rep.zr-bs) .offcanvas { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .offcanvas { transition: none; } }
:where(.zofo-rep.zr-bs) .offcanvas.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); }
:where(.zofo-rep.zr-bs) .offcanvas.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); }
:where(.zofo-rep.zr-bs) .offcanvas.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); }
:where(.zofo-rep.zr-bs) .offcanvas.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); }
:where(.zofo-rep.zr-bs) .offcanvas.show:not(.hiding), :where(.zofo-rep.zr-bs) .offcanvas.showing { transform: none; }
:where(.zofo-rep.zr-bs) .offcanvas.hiding, :where(.zofo-rep.zr-bs) .offcanvas.show, :where(.zofo-rep.zr-bs) .offcanvas.showing { visibility: visible; }
:where(.zofo-rep.zr-bs) .offcanvas-backdrop { position: fixed; top: 0px; left: 0px; z-index: 1040; width: 100vw; height: 100vh; background-color: rgb(0, 0, 0); }
:where(.zofo-rep.zr-bs) .offcanvas-backdrop.fade { opacity: 0; }
:where(.zofo-rep.zr-bs) .offcanvas-backdrop.show { opacity: 0.5; }
:where(.zofo-rep.zr-bs) .offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); }
:where(.zofo-rep.zr-bs) .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5); margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto; }
:where(.zofo-rep.zr-bs) .offcanvas-title { margin-bottom: 0px; line-height: var(--bs-offcanvas-title-line-height); }
:where(.zofo-rep.zr-bs) .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; }
:where(.zofo-rep.zr-bs) .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; }
:where(.zofo-rep.zr-bs) .placeholder.btn::before { display: inline-block; content: ""; }
:where(.zofo-rep.zr-bs) .placeholder-xs { min-height: 0.6em; }
:where(.zofo-rep.zr-bs) .placeholder-sm { min-height: 0.8em; }
:where(.zofo-rep.zr-bs) .placeholder-lg { min-height: 1.2em; }
:where(.zofo-rep.zr-bs) .placeholder-glow .placeholder { animation: 2s ease-in-out 0s infinite normal none running placeholder-glow; }
@keyframes placeholder-glow { 50% { opacity: 0.2; } }
:where(.zofo-rep.zr-bs) .placeholder-wave { mask-image: linear-gradient(130deg, rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 75%, rgb(0, 0, 0) 95%); mask-size: 200% 100%; animation: 2s linear 0s infinite normal none running placeholder-wave; }
@keyframes placeholder-wave { 100% { mask-position: -200% 0%; } }
:where(.zofo-rep.zr-bs) .clearfix::after { display: block; clear: both; content: ""; }
:where(.zofo-rep.zr-bs) .text-bg-primary { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .text-bg-secondary { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .text-bg-success { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .text-bg-info { color: rgb(0, 0, 0) !important; background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .text-bg-warning { color: rgb(0, 0, 0) !important; background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .text-bg-danger { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .text-bg-light { color: rgb(0, 0, 0) !important; background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .text-bg-dark { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-primary { color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-primary:focus, :where(.zofo-rep.zr-bs) .link-primary:hover { color: RGBA(10,88,202,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-secondary { color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-secondary:focus, :where(.zofo-rep.zr-bs) .link-secondary:hover { color: RGBA(86,94,100,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-success { color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-success:focus, :where(.zofo-rep.zr-bs) .link-success:hover { color: RGBA(20,108,67,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-info { color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-info:focus, :where(.zofo-rep.zr-bs) .link-info:hover { color: RGBA(61,213,243,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-warning { color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-warning:focus, :where(.zofo-rep.zr-bs) .link-warning:hover { color: RGBA(255,205,57,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-danger { color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-danger:focus, :where(.zofo-rep.zr-bs) .link-danger:hover { color: RGBA(176,42,55,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-light { color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-light:focus, :where(.zofo-rep.zr-bs) .link-light:hover { color: RGBA(249,250,251,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-dark { color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-dark:focus, :where(.zofo-rep.zr-bs) .link-dark:hover { color: RGBA(26,30,33,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-body-emphasis:focus, :where(.zofo-rep.zr-bs) .link-body-emphasis:hover { color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75)) !important; }
:where(.zofo-rep.zr-bs) .focus-ring:focus { outline: 0px; box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); }
:where(.zofo-rep.zr-bs) .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; }
:where(.zofo-rep.zr-bs) .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: transform 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) { :where(.zofo-rep.zr-bs) .icon-link > .bi { transition: none; } }
:where(.zofo-rep.zr-bs) .icon-link-hover:focus-visible > .bi, :where(.zofo-rep.zr-bs) .icon-link-hover:hover > .bi { transform: var(--bs-icon-link-transform,translate3d(.25em,0,0)); }
:where(.zofo-rep.zr-bs) .ratio { position: relative; width: 100%; }
:where(.zofo-rep.zr-bs) .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; }
:where(.zofo-rep.zr-bs) .ratio > * { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
:where(.zofo-rep.zr-bs) .ratio-1x1 { --bs-aspect-ratio: 100%; }
:where(.zofo-rep.zr-bs) .ratio-4x3 { --bs-aspect-ratio: 75%; }
:where(.zofo-rep.zr-bs) .ratio-16x9 { --bs-aspect-ratio: 56.25%; }
:where(.zofo-rep.zr-bs) .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; }
:where(.zofo-rep.zr-bs) .fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }
:where(.zofo-rep.zr-bs) .fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; }
:where(.zofo-rep.zr-bs) .sticky-top { position: sticky; top: 0px; z-index: 1020; }
:where(.zofo-rep.zr-bs) .sticky-bottom { position: sticky; bottom: 0px; z-index: 1020; }
@media (min-width: 576px) { :where(.zofo-rep.zr-bs) .sticky-sm-top { position: sticky; top: 0px; z-index: 1020; } :where(.zofo-rep.zr-bs) .sticky-sm-bottom { position: sticky; bottom: 0px; z-index: 1020; } }
@media (min-width: 768px) { :where(.zofo-rep.zr-bs) .sticky-md-top { position: sticky; top: 0px; z-index: 1020; } :where(.zofo-rep.zr-bs) .sticky-md-bottom { position: sticky; bottom: 0px; z-index: 1020; } }
@media (min-width: 992px) { :where(.zofo-rep.zr-bs) .sticky-lg-top { position: sticky; top: 0px; z-index: 1020; } :where(.zofo-rep.zr-bs) .sticky-lg-bottom { position: sticky; bottom: 0px; z-index: 1020; } }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .sticky-xl-top { position: sticky; top: 0px; z-index: 1020; } :where(.zofo-rep.zr-bs) .sticky-xl-bottom { position: sticky; bottom: 0px; z-index: 1020; } }
@media (min-width: 1400px) { :where(.zofo-rep.zr-bs) .sticky-xxl-top { position: sticky; top: 0px; z-index: 1020; } :where(.zofo-rep.zr-bs) .sticky-xxl-bottom { position: sticky; bottom: 0px; z-index: 1020; } }
:where(.zofo-rep.zr-bs) .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; }
:where(.zofo-rep.zr-bs) .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; }
:where(.zofo-rep.zr-bs) .visually-hidden, :where(.zofo-rep.zr-bs) .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
:where(.zofo-rep.zr-bs) .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), :where(.zofo-rep.zr-bs) .visually-hidden:not(caption) { position: absolute !important; }
:where(.zofo-rep.zr-bs) .stretched-link::after { position: absolute; inset: 0px; z-index: 1; content: ""; }
:where(.zofo-rep.zr-bs) .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(.zofo-rep.zr-bs) .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; }
:where(.zofo-rep.zr-bs) .align-baseline { vertical-align: baseline !important; }
:where(.zofo-rep.zr-bs) .align-top { vertical-align: top !important; }
:where(.zofo-rep.zr-bs) .align-middle { vertical-align: middle !important; }
:where(.zofo-rep.zr-bs) .align-bottom { vertical-align: bottom !important; }
:where(.zofo-rep.zr-bs) .align-text-bottom { vertical-align: text-bottom !important; }
:where(.zofo-rep.zr-bs) .align-text-top { vertical-align: text-top !important; }
:where(.zofo-rep.zr-bs) .float-start { float: left !important; }
:where(.zofo-rep.zr-bs) .float-end { float: right !important; }
:where(.zofo-rep.zr-bs) .float-none { float: none !important; }
:where(.zofo-rep.zr-bs) .object-fit-contain { object-fit: contain !important; }
:where(.zofo-rep.zr-bs) .object-fit-cover { object-fit: cover !important; }
:where(.zofo-rep.zr-bs) .object-fit-fill { object-fit: fill !important; }
:where(.zofo-rep.zr-bs) .object-fit-scale { object-fit: scale-down !important; }
:where(.zofo-rep.zr-bs) .object-fit-none { object-fit: none !important; }
:where(.zofo-rep.zr-bs) .opacity-0 { opacity: 0 !important; }
:where(.zofo-rep.zr-bs) .opacity-25 { opacity: 0.25 !important; }
:where(.zofo-rep.zr-bs) .opacity-50 { opacity: 0.5 !important; }
:where(.zofo-rep.zr-bs) .opacity-75 { opacity: 0.75 !important; }
:where(.zofo-rep.zr-bs) .opacity-100 { opacity: 1 !important; }
:where(.zofo-rep.zr-bs) .overflow-auto { overflow: auto !important; }
:where(.zofo-rep.zr-bs) .overflow-hidden { overflow: hidden !important; }
:where(.zofo-rep.zr-bs) .overflow-visible { overflow: visible !important; }
:where(.zofo-rep.zr-bs) .overflow-scroll { overflow: scroll !important; }
:where(.zofo-rep.zr-bs) .overflow-x-auto { overflow-x: auto !important; }
:where(.zofo-rep.zr-bs) .overflow-x-hidden { overflow-x: hidden !important; }
:where(.zofo-rep.zr-bs) .overflow-x-visible { overflow-x: visible !important; }
:where(.zofo-rep.zr-bs) .overflow-x-scroll { overflow-x: scroll !important; }
:where(.zofo-rep.zr-bs) .overflow-y-auto { overflow-y: auto !important; }
:where(.zofo-rep.zr-bs) .overflow-y-hidden { overflow-y: hidden !important; }
:where(.zofo-rep.zr-bs) .overflow-y-visible { overflow-y: visible !important; }
:where(.zofo-rep.zr-bs) .overflow-y-scroll { overflow-y: scroll !important; }
:where(.zofo-rep.zr-bs) .d-inline { display: inline !important; }
:where(.zofo-rep.zr-bs) .d-inline-block { display: inline-block !important; }
:where(.zofo-rep.zr-bs) .d-block { display: block !important; }
:where(.zofo-rep.zr-bs) .d-grid { display: grid !important; }
:where(.zofo-rep.zr-bs) .d-inline-grid { display: inline-grid !important; }
:where(.zofo-rep.zr-bs) .d-table { display: table !important; }
:where(.zofo-rep.zr-bs) .d-table-row { display: table-row !important; }
:where(.zofo-rep.zr-bs) .d-table-cell { display: table-cell !important; }
:where(.zofo-rep.zr-bs) .d-flex { display: flex !important; }
:where(.zofo-rep.zr-bs) .d-inline-flex { display: inline-flex !important; }
:where(.zofo-rep.zr-bs) .d-none { display: none !important; }
:where(.zofo-rep.zr-bs) .shadow { box-shadow: var(--bs-box-shadow) !important; }
:where(.zofo-rep.zr-bs) .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; }
:where(.zofo-rep.zr-bs) .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; }
:where(.zofo-rep.zr-bs) .shadow-none { box-shadow: none !important; }
:where(.zofo-rep.zr-bs) .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); }
:where(.zofo-rep.zr-bs) .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); }
:where(.zofo-rep.zr-bs) .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); }
:where(.zofo-rep.zr-bs) .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); }
:where(.zofo-rep.zr-bs) .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); }
:where(.zofo-rep.zr-bs) .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); }
:where(.zofo-rep.zr-bs) .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); }
:where(.zofo-rep.zr-bs) .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); }
:where(.zofo-rep.zr-bs) .position-static { position: static !important; }
:where(.zofo-rep.zr-bs) .position-relative { position: relative !important; }
:where(.zofo-rep.zr-bs) .position-absolute { position: absolute !important; }
:where(.zofo-rep.zr-bs) .position-fixed { position: fixed !important; }
:where(.zofo-rep.zr-bs) .position-sticky { position: sticky !important; }
:where(.zofo-rep.zr-bs) .top-0 { top: 0px !important; }
:where(.zofo-rep.zr-bs) .top-50 { top: 50% !important; }
:where(.zofo-rep.zr-bs) .top-100 { top: 100% !important; }
:where(.zofo-rep.zr-bs) .bottom-0 { bottom: 0px !important; }
:where(.zofo-rep.zr-bs) .bottom-50 { bottom: 50% !important; }
:where(.zofo-rep.zr-bs) .bottom-100 { bottom: 100% !important; }
:where(.zofo-rep.zr-bs) .start-0 { left: 0px !important; }
:where(.zofo-rep.zr-bs) .start-50 { left: 50% !important; }
:where(.zofo-rep.zr-bs) .start-100 { left: 100% !important; }
:where(.zofo-rep.zr-bs) .end-0 { right: 0px !important; }
:where(.zofo-rep.zr-bs) .end-50 { right: 50% !important; }
:where(.zofo-rep.zr-bs) .end-100 { right: 100% !important; }
:where(.zofo-rep.zr-bs) .translate-middle { transform: translate(-50%, -50%) !important; }
:where(.zofo-rep.zr-bs) .translate-middle-x { transform: translateX(-50%) !important; }
:where(.zofo-rep.zr-bs) .translate-middle-y { transform: translateY(-50%) !important; }
:where(.zofo-rep.zr-bs) .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
:where(.zofo-rep.zr-bs) .border-0 { border: 0px !important; }
:where(.zofo-rep.zr-bs) .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
:where(.zofo-rep.zr-bs) .border-top-0 { border-top: 0px !important; }
:where(.zofo-rep.zr-bs) .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
:where(.zofo-rep.zr-bs) .border-end-0 { border-right: 0px !important; }
:where(.zofo-rep.zr-bs) .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
:where(.zofo-rep.zr-bs) .border-bottom-0 { border-bottom: 0px !important; }
:where(.zofo-rep.zr-bs) .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
:where(.zofo-rep.zr-bs) .border-start-0 { border-left: 0px !important; }
:where(.zofo-rep.zr-bs) .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important; }
:where(.zofo-rep.zr-bs) .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important; }
:where(.zofo-rep.zr-bs) .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important; }
:where(.zofo-rep.zr-bs) .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important; }
:where(.zofo-rep.zr-bs) .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important; }
:where(.zofo-rep.zr-bs) .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important; }
:where(.zofo-rep.zr-bs) .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important; }
:where(.zofo-rep.zr-bs) .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important; }
:where(.zofo-rep.zr-bs) .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity)) !important; }
:where(.zofo-rep.zr-bs) .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important; }
:where(.zofo-rep.zr-bs) .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; }
:where(.zofo-rep.zr-bs) .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; }
:where(.zofo-rep.zr-bs) .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; }
:where(.zofo-rep.zr-bs) .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; }
:where(.zofo-rep.zr-bs) .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; }
:where(.zofo-rep.zr-bs) .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; }
:where(.zofo-rep.zr-bs) .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; }
:where(.zofo-rep.zr-bs) .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; }
:where(.zofo-rep.zr-bs) .border-1 { border-width: 1px !important; }
:where(.zofo-rep.zr-bs) .border-2 { border-width: 2px !important; }
:where(.zofo-rep.zr-bs) .border-3 { border-width: 3px !important; }
:where(.zofo-rep.zr-bs) .border-4 { border-width: 4px !important; }
:where(.zofo-rep.zr-bs) .border-5 { border-width: 5px !important; }
:where(.zofo-rep.zr-bs) .border-opacity-10 { --bs-border-opacity: 0.1; }
:where(.zofo-rep.zr-bs) .border-opacity-25 { --bs-border-opacity: 0.25; }
:where(.zofo-rep.zr-bs) .border-opacity-50 { --bs-border-opacity: 0.5; }
:where(.zofo-rep.zr-bs) .border-opacity-75 { --bs-border-opacity: 0.75; }
:where(.zofo-rep.zr-bs) .border-opacity-100 { --bs-border-opacity: 1; }
:where(.zofo-rep.zr-bs) .w-25 { width: 25% !important; }
:where(.zofo-rep.zr-bs) .w-50 { width: 50% !important; }
:where(.zofo-rep.zr-bs) .w-75 { width: 75% !important; }
:where(.zofo-rep.zr-bs) .w-100 { width: 100% !important; }
:where(.zofo-rep.zr-bs) .w-auto { width: auto !important; }
:where(.zofo-rep.zr-bs) .mw-100 { max-width: 100% !important; }
:where(.zofo-rep.zr-bs) .vw-100 { width: 100vw !important; }
:where(.zofo-rep.zr-bs) .min-vw-100 { min-width: 100vw !important; }
:where(.zofo-rep.zr-bs) .h-25 { height: 25% !important; }
:where(.zofo-rep.zr-bs) .h-50 { height: 50% !important; }
:where(.zofo-rep.zr-bs) .h-75 { height: 75% !important; }
:where(.zofo-rep.zr-bs) .h-100 { height: 100% !important; }
:where(.zofo-rep.zr-bs) .h-auto { height: auto !important; }
:where(.zofo-rep.zr-bs) .mh-100 { max-height: 100% !important; }
:where(.zofo-rep.zr-bs) .vh-100 { height: 100vh !important; }
:where(.zofo-rep.zr-bs) .min-vh-100 { min-height: 100vh !important; }
:where(.zofo-rep.zr-bs) .flex-fill { flex: 1 1 auto !important; }
:where(.zofo-rep.zr-bs) .flex-row { flex-direction: row !important; }
:where(.zofo-rep.zr-bs) .flex-column { flex-direction: column !important; }
:where(.zofo-rep.zr-bs) .flex-row-reverse { flex-direction: row-reverse !important; }
:where(.zofo-rep.zr-bs) .flex-column-reverse { flex-direction: column-reverse !important; }
:where(.zofo-rep.zr-bs) .flex-grow-0 { flex-grow: 0 !important; }
:where(.zofo-rep.zr-bs) .flex-grow-1 { flex-grow: 1 !important; }
:where(.zofo-rep.zr-bs) .flex-shrink-0 { flex-shrink: 0 !important; }
:where(.zofo-rep.zr-bs) .flex-shrink-1 { flex-shrink: 1 !important; }
:where(.zofo-rep.zr-bs) .flex-wrap { flex-wrap: wrap !important; }
:where(.zofo-rep.zr-bs) .flex-nowrap { flex-wrap: nowrap !important; }
:where(.zofo-rep.zr-bs) .flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
:where(.zofo-rep.zr-bs) .justify-content-start { justify-content: flex-start !important; }
:where(.zofo-rep.zr-bs) .justify-content-end { justify-content: flex-end !important; }
:where(.zofo-rep.zr-bs) .justify-content-center { justify-content: center !important; }
:where(.zofo-rep.zr-bs) .justify-content-between { justify-content: space-between !important; }
:where(.zofo-rep.zr-bs) .justify-content-around { justify-content: space-around !important; }
:where(.zofo-rep.zr-bs) .justify-content-evenly { justify-content: space-evenly !important; }
:where(.zofo-rep.zr-bs) .align-items-start { align-items: flex-start !important; }
:where(.zofo-rep.zr-bs) .align-items-end { align-items: flex-end !important; }
:where(.zofo-rep.zr-bs) .align-items-center { align-items: center !important; }
:where(.zofo-rep.zr-bs) .align-items-baseline { align-items: baseline !important; }
:where(.zofo-rep.zr-bs) .align-items-stretch { align-items: stretch !important; }
:where(.zofo-rep.zr-bs) .align-content-start { align-content: flex-start !important; }
:where(.zofo-rep.zr-bs) .align-content-end { align-content: flex-end !important; }
:where(.zofo-rep.zr-bs) .align-content-center { align-content: center !important; }
:where(.zofo-rep.zr-bs) .align-content-between { align-content: space-between !important; }
:where(.zofo-rep.zr-bs) .align-content-around { align-content: space-around !important; }
:where(.zofo-rep.zr-bs) .align-content-stretch { align-content: stretch !important; }
:where(.zofo-rep.zr-bs) .align-self-auto { align-self: auto !important; }
:where(.zofo-rep.zr-bs) .align-self-start { align-self: flex-start !important; }
:where(.zofo-rep.zr-bs) .align-self-end { align-self: flex-end !important; }
:where(.zofo-rep.zr-bs) .align-self-center { align-self: center !important; }
:where(.zofo-rep.zr-bs) .align-self-baseline { align-self: baseline !important; }
:where(.zofo-rep.zr-bs) .align-self-stretch { align-self: stretch !important; }
:where(.zofo-rep.zr-bs) .order-first { order: -1 !important; }
:where(.zofo-rep.zr-bs) .order-0 { order: 0 !important; }
:where(.zofo-rep.zr-bs) .order-1 { order: 1 !important; }
:where(.zofo-rep.zr-bs) .order-2 { order: 2 !important; }
:where(.zofo-rep.zr-bs) .order-3 { order: 3 !important; }
:where(.zofo-rep.zr-bs) .order-4 { order: 4 !important; }
:where(.zofo-rep.zr-bs) .order-5 { order: 5 !important; }
:where(.zofo-rep.zr-bs) .order-last { order: 6 !important; }
:where(.zofo-rep.zr-bs) .m-0 { margin: 0px !important; }
:where(.zofo-rep.zr-bs) .m-1 { margin: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .m-2 { margin: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .m-3 { margin: 1rem !important; }
:where(.zofo-rep.zr-bs) .m-4 { margin: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .m-5 { margin: 3rem !important; }
:where(.zofo-rep.zr-bs) .m-auto { margin: auto !important; }
:where(.zofo-rep.zr-bs) .mx-0 { margin-right: 0px !important; margin-left: 0px !important; }
:where(.zofo-rep.zr-bs) .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
:where(.zofo-rep.zr-bs) .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
:where(.zofo-rep.zr-bs) .mx-auto { margin-right: auto !important; margin-left: auto !important; }
:where(.zofo-rep.zr-bs) .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
:where(.zofo-rep.zr-bs) .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
:where(.zofo-rep.zr-bs) .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
:where(.zofo-rep.zr-bs) .my-auto { margin-top: auto !important; margin-bottom: auto !important; }
:where(.zofo-rep.zr-bs) .mt-0 { margin-top: 0px !important; }
:where(.zofo-rep.zr-bs) .mt-1 { margin-top: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .mt-2 { margin-top: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .mt-3 { margin-top: 1rem !important; }
:where(.zofo-rep.zr-bs) .mt-4 { margin-top: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .mt-5 { margin-top: 3rem !important; }
:where(.zofo-rep.zr-bs) .mt-auto { margin-top: auto !important; }
:where(.zofo-rep.zr-bs) .me-0 { margin-right: 0px !important; }
:where(.zofo-rep.zr-bs) .me-1 { margin-right: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .me-2 { margin-right: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .me-3 { margin-right: 1rem !important; }
:where(.zofo-rep.zr-bs) .me-4 { margin-right: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .me-5 { margin-right: 3rem !important; }
:where(.zofo-rep.zr-bs) .me-auto { margin-right: auto !important; }
:where(.zofo-rep.zr-bs) .mb-0 { margin-bottom: 0px !important; }
:where(.zofo-rep.zr-bs) .mb-1 { margin-bottom: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .mb-2 { margin-bottom: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .mb-3 { margin-bottom: 1rem !important; }
:where(.zofo-rep.zr-bs) .mb-4 { margin-bottom: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .mb-5 { margin-bottom: 3rem !important; }
:where(.zofo-rep.zr-bs) .mb-auto { margin-bottom: auto !important; }
:where(.zofo-rep.zr-bs) .ms-0 { margin-left: 0px !important; }
:where(.zofo-rep.zr-bs) .ms-1 { margin-left: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .ms-2 { margin-left: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .ms-3 { margin-left: 1rem !important; }
:where(.zofo-rep.zr-bs) .ms-4 { margin-left: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .ms-5 { margin-left: 3rem !important; }
:where(.zofo-rep.zr-bs) .ms-auto { margin-left: auto !important; }
:where(.zofo-rep.zr-bs) .p-0 { padding: 0px !important; }
:where(.zofo-rep.zr-bs) .p-1 { padding: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .p-2 { padding: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .p-3 { padding: 1rem !important; }
:where(.zofo-rep.zr-bs) .p-4 { padding: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .p-5 { padding: 3rem !important; }
:where(.zofo-rep.zr-bs) .px-0 { padding-right: 0px !important; padding-left: 0px !important; }
:where(.zofo-rep.zr-bs) .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
:where(.zofo-rep.zr-bs) .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
:where(.zofo-rep.zr-bs) .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
:where(.zofo-rep.zr-bs) .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
:where(.zofo-rep.zr-bs) .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
:where(.zofo-rep.zr-bs) .pt-0 { padding-top: 0px !important; }
:where(.zofo-rep.zr-bs) .pt-1 { padding-top: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .pt-2 { padding-top: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .pt-3 { padding-top: 1rem !important; }
:where(.zofo-rep.zr-bs) .pt-4 { padding-top: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .pt-5 { padding-top: 3rem !important; }
:where(.zofo-rep.zr-bs) .pe-0 { padding-right: 0px !important; }
:where(.zofo-rep.zr-bs) .pe-1 { padding-right: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .pe-2 { padding-right: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .pe-3 { padding-right: 1rem !important; }
:where(.zofo-rep.zr-bs) .pe-4 { padding-right: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .pe-5 { padding-right: 3rem !important; }
:where(.zofo-rep.zr-bs) .pb-0 { padding-bottom: 0px !important; }
:where(.zofo-rep.zr-bs) .pb-1 { padding-bottom: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .pb-2 { padding-bottom: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .pb-3 { padding-bottom: 1rem !important; }
:where(.zofo-rep.zr-bs) .pb-4 { padding-bottom: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .pb-5 { padding-bottom: 3rem !important; }
:where(.zofo-rep.zr-bs) .ps-0 { padding-left: 0px !important; }
:where(.zofo-rep.zr-bs) .ps-1 { padding-left: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .ps-2 { padding-left: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .ps-3 { padding-left: 1rem !important; }
:where(.zofo-rep.zr-bs) .ps-4 { padding-left: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .ps-5 { padding-left: 3rem !important; }
:where(.zofo-rep.zr-bs) .gap-0 { gap: 0px !important; }
:where(.zofo-rep.zr-bs) .gap-1 { gap: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .gap-2 { gap: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .gap-3 { gap: 1rem !important; }
:where(.zofo-rep.zr-bs) .gap-4 { gap: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .gap-5 { gap: 3rem !important; }
:where(.zofo-rep.zr-bs) .row-gap-0 { row-gap: 0px !important; }
:where(.zofo-rep.zr-bs) .row-gap-1 { row-gap: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .row-gap-2 { row-gap: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .row-gap-3 { row-gap: 1rem !important; }
:where(.zofo-rep.zr-bs) .row-gap-4 { row-gap: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .row-gap-5 { row-gap: 3rem !important; }
:where(.zofo-rep.zr-bs) .column-gap-0 { column-gap: 0px !important; }
:where(.zofo-rep.zr-bs) .column-gap-1 { column-gap: 0.25rem !important; }
:where(.zofo-rep.zr-bs) .column-gap-2 { column-gap: 0.5rem !important; }
:where(.zofo-rep.zr-bs) .column-gap-3 { column-gap: 1rem !important; }
:where(.zofo-rep.zr-bs) .column-gap-4 { column-gap: 1.5rem !important; }
:where(.zofo-rep.zr-bs) .column-gap-5 { column-gap: 3rem !important; }
:where(.zofo-rep.zr-bs) .font-monospace { font-family: var(--bs-font-monospace) !important; }
:where(.zofo-rep.zr-bs) .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; }
:where(.zofo-rep.zr-bs) .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; }
:where(.zofo-rep.zr-bs) .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; }
:where(.zofo-rep.zr-bs) .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; }
:where(.zofo-rep.zr-bs) .fs-5 { font-size: 1.25rem !important; }
:where(.zofo-rep.zr-bs) .fs-6 { font-size: 1rem !important; }
:where(.zofo-rep.zr-bs) .fst-italic { font-style: italic !important; }
:where(.zofo-rep.zr-bs) .fst-normal { font-style: normal !important; }
:where(.zofo-rep.zr-bs) .fw-lighter { font-weight: lighter !important; }
:where(.zofo-rep.zr-bs) .fw-light { font-weight: 300 !important; }
:where(.zofo-rep.zr-bs) .fw-normal { font-weight: 400 !important; }
:where(.zofo-rep.zr-bs) .fw-medium { font-weight: 500 !important; }
:where(.zofo-rep.zr-bs) .fw-semibold { font-weight: 600 !important; }
:where(.zofo-rep.zr-bs) .fw-bold { font-weight: 700 !important; }
:where(.zofo-rep.zr-bs) .fw-bolder { font-weight: bolder !important; }
:where(.zofo-rep.zr-bs) .lh-1 { line-height: 1 !important; }
:where(.zofo-rep.zr-bs) .lh-sm { line-height: 1.25 !important; }
:where(.zofo-rep.zr-bs) .lh-base { line-height: 1.5 !important; }
:where(.zofo-rep.zr-bs) .lh-lg { line-height: 2 !important; }
:where(.zofo-rep.zr-bs) .text-start { text-align: left !important; }
:where(.zofo-rep.zr-bs) .text-end { text-align: right !important; }
:where(.zofo-rep.zr-bs) .text-center { text-align: center !important; }
:where(.zofo-rep.zr-bs) .text-decoration-none { text-decoration: none !important; }
:where(.zofo-rep.zr-bs) .text-decoration-underline { text-decoration: underline !important; }
:where(.zofo-rep.zr-bs) .text-decoration-line-through { text-decoration: line-through !important; }
:where(.zofo-rep.zr-bs) .text-lowercase { text-transform: lowercase !important; }
:where(.zofo-rep.zr-bs) .text-uppercase { text-transform: uppercase !important; }
:where(.zofo-rep.zr-bs) .text-capitalize { text-transform: capitalize !important; }
:where(.zofo-rep.zr-bs) .text-wrap { white-space: normal !important; }
:where(.zofo-rep.zr-bs) .text-nowrap { white-space: nowrap !important; }
:where(.zofo-rep.zr-bs) .text-break { overflow-wrap: break-word !important; word-break: break-word !important; }
:where(.zofo-rep.zr-bs) .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important; }
:where(.zofo-rep.zr-bs) .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important; }
:where(.zofo-rep.zr-bs) .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important; }
:where(.zofo-rep.zr-bs) .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important; }
:where(.zofo-rep.zr-bs) .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important; }
:where(.zofo-rep.zr-bs) .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important; }
:where(.zofo-rep.zr-bs) .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important; }
:where(.zofo-rep.zr-bs) .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important; }
:where(.zofo-rep.zr-bs) .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important; }
:where(.zofo-rep.zr-bs) .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important; }
:where(.zofo-rep.zr-bs) .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important; }
:where(.zofo-rep.zr-bs) .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; }
:where(.zofo-rep.zr-bs) .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; }
:where(.zofo-rep.zr-bs) .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; }
:where(.zofo-rep.zr-bs) .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; }
:where(.zofo-rep.zr-bs) .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; }
:where(.zofo-rep.zr-bs) .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; }
:where(.zofo-rep.zr-bs) .text-reset { --bs-text-opacity: 1; color: inherit !important; }
:where(.zofo-rep.zr-bs) .text-opacity-25 { --bs-text-opacity: 0.25; }
:where(.zofo-rep.zr-bs) .text-opacity-50 { --bs-text-opacity: 0.5; }
:where(.zofo-rep.zr-bs) .text-opacity-75 { --bs-text-opacity: 0.75; }
:where(.zofo-rep.zr-bs) .text-opacity-100 { --bs-text-opacity: 1; }
:where(.zofo-rep.zr-bs) .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; }
:where(.zofo-rep.zr-bs) .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; }
:where(.zofo-rep.zr-bs) .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; }
:where(.zofo-rep.zr-bs) .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; }
:where(.zofo-rep.zr-bs) .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; }
:where(.zofo-rep.zr-bs) .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; }
:where(.zofo-rep.zr-bs) .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; }
:where(.zofo-rep.zr-bs) .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; }
:where(.zofo-rep.zr-bs) .link-opacity-10 { --bs-link-opacity: 0.1; }
:where(.zofo-rep.zr-bs) .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; }
:where(.zofo-rep.zr-bs) .link-opacity-25 { --bs-link-opacity: 0.25; }
:where(.zofo-rep.zr-bs) .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; }
:where(.zofo-rep.zr-bs) .link-opacity-50 { --bs-link-opacity: 0.5; }
:where(.zofo-rep.zr-bs) .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; }
:where(.zofo-rep.zr-bs) .link-opacity-75 { --bs-link-opacity: 0.75; }
:where(.zofo-rep.zr-bs) .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; }
:where(.zofo-rep.zr-bs) .link-opacity-100 { --bs-link-opacity: 1; }
:where(.zofo-rep.zr-bs) .link-opacity-100-hover:hover { --bs-link-opacity: 1; }
:where(.zofo-rep.zr-bs) .link-offset-1 { text-underline-offset: 0.125em !important; }
:where(.zofo-rep.zr-bs) .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; }
:where(.zofo-rep.zr-bs) .link-offset-2 { text-underline-offset: 0.25em !important; }
:where(.zofo-rep.zr-bs) .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; }
:where(.zofo-rep.zr-bs) .link-offset-3 { text-underline-offset: 0.375em !important; }
:where(.zofo-rep.zr-bs) .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; }
:where(.zofo-rep.zr-bs) .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity)) !important; }
:where(.zofo-rep.zr-bs) .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity)) !important; }
:where(.zofo-rep.zr-bs) .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity)) !important; }
:where(.zofo-rep.zr-bs) .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity)) !important; }
:where(.zofo-rep.zr-bs) .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity)) !important; }
:where(.zofo-rep.zr-bs) .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity)) !important; }
:where(.zofo-rep.zr-bs) .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity)) !important; }
:where(.zofo-rep.zr-bs) .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity)) !important; }
:where(.zofo-rep.zr-bs) .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1)) !important; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-0 { --bs-link-underline-opacity: 0; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-100 { --bs-link-underline-opacity: 1; }
:where(.zofo-rep.zr-bs) .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; }
:where(.zofo-rep.zr-bs) .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; }
:where(.zofo-rep.zr-bs) .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity)) !important; }
:where(.zofo-rep.zr-bs) .bg-opacity-10 { --bs-bg-opacity: 0.1; }
:where(.zofo-rep.zr-bs) .bg-opacity-25 { --bs-bg-opacity: 0.25; }
:where(.zofo-rep.zr-bs) .bg-opacity-50 { --bs-bg-opacity: 0.5; }
:where(.zofo-rep.zr-bs) .bg-opacity-75 { --bs-bg-opacity: 0.75; }
:where(.zofo-rep.zr-bs) .bg-opacity-100 { --bs-bg-opacity: 1; }
:where(.zofo-rep.zr-bs) .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; }
:where(.zofo-rep.zr-bs) .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; }
:where(.zofo-rep.zr-bs) .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; }
:where(.zofo-rep.zr-bs) .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; }
:where(.zofo-rep.zr-bs) .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; }
:where(.zofo-rep.zr-bs) .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; }
:where(.zofo-rep.zr-bs) .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; }
:where(.zofo-rep.zr-bs) .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; }
:where(.zofo-rep.zr-bs) .bg-gradient { background-image: var(--bs-gradient) !important; }
:where(.zofo-rep.zr-bs) .user-select-all { user-select: all !important; }
:where(.zofo-rep.zr-bs) .user-select-auto { user-select: auto !important; }
:where(.zofo-rep.zr-bs) .user-select-none { user-select: none !important; }
:where(.zofo-rep.zr-bs) .pe-none { pointer-events: none !important; }
:where(.zofo-rep.zr-bs) .pe-auto { pointer-events: auto !important; }
:where(.zofo-rep.zr-bs) .rounded { border-radius: var(--bs-border-radius) !important; }
:where(.zofo-rep.zr-bs) .rounded-0 { border-radius: 0px !important; }
:where(.zofo-rep.zr-bs) .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; }
:where(.zofo-rep.zr-bs) .rounded-2 { border-radius: var(--bs-border-radius) !important; }
:where(.zofo-rep.zr-bs) .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; }
:where(.zofo-rep.zr-bs) .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; }
:where(.zofo-rep.zr-bs) .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; }
:where(.zofo-rep.zr-bs) .rounded-circle { border-radius: 50% !important; }
:where(.zofo-rep.zr-bs) .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; }
:where(.zofo-rep.zr-bs) .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; }
:where(.zofo-rep.zr-bs) .rounded-top-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
:where(.zofo-rep.zr-bs) .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; }
:where(.zofo-rep.zr-bs) .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; }
:where(.zofo-rep.zr-bs) .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; }
:where(.zofo-rep.zr-bs) .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; }
:where(.zofo-rep.zr-bs) .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; }
:where(.zofo-rep.zr-bs) .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; }
:where(.zofo-rep.zr-bs) .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; }
:where(.zofo-rep.zr-bs) .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; }
:where(.zofo-rep.zr-bs) .rounded-end-0 { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; }
:where(.zofo-rep.zr-bs) .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; }
:where(.zofo-rep.zr-bs) .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; }
:where(.zofo-rep.zr-bs) .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; }
:where(.zofo-rep.zr-bs) .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; }
:where(.zofo-rep.zr-bs) .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; }
:where(.zofo-rep.zr-bs) .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; }
:where(.zofo-rep.zr-bs) .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; }
:where(.zofo-rep.zr-bs) .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; }
:where(.zofo-rep.zr-bs) .rounded-bottom-0 { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }
:where(.zofo-rep.zr-bs) .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; }
:where(.zofo-rep.zr-bs) .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; }
:where(.zofo-rep.zr-bs) .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; }
:where(.zofo-rep.zr-bs) .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; }
:where(.zofo-rep.zr-bs) .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; }
:where(.zofo-rep.zr-bs) .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; }
:where(.zofo-rep.zr-bs) .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; }
:where(.zofo-rep.zr-bs) .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; }
:where(.zofo-rep.zr-bs) .rounded-start-0 { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
:where(.zofo-rep.zr-bs) .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; }
:where(.zofo-rep.zr-bs) .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; }
:where(.zofo-rep.zr-bs) .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; }
:where(.zofo-rep.zr-bs) .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; }
:where(.zofo-rep.zr-bs) .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; }
:where(.zofo-rep.zr-bs) .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; }
:where(.zofo-rep.zr-bs) .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; }
:where(.zofo-rep.zr-bs) .visible { visibility: visible !important; }
:where(.zofo-rep.zr-bs) .invisible { visibility: hidden !important; }
:where(.zofo-rep.zr-bs) .z-n1 { z-index: -1 !important; }
:where(.zofo-rep.zr-bs) .z-0 { z-index: 0 !important; }
:where(.zofo-rep.zr-bs) .z-1 { z-index: 1 !important; }
:where(.zofo-rep.zr-bs) .z-2 { z-index: 2 !important; }
:where(.zofo-rep.zr-bs) .z-3 { z-index: 3 !important; }
@media (min-width: 576px) { :where(.zofo-rep.zr-bs) .float-sm-start { float: left !important; } :where(.zofo-rep.zr-bs) .float-sm-end { float: right !important; } :where(.zofo-rep.zr-bs) .float-sm-none { float: none !important; } :where(.zofo-rep.zr-bs) .object-fit-sm-contain { object-fit: contain !important; } :where(.zofo-rep.zr-bs) .object-fit-sm-cover { object-fit: cover !important; } :where(.zofo-rep.zr-bs) .object-fit-sm-fill { object-fit: fill !important; } :where(.zofo-rep.zr-bs) .object-fit-sm-scale { object-fit: scale-down !important; } :where(.zofo-rep.zr-bs) .object-fit-sm-none { object-fit: none !important; } :where(.zofo-rep.zr-bs) .d-sm-inline { display: inline !important; } :where(.zofo-rep.zr-bs) .d-sm-inline-block { display: inline-block !important; } :where(.zofo-rep.zr-bs) .d-sm-block { display: block !important; } :where(.zofo-rep.zr-bs) .d-sm-grid { display: grid !important; } :where(.zofo-rep.zr-bs) .d-sm-inline-grid { display: inline-grid !important; } :where(.zofo-rep.zr-bs) .d-sm-table { display: table !important; } :where(.zofo-rep.zr-bs) .d-sm-table-row { display: table-row !important; } :where(.zofo-rep.zr-bs) .d-sm-table-cell { display: table-cell !important; } :where(.zofo-rep.zr-bs) .d-sm-flex { display: flex !important; } :where(.zofo-rep.zr-bs) .d-sm-inline-flex { display: inline-flex !important; } :where(.zofo-rep.zr-bs) .d-sm-none { display: none !important; } :where(.zofo-rep.zr-bs) .flex-sm-fill { flex: 1 1 auto !important; } :where(.zofo-rep.zr-bs) .flex-sm-row { flex-direction: row !important; } :where(.zofo-rep.zr-bs) .flex-sm-column { flex-direction: column !important; } :where(.zofo-rep.zr-bs) .flex-sm-row-reverse { flex-direction: row-reverse !important; } :where(.zofo-rep.zr-bs) .flex-sm-column-reverse { flex-direction: column-reverse !important; } :where(.zofo-rep.zr-bs) .flex-sm-grow-0 { flex-grow: 0 !important; } :where(.zofo-rep.zr-bs) .flex-sm-grow-1 { flex-grow: 1 !important; } :where(.zofo-rep.zr-bs) .flex-sm-shrink-0 { flex-shrink: 0 !important; } :where(.zofo-rep.zr-bs) .flex-sm-shrink-1 { flex-shrink: 1 !important; } :where(.zofo-rep.zr-bs) .flex-sm-wrap { flex-wrap: wrap !important; } :where(.zofo-rep.zr-bs) .flex-sm-nowrap { flex-wrap: nowrap !important; } :where(.zofo-rep.zr-bs) .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } :where(.zofo-rep.zr-bs) .justify-content-sm-start { justify-content: flex-start !important; } :where(.zofo-rep.zr-bs) .justify-content-sm-end { justify-content: flex-end !important; } :where(.zofo-rep.zr-bs) .justify-content-sm-center { justify-content: center !important; } :where(.zofo-rep.zr-bs) .justify-content-sm-between { justify-content: space-between !important; } :where(.zofo-rep.zr-bs) .justify-content-sm-around { justify-content: space-around !important; } :where(.zofo-rep.zr-bs) .justify-content-sm-evenly { justify-content: space-evenly !important; } :where(.zofo-rep.zr-bs) .align-items-sm-start { align-items: flex-start !important; } :where(.zofo-rep.zr-bs) .align-items-sm-end { align-items: flex-end !important; } :where(.zofo-rep.zr-bs) .align-items-sm-center { align-items: center !important; } :where(.zofo-rep.zr-bs) .align-items-sm-baseline { align-items: baseline !important; } :where(.zofo-rep.zr-bs) .align-items-sm-stretch { align-items: stretch !important; } :where(.zofo-rep.zr-bs) .align-content-sm-start { align-content: flex-start !important; } :where(.zofo-rep.zr-bs) .align-content-sm-end { align-content: flex-end !important; } :where(.zofo-rep.zr-bs) .align-content-sm-center { align-content: center !important; } :where(.zofo-rep.zr-bs) .align-content-sm-between { align-content: space-between !important; } :where(.zofo-rep.zr-bs) .align-content-sm-around { align-content: space-around !important; } :where(.zofo-rep.zr-bs) .align-content-sm-stretch { align-content: stretch !important; } :where(.zofo-rep.zr-bs) .align-self-sm-auto { align-self: auto !important; } :where(.zofo-rep.zr-bs) .align-self-sm-start { align-self: flex-start !important; } :where(.zofo-rep.zr-bs) .align-self-sm-end { align-self: flex-end !important; } :where(.zofo-rep.zr-bs) .align-self-sm-center { align-self: center !important; } :where(.zofo-rep.zr-bs) .align-self-sm-baseline { align-self: baseline !important; } :where(.zofo-rep.zr-bs) .align-self-sm-stretch { align-self: stretch !important; } :where(.zofo-rep.zr-bs) .order-sm-first { order: -1 !important; } :where(.zofo-rep.zr-bs) .order-sm-0 { order: 0 !important; } :where(.zofo-rep.zr-bs) .order-sm-1 { order: 1 !important; } :where(.zofo-rep.zr-bs) .order-sm-2 { order: 2 !important; } :where(.zofo-rep.zr-bs) .order-sm-3 { order: 3 !important; } :where(.zofo-rep.zr-bs) .order-sm-4 { order: 4 !important; } :where(.zofo-rep.zr-bs) .order-sm-5 { order: 5 !important; } :where(.zofo-rep.zr-bs) .order-sm-last { order: 6 !important; } :where(.zofo-rep.zr-bs) .m-sm-0 { margin: 0px !important; } :where(.zofo-rep.zr-bs) .m-sm-1 { margin: 0.25rem !important; } :where(.zofo-rep.zr-bs) .m-sm-2 { margin: 0.5rem !important; } :where(.zofo-rep.zr-bs) .m-sm-3 { margin: 1rem !important; } :where(.zofo-rep.zr-bs) .m-sm-4 { margin: 1.5rem !important; } :where(.zofo-rep.zr-bs) .m-sm-5 { margin: 3rem !important; } :where(.zofo-rep.zr-bs) .m-sm-auto { margin: auto !important; } :where(.zofo-rep.zr-bs) .mx-sm-0 { margin-right: 0px !important; margin-left: 0px !important; } :where(.zofo-rep.zr-bs) .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } :where(.zofo-rep.zr-bs) .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } :where(.zofo-rep.zr-bs) .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } :where(.zofo-rep.zr-bs) .my-sm-0 { margin-top: 0px !important; margin-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } :where(.zofo-rep.zr-bs) .mt-sm-0 { margin-top: 0px !important; } :where(.zofo-rep.zr-bs) .mt-sm-1 { margin-top: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mt-sm-2 { margin-top: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mt-sm-3 { margin-top: 1rem !important; } :where(.zofo-rep.zr-bs) .mt-sm-4 { margin-top: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mt-sm-5 { margin-top: 3rem !important; } :where(.zofo-rep.zr-bs) .mt-sm-auto { margin-top: auto !important; } :where(.zofo-rep.zr-bs) .me-sm-0 { margin-right: 0px !important; } :where(.zofo-rep.zr-bs) .me-sm-1 { margin-right: 0.25rem !important; } :where(.zofo-rep.zr-bs) .me-sm-2 { margin-right: 0.5rem !important; } :where(.zofo-rep.zr-bs) .me-sm-3 { margin-right: 1rem !important; } :where(.zofo-rep.zr-bs) .me-sm-4 { margin-right: 1.5rem !important; } :where(.zofo-rep.zr-bs) .me-sm-5 { margin-right: 3rem !important; } :where(.zofo-rep.zr-bs) .me-sm-auto { margin-right: auto !important; } :where(.zofo-rep.zr-bs) .mb-sm-0 { margin-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .mb-sm-1 { margin-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mb-sm-2 { margin-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mb-sm-3 { margin-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .mb-sm-4 { margin-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mb-sm-5 { margin-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .mb-sm-auto { margin-bottom: auto !important; } :where(.zofo-rep.zr-bs) .ms-sm-0 { margin-left: 0px !important; } :where(.zofo-rep.zr-bs) .ms-sm-1 { margin-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .ms-sm-2 { margin-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .ms-sm-3 { margin-left: 1rem !important; } :where(.zofo-rep.zr-bs) .ms-sm-4 { margin-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .ms-sm-5 { margin-left: 3rem !important; } :where(.zofo-rep.zr-bs) .ms-sm-auto { margin-left: auto !important; } :where(.zofo-rep.zr-bs) .p-sm-0 { padding: 0px !important; } :where(.zofo-rep.zr-bs) .p-sm-1 { padding: 0.25rem !important; } :where(.zofo-rep.zr-bs) .p-sm-2 { padding: 0.5rem !important; } :where(.zofo-rep.zr-bs) .p-sm-3 { padding: 1rem !important; } :where(.zofo-rep.zr-bs) .p-sm-4 { padding: 1.5rem !important; } :where(.zofo-rep.zr-bs) .p-sm-5 { padding: 3rem !important; } :where(.zofo-rep.zr-bs) .px-sm-0 { padding-right: 0px !important; padding-left: 0px !important; } :where(.zofo-rep.zr-bs) .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } :where(.zofo-rep.zr-bs) .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } :where(.zofo-rep.zr-bs) .py-sm-0 { padding-top: 0px !important; padding-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .pt-sm-0 { padding-top: 0px !important; } :where(.zofo-rep.zr-bs) .pt-sm-1 { padding-top: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pt-sm-2 { padding-top: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pt-sm-3 { padding-top: 1rem !important; } :where(.zofo-rep.zr-bs) .pt-sm-4 { padding-top: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pt-sm-5 { padding-top: 3rem !important; } :where(.zofo-rep.zr-bs) .pe-sm-0 { padding-right: 0px !important; } :where(.zofo-rep.zr-bs) .pe-sm-1 { padding-right: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pe-sm-2 { padding-right: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pe-sm-3 { padding-right: 1rem !important; } :where(.zofo-rep.zr-bs) .pe-sm-4 { padding-right: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pe-sm-5 { padding-right: 3rem !important; } :where(.zofo-rep.zr-bs) .pb-sm-0 { padding-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .pb-sm-1 { padding-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pb-sm-2 { padding-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pb-sm-3 { padding-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .pb-sm-4 { padding-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pb-sm-5 { padding-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .ps-sm-0 { padding-left: 0px !important; } :where(.zofo-rep.zr-bs) .ps-sm-1 { padding-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .ps-sm-2 { padding-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .ps-sm-3 { padding-left: 1rem !important; } :where(.zofo-rep.zr-bs) .ps-sm-4 { padding-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .ps-sm-5 { padding-left: 3rem !important; } :where(.zofo-rep.zr-bs) .gap-sm-0 { gap: 0px !important; } :where(.zofo-rep.zr-bs) .gap-sm-1 { gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .gap-sm-2 { gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .gap-sm-3 { gap: 1rem !important; } :where(.zofo-rep.zr-bs) .gap-sm-4 { gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .gap-sm-5 { gap: 3rem !important; } :where(.zofo-rep.zr-bs) .row-gap-sm-0 { row-gap: 0px !important; } :where(.zofo-rep.zr-bs) .row-gap-sm-1 { row-gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .row-gap-sm-2 { row-gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .row-gap-sm-3 { row-gap: 1rem !important; } :where(.zofo-rep.zr-bs) .row-gap-sm-4 { row-gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .row-gap-sm-5 { row-gap: 3rem !important; } :where(.zofo-rep.zr-bs) .column-gap-sm-0 { column-gap: 0px !important; } :where(.zofo-rep.zr-bs) .column-gap-sm-1 { column-gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .column-gap-sm-2 { column-gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .column-gap-sm-3 { column-gap: 1rem !important; } :where(.zofo-rep.zr-bs) .column-gap-sm-4 { column-gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .column-gap-sm-5 { column-gap: 3rem !important; } :where(.zofo-rep.zr-bs) .text-sm-start { text-align: left !important; } :where(.zofo-rep.zr-bs) .text-sm-end { text-align: right !important; } :where(.zofo-rep.zr-bs) .text-sm-center { text-align: center !important; } }
@media (min-width: 768px) { :where(.zofo-rep.zr-bs) .float-md-start { float: left !important; } :where(.zofo-rep.zr-bs) .float-md-end { float: right !important; } :where(.zofo-rep.zr-bs) .float-md-none { float: none !important; } :where(.zofo-rep.zr-bs) .object-fit-md-contain { object-fit: contain !important; } :where(.zofo-rep.zr-bs) .object-fit-md-cover { object-fit: cover !important; } :where(.zofo-rep.zr-bs) .object-fit-md-fill { object-fit: fill !important; } :where(.zofo-rep.zr-bs) .object-fit-md-scale { object-fit: scale-down !important; } :where(.zofo-rep.zr-bs) .object-fit-md-none { object-fit: none !important; } :where(.zofo-rep.zr-bs) .d-md-inline { display: inline !important; } :where(.zofo-rep.zr-bs) .d-md-inline-block { display: inline-block !important; } :where(.zofo-rep.zr-bs) .d-md-block { display: block !important; } :where(.zofo-rep.zr-bs) .d-md-grid { display: grid !important; } :where(.zofo-rep.zr-bs) .d-md-inline-grid { display: inline-grid !important; } :where(.zofo-rep.zr-bs) .d-md-table { display: table !important; } :where(.zofo-rep.zr-bs) .d-md-table-row { display: table-row !important; } :where(.zofo-rep.zr-bs) .d-md-table-cell { display: table-cell !important; } :where(.zofo-rep.zr-bs) .d-md-flex { display: flex !important; } :where(.zofo-rep.zr-bs) .d-md-inline-flex { display: inline-flex !important; } :where(.zofo-rep.zr-bs) .d-md-none { display: none !important; } :where(.zofo-rep.zr-bs) .flex-md-fill { flex: 1 1 auto !important; } :where(.zofo-rep.zr-bs) .flex-md-row { flex-direction: row !important; } :where(.zofo-rep.zr-bs) .flex-md-column { flex-direction: column !important; } :where(.zofo-rep.zr-bs) .flex-md-row-reverse { flex-direction: row-reverse !important; } :where(.zofo-rep.zr-bs) .flex-md-column-reverse { flex-direction: column-reverse !important; } :where(.zofo-rep.zr-bs) .flex-md-grow-0 { flex-grow: 0 !important; } :where(.zofo-rep.zr-bs) .flex-md-grow-1 { flex-grow: 1 !important; } :where(.zofo-rep.zr-bs) .flex-md-shrink-0 { flex-shrink: 0 !important; } :where(.zofo-rep.zr-bs) .flex-md-shrink-1 { flex-shrink: 1 !important; } :where(.zofo-rep.zr-bs) .flex-md-wrap { flex-wrap: wrap !important; } :where(.zofo-rep.zr-bs) .flex-md-nowrap { flex-wrap: nowrap !important; } :where(.zofo-rep.zr-bs) .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } :where(.zofo-rep.zr-bs) .justify-content-md-start { justify-content: flex-start !important; } :where(.zofo-rep.zr-bs) .justify-content-md-end { justify-content: flex-end !important; } :where(.zofo-rep.zr-bs) .justify-content-md-center { justify-content: center !important; } :where(.zofo-rep.zr-bs) .justify-content-md-between { justify-content: space-between !important; } :where(.zofo-rep.zr-bs) .justify-content-md-around { justify-content: space-around !important; } :where(.zofo-rep.zr-bs) .justify-content-md-evenly { justify-content: space-evenly !important; } :where(.zofo-rep.zr-bs) .align-items-md-start { align-items: flex-start !important; } :where(.zofo-rep.zr-bs) .align-items-md-end { align-items: flex-end !important; } :where(.zofo-rep.zr-bs) .align-items-md-center { align-items: center !important; } :where(.zofo-rep.zr-bs) .align-items-md-baseline { align-items: baseline !important; } :where(.zofo-rep.zr-bs) .align-items-md-stretch { align-items: stretch !important; } :where(.zofo-rep.zr-bs) .align-content-md-start { align-content: flex-start !important; } :where(.zofo-rep.zr-bs) .align-content-md-end { align-content: flex-end !important; } :where(.zofo-rep.zr-bs) .align-content-md-center { align-content: center !important; } :where(.zofo-rep.zr-bs) .align-content-md-between { align-content: space-between !important; } :where(.zofo-rep.zr-bs) .align-content-md-around { align-content: space-around !important; } :where(.zofo-rep.zr-bs) .align-content-md-stretch { align-content: stretch !important; } :where(.zofo-rep.zr-bs) .align-self-md-auto { align-self: auto !important; } :where(.zofo-rep.zr-bs) .align-self-md-start { align-self: flex-start !important; } :where(.zofo-rep.zr-bs) .align-self-md-end { align-self: flex-end !important; } :where(.zofo-rep.zr-bs) .align-self-md-center { align-self: center !important; } :where(.zofo-rep.zr-bs) .align-self-md-baseline { align-self: baseline !important; } :where(.zofo-rep.zr-bs) .align-self-md-stretch { align-self: stretch !important; } :where(.zofo-rep.zr-bs) .order-md-first { order: -1 !important; } :where(.zofo-rep.zr-bs) .order-md-0 { order: 0 !important; } :where(.zofo-rep.zr-bs) .order-md-1 { order: 1 !important; } :where(.zofo-rep.zr-bs) .order-md-2 { order: 2 !important; } :where(.zofo-rep.zr-bs) .order-md-3 { order: 3 !important; } :where(.zofo-rep.zr-bs) .order-md-4 { order: 4 !important; } :where(.zofo-rep.zr-bs) .order-md-5 { order: 5 !important; } :where(.zofo-rep.zr-bs) .order-md-last { order: 6 !important; } :where(.zofo-rep.zr-bs) .m-md-0 { margin: 0px !important; } :where(.zofo-rep.zr-bs) .m-md-1 { margin: 0.25rem !important; } :where(.zofo-rep.zr-bs) .m-md-2 { margin: 0.5rem !important; } :where(.zofo-rep.zr-bs) .m-md-3 { margin: 1rem !important; } :where(.zofo-rep.zr-bs) .m-md-4 { margin: 1.5rem !important; } :where(.zofo-rep.zr-bs) .m-md-5 { margin: 3rem !important; } :where(.zofo-rep.zr-bs) .m-md-auto { margin: auto !important; } :where(.zofo-rep.zr-bs) .mx-md-0 { margin-right: 0px !important; margin-left: 0px !important; } :where(.zofo-rep.zr-bs) .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } :where(.zofo-rep.zr-bs) .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } :where(.zofo-rep.zr-bs) .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } :where(.zofo-rep.zr-bs) .my-md-0 { margin-top: 0px !important; margin-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } :where(.zofo-rep.zr-bs) .mt-md-0 { margin-top: 0px !important; } :where(.zofo-rep.zr-bs) .mt-md-1 { margin-top: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mt-md-2 { margin-top: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mt-md-3 { margin-top: 1rem !important; } :where(.zofo-rep.zr-bs) .mt-md-4 { margin-top: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mt-md-5 { margin-top: 3rem !important; } :where(.zofo-rep.zr-bs) .mt-md-auto { margin-top: auto !important; } :where(.zofo-rep.zr-bs) .me-md-0 { margin-right: 0px !important; } :where(.zofo-rep.zr-bs) .me-md-1 { margin-right: 0.25rem !important; } :where(.zofo-rep.zr-bs) .me-md-2 { margin-right: 0.5rem !important; } :where(.zofo-rep.zr-bs) .me-md-3 { margin-right: 1rem !important; } :where(.zofo-rep.zr-bs) .me-md-4 { margin-right: 1.5rem !important; } :where(.zofo-rep.zr-bs) .me-md-5 { margin-right: 3rem !important; } :where(.zofo-rep.zr-bs) .me-md-auto { margin-right: auto !important; } :where(.zofo-rep.zr-bs) .mb-md-0 { margin-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .mb-md-1 { margin-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mb-md-2 { margin-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mb-md-3 { margin-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .mb-md-4 { margin-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mb-md-5 { margin-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .mb-md-auto { margin-bottom: auto !important; } :where(.zofo-rep.zr-bs) .ms-md-0 { margin-left: 0px !important; } :where(.zofo-rep.zr-bs) .ms-md-1 { margin-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .ms-md-2 { margin-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .ms-md-3 { margin-left: 1rem !important; } :where(.zofo-rep.zr-bs) .ms-md-4 { margin-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .ms-md-5 { margin-left: 3rem !important; } :where(.zofo-rep.zr-bs) .ms-md-auto { margin-left: auto !important; } :where(.zofo-rep.zr-bs) .p-md-0 { padding: 0px !important; } :where(.zofo-rep.zr-bs) .p-md-1 { padding: 0.25rem !important; } :where(.zofo-rep.zr-bs) .p-md-2 { padding: 0.5rem !important; } :where(.zofo-rep.zr-bs) .p-md-3 { padding: 1rem !important; } :where(.zofo-rep.zr-bs) .p-md-4 { padding: 1.5rem !important; } :where(.zofo-rep.zr-bs) .p-md-5 { padding: 3rem !important; } :where(.zofo-rep.zr-bs) .px-md-0 { padding-right: 0px !important; padding-left: 0px !important; } :where(.zofo-rep.zr-bs) .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } :where(.zofo-rep.zr-bs) .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } :where(.zofo-rep.zr-bs) .py-md-0 { padding-top: 0px !important; padding-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .pt-md-0 { padding-top: 0px !important; } :where(.zofo-rep.zr-bs) .pt-md-1 { padding-top: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pt-md-2 { padding-top: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pt-md-3 { padding-top: 1rem !important; } :where(.zofo-rep.zr-bs) .pt-md-4 { padding-top: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pt-md-5 { padding-top: 3rem !important; } :where(.zofo-rep.zr-bs) .pe-md-0 { padding-right: 0px !important; } :where(.zofo-rep.zr-bs) .pe-md-1 { padding-right: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pe-md-2 { padding-right: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pe-md-3 { padding-right: 1rem !important; } :where(.zofo-rep.zr-bs) .pe-md-4 { padding-right: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pe-md-5 { padding-right: 3rem !important; } :where(.zofo-rep.zr-bs) .pb-md-0 { padding-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .pb-md-1 { padding-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pb-md-2 { padding-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pb-md-3 { padding-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .pb-md-4 { padding-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pb-md-5 { padding-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .ps-md-0 { padding-left: 0px !important; } :where(.zofo-rep.zr-bs) .ps-md-1 { padding-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .ps-md-2 { padding-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .ps-md-3 { padding-left: 1rem !important; } :where(.zofo-rep.zr-bs) .ps-md-4 { padding-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .ps-md-5 { padding-left: 3rem !important; } :where(.zofo-rep.zr-bs) .gap-md-0 { gap: 0px !important; } :where(.zofo-rep.zr-bs) .gap-md-1 { gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .gap-md-2 { gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .gap-md-3 { gap: 1rem !important; } :where(.zofo-rep.zr-bs) .gap-md-4 { gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .gap-md-5 { gap: 3rem !important; } :where(.zofo-rep.zr-bs) .row-gap-md-0 { row-gap: 0px !important; } :where(.zofo-rep.zr-bs) .row-gap-md-1 { row-gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .row-gap-md-2 { row-gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .row-gap-md-3 { row-gap: 1rem !important; } :where(.zofo-rep.zr-bs) .row-gap-md-4 { row-gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .row-gap-md-5 { row-gap: 3rem !important; } :where(.zofo-rep.zr-bs) .column-gap-md-0 { column-gap: 0px !important; } :where(.zofo-rep.zr-bs) .column-gap-md-1 { column-gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .column-gap-md-2 { column-gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .column-gap-md-3 { column-gap: 1rem !important; } :where(.zofo-rep.zr-bs) .column-gap-md-4 { column-gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .column-gap-md-5 { column-gap: 3rem !important; } :where(.zofo-rep.zr-bs) .text-md-start { text-align: left !important; } :where(.zofo-rep.zr-bs) .text-md-end { text-align: right !important; } :where(.zofo-rep.zr-bs) .text-md-center { text-align: center !important; } }
@media (min-width: 992px) { :where(.zofo-rep.zr-bs) .float-lg-start { float: left !important; } :where(.zofo-rep.zr-bs) .float-lg-end { float: right !important; } :where(.zofo-rep.zr-bs) .float-lg-none { float: none !important; } :where(.zofo-rep.zr-bs) .object-fit-lg-contain { object-fit: contain !important; } :where(.zofo-rep.zr-bs) .object-fit-lg-cover { object-fit: cover !important; } :where(.zofo-rep.zr-bs) .object-fit-lg-fill { object-fit: fill !important; } :where(.zofo-rep.zr-bs) .object-fit-lg-scale { object-fit: scale-down !important; } :where(.zofo-rep.zr-bs) .object-fit-lg-none { object-fit: none !important; } :where(.zofo-rep.zr-bs) .d-lg-inline { display: inline !important; } :where(.zofo-rep.zr-bs) .d-lg-inline-block { display: inline-block !important; } :where(.zofo-rep.zr-bs) .d-lg-block { display: block !important; } :where(.zofo-rep.zr-bs) .d-lg-grid { display: grid !important; } :where(.zofo-rep.zr-bs) .d-lg-inline-grid { display: inline-grid !important; } :where(.zofo-rep.zr-bs) .d-lg-table { display: table !important; } :where(.zofo-rep.zr-bs) .d-lg-table-row { display: table-row !important; } :where(.zofo-rep.zr-bs) .d-lg-table-cell { display: table-cell !important; } :where(.zofo-rep.zr-bs) .d-lg-flex { display: flex !important; } :where(.zofo-rep.zr-bs) .d-lg-inline-flex { display: inline-flex !important; } :where(.zofo-rep.zr-bs) .d-lg-none { display: none !important; } :where(.zofo-rep.zr-bs) .flex-lg-fill { flex: 1 1 auto !important; } :where(.zofo-rep.zr-bs) .flex-lg-row { flex-direction: row !important; } :where(.zofo-rep.zr-bs) .flex-lg-column { flex-direction: column !important; } :where(.zofo-rep.zr-bs) .flex-lg-row-reverse { flex-direction: row-reverse !important; } :where(.zofo-rep.zr-bs) .flex-lg-column-reverse { flex-direction: column-reverse !important; } :where(.zofo-rep.zr-bs) .flex-lg-grow-0 { flex-grow: 0 !important; } :where(.zofo-rep.zr-bs) .flex-lg-grow-1 { flex-grow: 1 !important; } :where(.zofo-rep.zr-bs) .flex-lg-shrink-0 { flex-shrink: 0 !important; } :where(.zofo-rep.zr-bs) .flex-lg-shrink-1 { flex-shrink: 1 !important; } :where(.zofo-rep.zr-bs) .flex-lg-wrap { flex-wrap: wrap !important; } :where(.zofo-rep.zr-bs) .flex-lg-nowrap { flex-wrap: nowrap !important; } :where(.zofo-rep.zr-bs) .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } :where(.zofo-rep.zr-bs) .justify-content-lg-start { justify-content: flex-start !important; } :where(.zofo-rep.zr-bs) .justify-content-lg-end { justify-content: flex-end !important; } :where(.zofo-rep.zr-bs) .justify-content-lg-center { justify-content: center !important; } :where(.zofo-rep.zr-bs) .justify-content-lg-between { justify-content: space-between !important; } :where(.zofo-rep.zr-bs) .justify-content-lg-around { justify-content: space-around !important; } :where(.zofo-rep.zr-bs) .justify-content-lg-evenly { justify-content: space-evenly !important; } :where(.zofo-rep.zr-bs) .align-items-lg-start { align-items: flex-start !important; } :where(.zofo-rep.zr-bs) .align-items-lg-end { align-items: flex-end !important; } :where(.zofo-rep.zr-bs) .align-items-lg-center { align-items: center !important; } :where(.zofo-rep.zr-bs) .align-items-lg-baseline { align-items: baseline !important; } :where(.zofo-rep.zr-bs) .align-items-lg-stretch { align-items: stretch !important; } :where(.zofo-rep.zr-bs) .align-content-lg-start { align-content: flex-start !important; } :where(.zofo-rep.zr-bs) .align-content-lg-end { align-content: flex-end !important; } :where(.zofo-rep.zr-bs) .align-content-lg-center { align-content: center !important; } :where(.zofo-rep.zr-bs) .align-content-lg-between { align-content: space-between !important; } :where(.zofo-rep.zr-bs) .align-content-lg-around { align-content: space-around !important; } :where(.zofo-rep.zr-bs) .align-content-lg-stretch { align-content: stretch !important; } :where(.zofo-rep.zr-bs) .align-self-lg-auto { align-self: auto !important; } :where(.zofo-rep.zr-bs) .align-self-lg-start { align-self: flex-start !important; } :where(.zofo-rep.zr-bs) .align-self-lg-end { align-self: flex-end !important; } :where(.zofo-rep.zr-bs) .align-self-lg-center { align-self: center !important; } :where(.zofo-rep.zr-bs) .align-self-lg-baseline { align-self: baseline !important; } :where(.zofo-rep.zr-bs) .align-self-lg-stretch { align-self: stretch !important; } :where(.zofo-rep.zr-bs) .order-lg-first { order: -1 !important; } :where(.zofo-rep.zr-bs) .order-lg-0 { order: 0 !important; } :where(.zofo-rep.zr-bs) .order-lg-1 { order: 1 !important; } :where(.zofo-rep.zr-bs) .order-lg-2 { order: 2 !important; } :where(.zofo-rep.zr-bs) .order-lg-3 { order: 3 !important; } :where(.zofo-rep.zr-bs) .order-lg-4 { order: 4 !important; } :where(.zofo-rep.zr-bs) .order-lg-5 { order: 5 !important; } :where(.zofo-rep.zr-bs) .order-lg-last { order: 6 !important; } :where(.zofo-rep.zr-bs) .m-lg-0 { margin: 0px !important; } :where(.zofo-rep.zr-bs) .m-lg-1 { margin: 0.25rem !important; } :where(.zofo-rep.zr-bs) .m-lg-2 { margin: 0.5rem !important; } :where(.zofo-rep.zr-bs) .m-lg-3 { margin: 1rem !important; } :where(.zofo-rep.zr-bs) .m-lg-4 { margin: 1.5rem !important; } :where(.zofo-rep.zr-bs) .m-lg-5 { margin: 3rem !important; } :where(.zofo-rep.zr-bs) .m-lg-auto { margin: auto !important; } :where(.zofo-rep.zr-bs) .mx-lg-0 { margin-right: 0px !important; margin-left: 0px !important; } :where(.zofo-rep.zr-bs) .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } :where(.zofo-rep.zr-bs) .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } :where(.zofo-rep.zr-bs) .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } :where(.zofo-rep.zr-bs) .my-lg-0 { margin-top: 0px !important; margin-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } :where(.zofo-rep.zr-bs) .mt-lg-0 { margin-top: 0px !important; } :where(.zofo-rep.zr-bs) .mt-lg-1 { margin-top: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mt-lg-2 { margin-top: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mt-lg-3 { margin-top: 1rem !important; } :where(.zofo-rep.zr-bs) .mt-lg-4 { margin-top: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mt-lg-5 { margin-top: 3rem !important; } :where(.zofo-rep.zr-bs) .mt-lg-auto { margin-top: auto !important; } :where(.zofo-rep.zr-bs) .me-lg-0 { margin-right: 0px !important; } :where(.zofo-rep.zr-bs) .me-lg-1 { margin-right: 0.25rem !important; } :where(.zofo-rep.zr-bs) .me-lg-2 { margin-right: 0.5rem !important; } :where(.zofo-rep.zr-bs) .me-lg-3 { margin-right: 1rem !important; } :where(.zofo-rep.zr-bs) .me-lg-4 { margin-right: 1.5rem !important; } :where(.zofo-rep.zr-bs) .me-lg-5 { margin-right: 3rem !important; } :where(.zofo-rep.zr-bs) .me-lg-auto { margin-right: auto !important; } :where(.zofo-rep.zr-bs) .mb-lg-0 { margin-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .mb-lg-1 { margin-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mb-lg-2 { margin-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mb-lg-3 { margin-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .mb-lg-4 { margin-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mb-lg-5 { margin-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .mb-lg-auto { margin-bottom: auto !important; } :where(.zofo-rep.zr-bs) .ms-lg-0 { margin-left: 0px !important; } :where(.zofo-rep.zr-bs) .ms-lg-1 { margin-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .ms-lg-2 { margin-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .ms-lg-3 { margin-left: 1rem !important; } :where(.zofo-rep.zr-bs) .ms-lg-4 { margin-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .ms-lg-5 { margin-left: 3rem !important; } :where(.zofo-rep.zr-bs) .ms-lg-auto { margin-left: auto !important; } :where(.zofo-rep.zr-bs) .p-lg-0 { padding: 0px !important; } :where(.zofo-rep.zr-bs) .p-lg-1 { padding: 0.25rem !important; } :where(.zofo-rep.zr-bs) .p-lg-2 { padding: 0.5rem !important; } :where(.zofo-rep.zr-bs) .p-lg-3 { padding: 1rem !important; } :where(.zofo-rep.zr-bs) .p-lg-4 { padding: 1.5rem !important; } :where(.zofo-rep.zr-bs) .p-lg-5 { padding: 3rem !important; } :where(.zofo-rep.zr-bs) .px-lg-0 { padding-right: 0px !important; padding-left: 0px !important; } :where(.zofo-rep.zr-bs) .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } :where(.zofo-rep.zr-bs) .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } :where(.zofo-rep.zr-bs) .py-lg-0 { padding-top: 0px !important; padding-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .pt-lg-0 { padding-top: 0px !important; } :where(.zofo-rep.zr-bs) .pt-lg-1 { padding-top: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pt-lg-2 { padding-top: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pt-lg-3 { padding-top: 1rem !important; } :where(.zofo-rep.zr-bs) .pt-lg-4 { padding-top: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pt-lg-5 { padding-top: 3rem !important; } :where(.zofo-rep.zr-bs) .pe-lg-0 { padding-right: 0px !important; } :where(.zofo-rep.zr-bs) .pe-lg-1 { padding-right: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pe-lg-2 { padding-right: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pe-lg-3 { padding-right: 1rem !important; } :where(.zofo-rep.zr-bs) .pe-lg-4 { padding-right: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pe-lg-5 { padding-right: 3rem !important; } :where(.zofo-rep.zr-bs) .pb-lg-0 { padding-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .pb-lg-1 { padding-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pb-lg-2 { padding-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pb-lg-3 { padding-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .pb-lg-4 { padding-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pb-lg-5 { padding-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .ps-lg-0 { padding-left: 0px !important; } :where(.zofo-rep.zr-bs) .ps-lg-1 { padding-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .ps-lg-2 { padding-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .ps-lg-3 { padding-left: 1rem !important; } :where(.zofo-rep.zr-bs) .ps-lg-4 { padding-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .ps-lg-5 { padding-left: 3rem !important; } :where(.zofo-rep.zr-bs) .gap-lg-0 { gap: 0px !important; } :where(.zofo-rep.zr-bs) .gap-lg-1 { gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .gap-lg-2 { gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .gap-lg-3 { gap: 1rem !important; } :where(.zofo-rep.zr-bs) .gap-lg-4 { gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .gap-lg-5 { gap: 3rem !important; } :where(.zofo-rep.zr-bs) .row-gap-lg-0 { row-gap: 0px !important; } :where(.zofo-rep.zr-bs) .row-gap-lg-1 { row-gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .row-gap-lg-2 { row-gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .row-gap-lg-3 { row-gap: 1rem !important; } :where(.zofo-rep.zr-bs) .row-gap-lg-4 { row-gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .row-gap-lg-5 { row-gap: 3rem !important; } :where(.zofo-rep.zr-bs) .column-gap-lg-0 { column-gap: 0px !important; } :where(.zofo-rep.zr-bs) .column-gap-lg-1 { column-gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .column-gap-lg-2 { column-gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .column-gap-lg-3 { column-gap: 1rem !important; } :where(.zofo-rep.zr-bs) .column-gap-lg-4 { column-gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .column-gap-lg-5 { column-gap: 3rem !important; } :where(.zofo-rep.zr-bs) .text-lg-start { text-align: left !important; } :where(.zofo-rep.zr-bs) .text-lg-end { text-align: right !important; } :where(.zofo-rep.zr-bs) .text-lg-center { text-align: center !important; } }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .float-xl-start { float: left !important; } :where(.zofo-rep.zr-bs) .float-xl-end { float: right !important; } :where(.zofo-rep.zr-bs) .float-xl-none { float: none !important; } :where(.zofo-rep.zr-bs) .object-fit-xl-contain { object-fit: contain !important; } :where(.zofo-rep.zr-bs) .object-fit-xl-cover { object-fit: cover !important; } :where(.zofo-rep.zr-bs) .object-fit-xl-fill { object-fit: fill !important; } :where(.zofo-rep.zr-bs) .object-fit-xl-scale { object-fit: scale-down !important; } :where(.zofo-rep.zr-bs) .object-fit-xl-none { object-fit: none !important; } :where(.zofo-rep.zr-bs) .d-xl-inline { display: inline !important; } :where(.zofo-rep.zr-bs) .d-xl-inline-block { display: inline-block !important; } :where(.zofo-rep.zr-bs) .d-xl-block { display: block !important; } :where(.zofo-rep.zr-bs) .d-xl-grid { display: grid !important; } :where(.zofo-rep.zr-bs) .d-xl-inline-grid { display: inline-grid !important; } :where(.zofo-rep.zr-bs) .d-xl-table { display: table !important; } :where(.zofo-rep.zr-bs) .d-xl-table-row { display: table-row !important; } :where(.zofo-rep.zr-bs) .d-xl-table-cell { display: table-cell !important; } :where(.zofo-rep.zr-bs) .d-xl-flex { display: flex !important; } :where(.zofo-rep.zr-bs) .d-xl-inline-flex { display: inline-flex !important; } :where(.zofo-rep.zr-bs) .d-xl-none { display: none !important; } :where(.zofo-rep.zr-bs) .flex-xl-fill { flex: 1 1 auto !important; } :where(.zofo-rep.zr-bs) .flex-xl-row { flex-direction: row !important; } :where(.zofo-rep.zr-bs) .flex-xl-column { flex-direction: column !important; } :where(.zofo-rep.zr-bs) .flex-xl-row-reverse { flex-direction: row-reverse !important; } :where(.zofo-rep.zr-bs) .flex-xl-column-reverse { flex-direction: column-reverse !important; } :where(.zofo-rep.zr-bs) .flex-xl-grow-0 { flex-grow: 0 !important; } :where(.zofo-rep.zr-bs) .flex-xl-grow-1 { flex-grow: 1 !important; } :where(.zofo-rep.zr-bs) .flex-xl-shrink-0 { flex-shrink: 0 !important; } :where(.zofo-rep.zr-bs) .flex-xl-shrink-1 { flex-shrink: 1 !important; } :where(.zofo-rep.zr-bs) .flex-xl-wrap { flex-wrap: wrap !important; } :where(.zofo-rep.zr-bs) .flex-xl-nowrap { flex-wrap: nowrap !important; } :where(.zofo-rep.zr-bs) .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } :where(.zofo-rep.zr-bs) .justify-content-xl-start { justify-content: flex-start !important; } :where(.zofo-rep.zr-bs) .justify-content-xl-end { justify-content: flex-end !important; } :where(.zofo-rep.zr-bs) .justify-content-xl-center { justify-content: center !important; } :where(.zofo-rep.zr-bs) .justify-content-xl-between { justify-content: space-between !important; } :where(.zofo-rep.zr-bs) .justify-content-xl-around { justify-content: space-around !important; } :where(.zofo-rep.zr-bs) .justify-content-xl-evenly { justify-content: space-evenly !important; } :where(.zofo-rep.zr-bs) .align-items-xl-start { align-items: flex-start !important; } :where(.zofo-rep.zr-bs) .align-items-xl-end { align-items: flex-end !important; } :where(.zofo-rep.zr-bs) .align-items-xl-center { align-items: center !important; } :where(.zofo-rep.zr-bs) .align-items-xl-baseline { align-items: baseline !important; } :where(.zofo-rep.zr-bs) .align-items-xl-stretch { align-items: stretch !important; } :where(.zofo-rep.zr-bs) .align-content-xl-start { align-content: flex-start !important; } :where(.zofo-rep.zr-bs) .align-content-xl-end { align-content: flex-end !important; } :where(.zofo-rep.zr-bs) .align-content-xl-center { align-content: center !important; } :where(.zofo-rep.zr-bs) .align-content-xl-between { align-content: space-between !important; } :where(.zofo-rep.zr-bs) .align-content-xl-around { align-content: space-around !important; } :where(.zofo-rep.zr-bs) .align-content-xl-stretch { align-content: stretch !important; } :where(.zofo-rep.zr-bs) .align-self-xl-auto { align-self: auto !important; } :where(.zofo-rep.zr-bs) .align-self-xl-start { align-self: flex-start !important; } :where(.zofo-rep.zr-bs) .align-self-xl-end { align-self: flex-end !important; } :where(.zofo-rep.zr-bs) .align-self-xl-center { align-self: center !important; } :where(.zofo-rep.zr-bs) .align-self-xl-baseline { align-self: baseline !important; } :where(.zofo-rep.zr-bs) .align-self-xl-stretch { align-self: stretch !important; } :where(.zofo-rep.zr-bs) .order-xl-first { order: -1 !important; } :where(.zofo-rep.zr-bs) .order-xl-0 { order: 0 !important; } :where(.zofo-rep.zr-bs) .order-xl-1 { order: 1 !important; } :where(.zofo-rep.zr-bs) .order-xl-2 { order: 2 !important; } :where(.zofo-rep.zr-bs) .order-xl-3 { order: 3 !important; } :where(.zofo-rep.zr-bs) .order-xl-4 { order: 4 !important; } :where(.zofo-rep.zr-bs) .order-xl-5 { order: 5 !important; } :where(.zofo-rep.zr-bs) .order-xl-last { order: 6 !important; } :where(.zofo-rep.zr-bs) .m-xl-0 { margin: 0px !important; } :where(.zofo-rep.zr-bs) .m-xl-1 { margin: 0.25rem !important; } :where(.zofo-rep.zr-bs) .m-xl-2 { margin: 0.5rem !important; } :where(.zofo-rep.zr-bs) .m-xl-3 { margin: 1rem !important; } :where(.zofo-rep.zr-bs) .m-xl-4 { margin: 1.5rem !important; } :where(.zofo-rep.zr-bs) .m-xl-5 { margin: 3rem !important; } :where(.zofo-rep.zr-bs) .m-xl-auto { margin: auto !important; } :where(.zofo-rep.zr-bs) .mx-xl-0 { margin-right: 0px !important; margin-left: 0px !important; } :where(.zofo-rep.zr-bs) .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } :where(.zofo-rep.zr-bs) .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } :where(.zofo-rep.zr-bs) .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } :where(.zofo-rep.zr-bs) .my-xl-0 { margin-top: 0px !important; margin-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } :where(.zofo-rep.zr-bs) .mt-xl-0 { margin-top: 0px !important; } :where(.zofo-rep.zr-bs) .mt-xl-1 { margin-top: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mt-xl-2 { margin-top: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mt-xl-3 { margin-top: 1rem !important; } :where(.zofo-rep.zr-bs) .mt-xl-4 { margin-top: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mt-xl-5 { margin-top: 3rem !important; } :where(.zofo-rep.zr-bs) .mt-xl-auto { margin-top: auto !important; } :where(.zofo-rep.zr-bs) .me-xl-0 { margin-right: 0px !important; } :where(.zofo-rep.zr-bs) .me-xl-1 { margin-right: 0.25rem !important; } :where(.zofo-rep.zr-bs) .me-xl-2 { margin-right: 0.5rem !important; } :where(.zofo-rep.zr-bs) .me-xl-3 { margin-right: 1rem !important; } :where(.zofo-rep.zr-bs) .me-xl-4 { margin-right: 1.5rem !important; } :where(.zofo-rep.zr-bs) .me-xl-5 { margin-right: 3rem !important; } :where(.zofo-rep.zr-bs) .me-xl-auto { margin-right: auto !important; } :where(.zofo-rep.zr-bs) .mb-xl-0 { margin-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .mb-xl-1 { margin-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mb-xl-2 { margin-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mb-xl-3 { margin-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .mb-xl-4 { margin-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mb-xl-5 { margin-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .mb-xl-auto { margin-bottom: auto !important; } :where(.zofo-rep.zr-bs) .ms-xl-0 { margin-left: 0px !important; } :where(.zofo-rep.zr-bs) .ms-xl-1 { margin-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .ms-xl-2 { margin-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .ms-xl-3 { margin-left: 1rem !important; } :where(.zofo-rep.zr-bs) .ms-xl-4 { margin-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .ms-xl-5 { margin-left: 3rem !important; } :where(.zofo-rep.zr-bs) .ms-xl-auto { margin-left: auto !important; } :where(.zofo-rep.zr-bs) .p-xl-0 { padding: 0px !important; } :where(.zofo-rep.zr-bs) .p-xl-1 { padding: 0.25rem !important; } :where(.zofo-rep.zr-bs) .p-xl-2 { padding: 0.5rem !important; } :where(.zofo-rep.zr-bs) .p-xl-3 { padding: 1rem !important; } :where(.zofo-rep.zr-bs) .p-xl-4 { padding: 1.5rem !important; } :where(.zofo-rep.zr-bs) .p-xl-5 { padding: 3rem !important; } :where(.zofo-rep.zr-bs) .px-xl-0 { padding-right: 0px !important; padding-left: 0px !important; } :where(.zofo-rep.zr-bs) .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } :where(.zofo-rep.zr-bs) .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } :where(.zofo-rep.zr-bs) .py-xl-0 { padding-top: 0px !important; padding-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .pt-xl-0 { padding-top: 0px !important; } :where(.zofo-rep.zr-bs) .pt-xl-1 { padding-top: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pt-xl-2 { padding-top: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pt-xl-3 { padding-top: 1rem !important; } :where(.zofo-rep.zr-bs) .pt-xl-4 { padding-top: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pt-xl-5 { padding-top: 3rem !important; } :where(.zofo-rep.zr-bs) .pe-xl-0 { padding-right: 0px !important; } :where(.zofo-rep.zr-bs) .pe-xl-1 { padding-right: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pe-xl-2 { padding-right: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pe-xl-3 { padding-right: 1rem !important; } :where(.zofo-rep.zr-bs) .pe-xl-4 { padding-right: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pe-xl-5 { padding-right: 3rem !important; } :where(.zofo-rep.zr-bs) .pb-xl-0 { padding-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .pb-xl-1 { padding-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pb-xl-2 { padding-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pb-xl-3 { padding-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .pb-xl-4 { padding-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pb-xl-5 { padding-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .ps-xl-0 { padding-left: 0px !important; } :where(.zofo-rep.zr-bs) .ps-xl-1 { padding-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .ps-xl-2 { padding-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .ps-xl-3 { padding-left: 1rem !important; } :where(.zofo-rep.zr-bs) .ps-xl-4 { padding-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .ps-xl-5 { padding-left: 3rem !important; } :where(.zofo-rep.zr-bs) .gap-xl-0 { gap: 0px !important; } :where(.zofo-rep.zr-bs) .gap-xl-1 { gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .gap-xl-2 { gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .gap-xl-3 { gap: 1rem !important; } :where(.zofo-rep.zr-bs) .gap-xl-4 { gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .gap-xl-5 { gap: 3rem !important; } :where(.zofo-rep.zr-bs) .row-gap-xl-0 { row-gap: 0px !important; } :where(.zofo-rep.zr-bs) .row-gap-xl-1 { row-gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .row-gap-xl-2 { row-gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .row-gap-xl-3 { row-gap: 1rem !important; } :where(.zofo-rep.zr-bs) .row-gap-xl-4 { row-gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .row-gap-xl-5 { row-gap: 3rem !important; } :where(.zofo-rep.zr-bs) .column-gap-xl-0 { column-gap: 0px !important; } :where(.zofo-rep.zr-bs) .column-gap-xl-1 { column-gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .column-gap-xl-2 { column-gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .column-gap-xl-3 { column-gap: 1rem !important; } :where(.zofo-rep.zr-bs) .column-gap-xl-4 { column-gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .column-gap-xl-5 { column-gap: 3rem !important; } :where(.zofo-rep.zr-bs) .text-xl-start { text-align: left !important; } :where(.zofo-rep.zr-bs) .text-xl-end { text-align: right !important; } :where(.zofo-rep.zr-bs) .text-xl-center { text-align: center !important; } }
@media (min-width: 1400px) { :where(.zofo-rep.zr-bs) .float-xxl-start { float: left !important; } :where(.zofo-rep.zr-bs) .float-xxl-end { float: right !important; } :where(.zofo-rep.zr-bs) .float-xxl-none { float: none !important; } :where(.zofo-rep.zr-bs) .object-fit-xxl-contain { object-fit: contain !important; } :where(.zofo-rep.zr-bs) .object-fit-xxl-cover { object-fit: cover !important; } :where(.zofo-rep.zr-bs) .object-fit-xxl-fill { object-fit: fill !important; } :where(.zofo-rep.zr-bs) .object-fit-xxl-scale { object-fit: scale-down !important; } :where(.zofo-rep.zr-bs) .object-fit-xxl-none { object-fit: none !important; } :where(.zofo-rep.zr-bs) .d-xxl-inline { display: inline !important; } :where(.zofo-rep.zr-bs) .d-xxl-inline-block { display: inline-block !important; } :where(.zofo-rep.zr-bs) .d-xxl-block { display: block !important; } :where(.zofo-rep.zr-bs) .d-xxl-grid { display: grid !important; } :where(.zofo-rep.zr-bs) .d-xxl-inline-grid { display: inline-grid !important; } :where(.zofo-rep.zr-bs) .d-xxl-table { display: table !important; } :where(.zofo-rep.zr-bs) .d-xxl-table-row { display: table-row !important; } :where(.zofo-rep.zr-bs) .d-xxl-table-cell { display: table-cell !important; } :where(.zofo-rep.zr-bs) .d-xxl-flex { display: flex !important; } :where(.zofo-rep.zr-bs) .d-xxl-inline-flex { display: inline-flex !important; } :where(.zofo-rep.zr-bs) .d-xxl-none { display: none !important; } :where(.zofo-rep.zr-bs) .flex-xxl-fill { flex: 1 1 auto !important; } :where(.zofo-rep.zr-bs) .flex-xxl-row { flex-direction: row !important; } :where(.zofo-rep.zr-bs) .flex-xxl-column { flex-direction: column !important; } :where(.zofo-rep.zr-bs) .flex-xxl-row-reverse { flex-direction: row-reverse !important; } :where(.zofo-rep.zr-bs) .flex-xxl-column-reverse { flex-direction: column-reverse !important; } :where(.zofo-rep.zr-bs) .flex-xxl-grow-0 { flex-grow: 0 !important; } :where(.zofo-rep.zr-bs) .flex-xxl-grow-1 { flex-grow: 1 !important; } :where(.zofo-rep.zr-bs) .flex-xxl-shrink-0 { flex-shrink: 0 !important; } :where(.zofo-rep.zr-bs) .flex-xxl-shrink-1 { flex-shrink: 1 !important; } :where(.zofo-rep.zr-bs) .flex-xxl-wrap { flex-wrap: wrap !important; } :where(.zofo-rep.zr-bs) .flex-xxl-nowrap { flex-wrap: nowrap !important; } :where(.zofo-rep.zr-bs) .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } :where(.zofo-rep.zr-bs) .justify-content-xxl-start { justify-content: flex-start !important; } :where(.zofo-rep.zr-bs) .justify-content-xxl-end { justify-content: flex-end !important; } :where(.zofo-rep.zr-bs) .justify-content-xxl-center { justify-content: center !important; } :where(.zofo-rep.zr-bs) .justify-content-xxl-between { justify-content: space-between !important; } :where(.zofo-rep.zr-bs) .justify-content-xxl-around { justify-content: space-around !important; } :where(.zofo-rep.zr-bs) .justify-content-xxl-evenly { justify-content: space-evenly !important; } :where(.zofo-rep.zr-bs) .align-items-xxl-start { align-items: flex-start !important; } :where(.zofo-rep.zr-bs) .align-items-xxl-end { align-items: flex-end !important; } :where(.zofo-rep.zr-bs) .align-items-xxl-center { align-items: center !important; } :where(.zofo-rep.zr-bs) .align-items-xxl-baseline { align-items: baseline !important; } :where(.zofo-rep.zr-bs) .align-items-xxl-stretch { align-items: stretch !important; } :where(.zofo-rep.zr-bs) .align-content-xxl-start { align-content: flex-start !important; } :where(.zofo-rep.zr-bs) .align-content-xxl-end { align-content: flex-end !important; } :where(.zofo-rep.zr-bs) .align-content-xxl-center { align-content: center !important; } :where(.zofo-rep.zr-bs) .align-content-xxl-between { align-content: space-between !important; } :where(.zofo-rep.zr-bs) .align-content-xxl-around { align-content: space-around !important; } :where(.zofo-rep.zr-bs) .align-content-xxl-stretch { align-content: stretch !important; } :where(.zofo-rep.zr-bs) .align-self-xxl-auto { align-self: auto !important; } :where(.zofo-rep.zr-bs) .align-self-xxl-start { align-self: flex-start !important; } :where(.zofo-rep.zr-bs) .align-self-xxl-end { align-self: flex-end !important; } :where(.zofo-rep.zr-bs) .align-self-xxl-center { align-self: center !important; } :where(.zofo-rep.zr-bs) .align-self-xxl-baseline { align-self: baseline !important; } :where(.zofo-rep.zr-bs) .align-self-xxl-stretch { align-self: stretch !important; } :where(.zofo-rep.zr-bs) .order-xxl-first { order: -1 !important; } :where(.zofo-rep.zr-bs) .order-xxl-0 { order: 0 !important; } :where(.zofo-rep.zr-bs) .order-xxl-1 { order: 1 !important; } :where(.zofo-rep.zr-bs) .order-xxl-2 { order: 2 !important; } :where(.zofo-rep.zr-bs) .order-xxl-3 { order: 3 !important; } :where(.zofo-rep.zr-bs) .order-xxl-4 { order: 4 !important; } :where(.zofo-rep.zr-bs) .order-xxl-5 { order: 5 !important; } :where(.zofo-rep.zr-bs) .order-xxl-last { order: 6 !important; } :where(.zofo-rep.zr-bs) .m-xxl-0 { margin: 0px !important; } :where(.zofo-rep.zr-bs) .m-xxl-1 { margin: 0.25rem !important; } :where(.zofo-rep.zr-bs) .m-xxl-2 { margin: 0.5rem !important; } :where(.zofo-rep.zr-bs) .m-xxl-3 { margin: 1rem !important; } :where(.zofo-rep.zr-bs) .m-xxl-4 { margin: 1.5rem !important; } :where(.zofo-rep.zr-bs) .m-xxl-5 { margin: 3rem !important; } :where(.zofo-rep.zr-bs) .m-xxl-auto { margin: auto !important; } :where(.zofo-rep.zr-bs) .mx-xxl-0 { margin-right: 0px !important; margin-left: 0px !important; } :where(.zofo-rep.zr-bs) .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } :where(.zofo-rep.zr-bs) .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } :where(.zofo-rep.zr-bs) .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } :where(.zofo-rep.zr-bs) .my-xxl-0 { margin-top: 0px !important; margin-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } :where(.zofo-rep.zr-bs) .mt-xxl-0 { margin-top: 0px !important; } :where(.zofo-rep.zr-bs) .mt-xxl-1 { margin-top: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mt-xxl-2 { margin-top: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mt-xxl-3 { margin-top: 1rem !important; } :where(.zofo-rep.zr-bs) .mt-xxl-4 { margin-top: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mt-xxl-5 { margin-top: 3rem !important; } :where(.zofo-rep.zr-bs) .mt-xxl-auto { margin-top: auto !important; } :where(.zofo-rep.zr-bs) .me-xxl-0 { margin-right: 0px !important; } :where(.zofo-rep.zr-bs) .me-xxl-1 { margin-right: 0.25rem !important; } :where(.zofo-rep.zr-bs) .me-xxl-2 { margin-right: 0.5rem !important; } :where(.zofo-rep.zr-bs) .me-xxl-3 { margin-right: 1rem !important; } :where(.zofo-rep.zr-bs) .me-xxl-4 { margin-right: 1.5rem !important; } :where(.zofo-rep.zr-bs) .me-xxl-5 { margin-right: 3rem !important; } :where(.zofo-rep.zr-bs) .me-xxl-auto { margin-right: auto !important; } :where(.zofo-rep.zr-bs) .mb-xxl-0 { margin-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .mb-xxl-1 { margin-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .mb-xxl-2 { margin-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .mb-xxl-3 { margin-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .mb-xxl-4 { margin-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .mb-xxl-5 { margin-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .mb-xxl-auto { margin-bottom: auto !important; } :where(.zofo-rep.zr-bs) .ms-xxl-0 { margin-left: 0px !important; } :where(.zofo-rep.zr-bs) .ms-xxl-1 { margin-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .ms-xxl-2 { margin-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .ms-xxl-3 { margin-left: 1rem !important; } :where(.zofo-rep.zr-bs) .ms-xxl-4 { margin-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .ms-xxl-5 { margin-left: 3rem !important; } :where(.zofo-rep.zr-bs) .ms-xxl-auto { margin-left: auto !important; } :where(.zofo-rep.zr-bs) .p-xxl-0 { padding: 0px !important; } :where(.zofo-rep.zr-bs) .p-xxl-1 { padding: 0.25rem !important; } :where(.zofo-rep.zr-bs) .p-xxl-2 { padding: 0.5rem !important; } :where(.zofo-rep.zr-bs) .p-xxl-3 { padding: 1rem !important; } :where(.zofo-rep.zr-bs) .p-xxl-4 { padding: 1.5rem !important; } :where(.zofo-rep.zr-bs) .p-xxl-5 { padding: 3rem !important; } :where(.zofo-rep.zr-bs) .px-xxl-0 { padding-right: 0px !important; padding-left: 0px !important; } :where(.zofo-rep.zr-bs) .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } :where(.zofo-rep.zr-bs) .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } :where(.zofo-rep.zr-bs) .py-xxl-0 { padding-top: 0px !important; padding-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .pt-xxl-0 { padding-top: 0px !important; } :where(.zofo-rep.zr-bs) .pt-xxl-1 { padding-top: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pt-xxl-2 { padding-top: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pt-xxl-3 { padding-top: 1rem !important; } :where(.zofo-rep.zr-bs) .pt-xxl-4 { padding-top: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pt-xxl-5 { padding-top: 3rem !important; } :where(.zofo-rep.zr-bs) .pe-xxl-0 { padding-right: 0px !important; } :where(.zofo-rep.zr-bs) .pe-xxl-1 { padding-right: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pe-xxl-2 { padding-right: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pe-xxl-3 { padding-right: 1rem !important; } :where(.zofo-rep.zr-bs) .pe-xxl-4 { padding-right: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pe-xxl-5 { padding-right: 3rem !important; } :where(.zofo-rep.zr-bs) .pb-xxl-0 { padding-bottom: 0px !important; } :where(.zofo-rep.zr-bs) .pb-xxl-1 { padding-bottom: 0.25rem !important; } :where(.zofo-rep.zr-bs) .pb-xxl-2 { padding-bottom: 0.5rem !important; } :where(.zofo-rep.zr-bs) .pb-xxl-3 { padding-bottom: 1rem !important; } :where(.zofo-rep.zr-bs) .pb-xxl-4 { padding-bottom: 1.5rem !important; } :where(.zofo-rep.zr-bs) .pb-xxl-5 { padding-bottom: 3rem !important; } :where(.zofo-rep.zr-bs) .ps-xxl-0 { padding-left: 0px !important; } :where(.zofo-rep.zr-bs) .ps-xxl-1 { padding-left: 0.25rem !important; } :where(.zofo-rep.zr-bs) .ps-xxl-2 { padding-left: 0.5rem !important; } :where(.zofo-rep.zr-bs) .ps-xxl-3 { padding-left: 1rem !important; } :where(.zofo-rep.zr-bs) .ps-xxl-4 { padding-left: 1.5rem !important; } :where(.zofo-rep.zr-bs) .ps-xxl-5 { padding-left: 3rem !important; } :where(.zofo-rep.zr-bs) .gap-xxl-0 { gap: 0px !important; } :where(.zofo-rep.zr-bs) .gap-xxl-1 { gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .gap-xxl-2 { gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .gap-xxl-3 { gap: 1rem !important; } :where(.zofo-rep.zr-bs) .gap-xxl-4 { gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .gap-xxl-5 { gap: 3rem !important; } :where(.zofo-rep.zr-bs) .row-gap-xxl-0 { row-gap: 0px !important; } :where(.zofo-rep.zr-bs) .row-gap-xxl-1 { row-gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .row-gap-xxl-2 { row-gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .row-gap-xxl-3 { row-gap: 1rem !important; } :where(.zofo-rep.zr-bs) .row-gap-xxl-4 { row-gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .row-gap-xxl-5 { row-gap: 3rem !important; } :where(.zofo-rep.zr-bs) .column-gap-xxl-0 { column-gap: 0px !important; } :where(.zofo-rep.zr-bs) .column-gap-xxl-1 { column-gap: 0.25rem !important; } :where(.zofo-rep.zr-bs) .column-gap-xxl-2 { column-gap: 0.5rem !important; } :where(.zofo-rep.zr-bs) .column-gap-xxl-3 { column-gap: 1rem !important; } :where(.zofo-rep.zr-bs) .column-gap-xxl-4 { column-gap: 1.5rem !important; } :where(.zofo-rep.zr-bs) .column-gap-xxl-5 { column-gap: 3rem !important; } :where(.zofo-rep.zr-bs) .text-xxl-start { text-align: left !important; } :where(.zofo-rep.zr-bs) .text-xxl-end { text-align: right !important; } :where(.zofo-rep.zr-bs) .text-xxl-center { text-align: center !important; } }
@media (min-width: 1200px) { :where(.zofo-rep.zr-bs) .fs-1 { font-size: 2.5rem !important; } :where(.zofo-rep.zr-bs) .fs-2 { font-size: 2rem !important; } :where(.zofo-rep.zr-bs) .fs-3 { font-size: 1.75rem !important; } :where(.zofo-rep.zr-bs) .fs-4 { font-size: 1.5rem !important; } }
@media print { :where(.zofo-rep.zr-bs) .d-print-inline { display: inline !important; } :where(.zofo-rep.zr-bs) .d-print-inline-block { display: inline-block !important; } :where(.zofo-rep.zr-bs) .d-print-block { display: block !important; } :where(.zofo-rep.zr-bs) .d-print-grid { display: grid !important; } :where(.zofo-rep.zr-bs) .d-print-inline-grid { display: inline-grid !important; } :where(.zofo-rep.zr-bs) .d-print-table { display: table !important; } :where(.zofo-rep.zr-bs) .d-print-table-row { display: table-row !important; } :where(.zofo-rep.zr-bs) .d-print-table-cell { display: table-cell !important; } :where(.zofo-rep.zr-bs) .d-print-flex { display: flex !important; } :where(.zofo-rep.zr-bs) .d-print-inline-flex { display: inline-flex !important; } :where(.zofo-rep.zr-bs) .d-print-none { display: none !important; } }
:where(.zofo-rep.zr-bs) .surveyToast { display: none; position: fixed; top: 50%; left: 50%; width: fit-content; padding: 5px; background-color: rgba(0, 0, 0, 0.8); border-radius: 3px; color: rgb(255, 255, 255); transform: translate(-50%) translateY(-50%); }
:where(.zofo-rep.zr-bs) * { box-sizing: border-box; }
:where(.zofo-rep.zr-bs) .container { width: 100%; max-width: 750px; margin: 0px auto; font-family: Outfit; }
:where(.zofo-rep.zr-bs) .survey-title { font-size: 64px; font-family: Outfit; color: rgb(164, 193, 47); line-height: 1.5; margin: 100px auto 40px; }
:where(.zofo-rep.zr-bs) .survey-text { font-size: 21.55px; line-height: 32px; }
:where(.zofo-rep.zr-bs) .survey-form { margin-top: 30px; background-color: rgb(246, 246, 246); border-radius: 5px; padding: 30px; width: 100%; }
:where(.zofo-rep.zr-bs) .form-title { font-size: 36px; line-height: 50px; padding-bottom: 10px; border-bottom: 2px solid rgb(196, 196, 196); font-weight: 400; }
:where(.zofo-rep.zr-bs) .submit-btn { background-color: rgb(164, 193, 47); color: rgb(255, 255, 255); border-color: rgb(164, 193, 47); border-radius: 50px; width: 100%; margin: 80px auto; }
:where(.zofo-rep.zr-bs) .form-title span { color: red; }
:where(.zofo-rep.zr-bs) .form-item--title { font-size: 20px; line-height: 24px; margin: 20px 0px 15px; }
:where(.zofo-rep.zr-bs) .form-check { margin: 10px 0px; }
:where(.zofo-rep.zr-bs) .banner { width: 46.26vw; height: auto; margin: 40px auto 0px; display: block; }
:where(.zofo-rep.zr-bs) .slogen { width: 33.7vw; height: auto; margin: 20px auto; display: block; }
:where(.zofo-rep.zr-bs) .img-text { width: 77.47vw; height: auto; margin: 0px auto; display: block; }
:where(.zofo-rep.zr-bs) .form-item { width: 100%; margin-top: 20px; margin-bottom: 10px; }
:where(.zofo-rep.zr-bs) .form-check-input.is-valid:checked, :where(.zofo-rep.zr-bs) .was-validated .form-check-input:valid:checked { border-color: rgb(179, 218, 0); }
:where(.zofo-rep.zr-bs) .form-check-input.is-valid:checked, :where(.zofo-rep.zr-bs) .was-validated .form-check-input:valid:checked { background-color: rgb(179, 218, 0); }
:where(.zofo-rep.zr-bs) .form-item-sub { font-size: 14px; color: rgb(76, 76, 76); line-height: 30px; }
:where(.zofo-rep.zr-bs) .form-item-sub span { color: red; }
:where(.zofo-rep.zr-bs) .form-item-sub input { width: 100%; margin-bottom: 10px; }
:where(.zofo-rep.zr-bs) .form-check-label { font-size: 18px; }
.zofo-rep .post-prw-img { position: relative; overflow: hidden; border-radius: var(--radius-md,16px); will-change: transform; }
.zofo-rep .post-prw-img img { width: 100%; }
.zofo-rep .post-prw-text { display: flex; flex-direction: column; justify-content: center; font-size: 15px; line-height: 25px; color: var(--post-previews-color); }
.zofo-rep .post-prw-text > * { margin-bottom: 0px; }
.zofo-rep .post-prw-text > * + .post-prw-teaser { margin-top: 25px; }
@media (max-width: 575px) { .zofo-rep .post-prw-text > * + .post-prw-teaser { margin-top: 15px; } }
.zofo-rep .post-prw-text > * + .post-prw-bot { margin-top: 33px; }
@media (max-width: 575px) { .zofo-rep .post-prw-text > * + .post-prw-bot { margin-top: 23px; } }
.zofo-rep .post-prw-text > * + .post-prw-meta { margin-top: 9px; }
.zofo-rep .post-prw-text .btn-link-wrap { display: none; }
.zofo-rep .post-prw-meta { font-size: 13px; color: var(--post-previews-meta-color); }
.zofo-rep .post-prw-meta a { color: var(--post-previews-link-color); }
.zofo-rep .post-prw-meta a:hover { color: var(--post-previews-link-hover-color); text-decoration: none; }
.zofo-rep .post-prw-meta b { font-weight: var(--font-weight-700); color: var(--post-previews-meta-label-color); }
.zofo-rep .post-prw-bot { font-size: 13px; color: var(--post-previews-meta-color); }
.zofo-rep .post-prw-bot a:not(.btn) { color: var(--post-previews-link-color); }
.zofo-rep .post-prw-bot a:not(.btn):hover { color: var(--post-previews-link-hover-color); text-decoration: none; }
.zofo-rep .post-prw-bot .btn { min-width: 170px; }
@media (max-width: 1465px) { .zofo-rep .post-prw-bot .btn { min-width: 150px; } }
@media (max-width: 575px) { .zofo-rep .post-prw-bot .btn { min-width: 120px; } }
.zofo-rep .post-prw-title { font-size: 21px; line-height: 1.2em; font-weight: var(--font-weight-600); }
.zofo-rep .post-prw-title, .zofo-rep .post-prw-title a { color: var(--post-previews-title-color); }
.zofo-rep .post-prw-title a { text-decoration: none; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .post-prw-title a:hover { color: var(--post-previews-title-color-hover); } }
.zofo-rep .post-prw-teaser { word-break: break-all; }
.zofo-rep .post-prws-grid .post-prw.post-prw--compact .post-prw-text { text-align: center; }
.zofo-rep .post-prws-grid .post-prw.post-prw--compact .post-prw-title { font-size: 25px; line-height: 1.4em; }
.zofo-rep .post-prws-grid .post-prw.post-prw--compact .post-prw-author { margin-left: 0px; }
.zofo-rep .post-prws-grid .post-prw.post-prw--compact .post-prw-meta { justify-content: space-evenly; }
.zofo-rep .post-prw-img-date { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; top: 22px; left: 22px; width: 1em; height: 1em; color: var(--post-previews-date-color); background-color: var(--post-previews-date-bg); border-radius: calc(var(--radius-xl) * .5); z-index: 1; font-size: 68px; }
@media (max-width: 575px) { .zofo-rep .post-prw-img-date { font-size: 50px; top: 13px; left: 13px; } }
.zofo-rep .post-prw-img-date span:first-child { font-size: 0.5em; line-height: 1em; font-weight: var(--font-weight-700); }
.zofo-rep .post-prw-img-date span:last-child { margin-top: 2px; font-size: 0.2206em; line-height: 1em; font-weight: var(--font-weight-600); }
@media (max-width: 575px) { .zofo-rep .post-prw-img-date span:last-child { font-size: 0.24em; } }
@media (max-width: 1024px) { .zofo-rep .post-prws-listing .row > .post-prw-img > .post-prw-img-date { margin-left: calc(var(--bs-gutter-x) * .5); } }
.zofo-rep .post-prw.post-prw--vert { --post-previews-bg: var(--post-previews-card-bg); --post-previews-color: var(--post-previews-card-color); --post-previews-title-color: var(--post-previews-card-title-color); --post-previews-title-color-hover: var(--post-previews-card-title-color-hover); --post-previews-meta-color: var(--post-previews-card-meta-color); --post-previews-meta-label-color: var(--post-previews-card-meta-label-color); --post-previews-link-color: var(--post-previews-card-link-color); --post-previews-link-hover-color: var(--post-previews-card-link-hover-color); }
.zofo-rep .post-prw.post-prw--vert .post-prw-img { position: relative; overflow: hidden; border-radius: var(--radius-md,16px); will-change: transform; }
.zofo-rep .post-prw.post-prw--vert .post-prw-img img { width: 100%; }
.zofo-rep .post-prw.post-prw--vert > .row { --bs-gutter-x: 0; flex-direction: column; }
.zofo-rep .post-prw.post-prw--vert > .row > .post-prw-text { background: var(--post-previews-bg); padding: 38px 30px; margin: 0px 15px; text-align: center; border-radius: var(--radius-sm); width: auto; position: relative; display: flex; flex-direction: column; justify-content: center; font-size: 15px; line-height: 22px; color: var(--post-previews-color); word-break: break-word; }
.zofo-rep .post-prw.post-prw--vert > .row > .post-prw-text:not(:first-child) { margin-top: -90px; }
@media (max-width: 575px) { .zofo-rep .post-prw.post-prw--vert > .row > .post-prw-text { padding: 30px 25px; } }
.zofo-rep .post-prw.post-prw--vert > .row > .post-prw-text > * { margin-bottom: 0px; }
.zofo-rep .post-prw.post-prw--vert > .row > .post-prw-text > * + .post-prw2-teaser { margin-top: 18px; }
@media (max-width: 575px) { .zofo-rep .post-prw.post-prw--vert > .row > .post-prw-text > * + .post-prw2-teaser { margin-top: 15px; } }
.zofo-rep .post-prw.post-prw--vert > .row > .post-prw-text > * + .post-prw2-bot { margin-top: 33px; }
@media (max-width: 575px) { .zofo-rep .post-prw.post-prw--vert > .row > .post-prw-text > * + .post-prw2-bot { margin-top: 23px; } }
.zofo-rep .post-prw.post-prw--vert > .row > .post-prw-text > * + .post-prw2-meta { margin-top: 9px; }
.zofo-rep .post-prw.post-prw--vert .post-prw-meta { justify-content: space-evenly; font-size: 13px; color: var(--post-previews-meta-color); }
.zofo-rep .post-prw.post-prw--vert .post-prw-meta a { color: var(--post-previews-link-color); }
.zofo-rep .post-prw.post-prw--vert .post-prw-meta a:hover { color: var(--post-previews-link-hover-color); text-decoration: none; }
.zofo-rep .post-prw.post-prw--vert .post-prw-meta b { font-weight: var(--font-weight-500); color: var(--post-previews-meta-label-color); }
.zofo-rep .post-prw.post-prw--vert .post-prw-bot { font-size: 13px; color: var(--post-previews-meta-color); }
.zofo-rep .post-prw.post-prw--vert .post-prw-bot a:not(.btn) { color: var(--post-previews-link-color); }
.zofo-rep .post-prw.post-prw--vert .post-prw-bot a:not(.btn):hover { color: var(--post-previews-link-hover-color); text-decoration: none; }
.zofo-rep .post-prw.post-prw--vert .post-prw-bot .btn { min-width: 170px; }
@media (max-width: 575px) { .zofo-rep .post-prw.post-prw--vert .post-prw-bot .btn { min-width: 150px; } }
.zofo-rep .post-prw.post-prw--vert .post-prw-title { font-size: 21px; line-height: 1.2em; font-weight: var(--font-weight-400); }
.zofo-rep .post-prw.post-prw--vert .post-prw-title, .zofo-rep .post-prw.post-prw--vert .post-prw-title a { color: var(--post-previews-title-color); }
.zofo-rep .post-prw.post-prw--vert .post-prw-title a { text-decoration: none; }
.zofo-rep .post-prw.post-prw--vert .post-prw-title a:hover { color: var(--post-previews-title-hover-color); }
.zofo-rep .post-prw.post-prw--vert .post-prw-teaser { font-weight: var(--font-weight-300); }
.zofo-rep .post-prw-sm > .row { min-height: 85px; }
.zofo-rep .post-prw-sm > .row > .col { max-width: calc(100% - 115px); }
.zofo-rep .post-prw-sm .post-prw-img { display: block; overflow: hidden; height: 100%; border-radius: var(--radius-md,16px); will-change: transform; }
.zofo-rep .post-prw-sm .post-prw-img img { width: 85px; height: 100%; object-fit: cover; }
.zofo-rep .post-prw-sm .post-prw-img .image-container { width: 85px; height: 100%; max-height: 85px; border-radius: var(--radius-md,16px); }
.zofo-rep .post-prw-sm .post-prw-date { margin-top: 7px; font-size: 13px; color: var(--post-previews-color); }
.zofo-rep .post-prw-sm .post-prw-title { font-size: 15px; line-height: 23px; font-weight: var(--font-weight-400); margin-bottom: 0px; }
.zofo-rep .post-prw-sm .post-prw-title, .zofo-rep .post-prw-sm .post-prw-title a { color: var(--post-previews-title-color); }
.zofo-rep .post-prw-sm .post-prw-title a { text-decoration: none; }
@media (hover: hover), (hover: none) and (min-width: 1025px) { .zofo-rep .post-prw-sm .post-prw-title a:hover { color: var(--post-previews-title-color-hover); } }
.zofo-rep .post-prw-sm + .post-prw-sm { margin-top: 20px; }
.zofo-rep .post-prw-sm .post-prw-meta { flex-direction: column; }
.zofo-rep .post-prw-sm .post-prw-btn { display: none; }
.zofo-rep .post-prws-grid { pointer-events: none; }
.zofo-rep .post-prws-grid.swiper-container { padding: 15px 15px 20px; margin: 0px 15px 0px 0px; }
.zofo-rep .post-prws-grid > * { pointer-events: all; }
.zofo-rep .post-prws-grid:not(.swiper-container) { margin-top: -80px; }
.zofo-rep .post-prws-grid:not(.swiper-container) > * { margin-top: 80px; }
@media (max-width: 575px) { .zofo-rep .post-prws-grid:not(.swiper-container) { margin-top: -70px; } .zofo-rep .post-prws-grid:not(.swiper-container) > * { margin-top: 70px; } }
.zofo-rep .post-prws-grid .post-prw > .row { flex-direction: column; margin-left: 0px; margin-right: 0px; }
.zofo-rep .post-prws-grid .post-prw > .row > * { padding-left: 0px; padding-right: 0px; }
@media (min-width: 1025px) { .zofo-rep .post-prws-grid .post-prw > .row { margin-top: 0px; } .zofo-rep .post-prws-grid .post-prw > .row > * { margin-top: 0px; } }
.zofo-rep .post-prws-grid .post-prw .post-prw-text { margin-top: 30px; word-break: break-word; }
@media (max-width: 575px) { .zofo-rep .post-prws-grid .post-prw .post-prw-text { margin-top: 20px; } }
.zofo-rep .post-prws-grid .post-prw .post-prw-text > * + .post-prw-teaser { margin-top: 15px; }
@media (max-width: 575px) { .zofo-rep .post-prws-grid .post-prw .post-prw-text > * + .post-prw-teaser { margin-top: 14px; } }
.zofo-rep .post-prws-grid .post-prw .post-prw-text > * + .post-prw-meta { margin-top: 9px; }
.zofo-rep .post-prws-grid .post-prw .post-prw-text > * + .post-prw-bot { margin-top: 15px; }
@media (max-width: 575px) { .zofo-rep .post-prws-grid .post-prw .post-prw-text > * + .post-prw-bot { margin-top: 12px; } }
@media (min-width: 1200px) { .zofo-rep .post-prws-grid .post-prw .post-prw-meta { margin-right: calc(var(--bs-gutter-x) * -.4); margin-left: calc(var(--bs-gutter-x) * -.4); } .zofo-rep .post-prws-grid .post-prw .post-prw-meta > * { padding-right: calc(var(--bs-gutter-x) * .4); padding-left: calc(var(--bs-gutter-x) * .4); } }
@media (min-width: 1025px) { .zofo-rep .post-prws-grid .post-prw .post-prw-bot > .col-auto { display: none; } }
.zofo-rep .post-prws-grid .post-prw .btn-link.btn-link--md { display: inline; }
.zofo-rep .post-prws-grid .post-prw .btn-link.btn-link--md .icon-wrap { position: relative; top: 4px; }
.zofo-rep .post-prws-grid .post-prw .post-prw-bot .btn-link-wrap { display: inline; }
.zofo-rep .post-prws-grid [class*="col"] .post-prw-img-date { font-size: 50px; top: 13px; left: 13px; }
.zofo-rep .post-prws-grid [class*="col"] .post-prw-img-date span:last-child { font-size: 0.24em; }
.zofo-rep .post-prws-listing > .post-prw + .post-prw { margin-top: 60px; }
@media (max-width: 575px) { .zofo-rep .post-prws-listing > .post-prw + .post-prw { margin-top: 70px; } }
.zofo-rep .post-prws-listing > .post-prw.post-prw--vert + .post-prw { margin-top: 87px; }
@media (max-width: 1199px) { .zofo-rep .post-prws-listing > .post-prw.post-prw--vert + .post-prw { margin-top: 60px; } }
@media (max-width: 575px) { .zofo-rep .post-prws-listing > .post-prw.post-prw--vert + .post-prw { margin-top: 60px; } }
@media (min-width: 1025px) { .zofo-rep .post-prws-listing .post-prw > .row { margin-left: 0px; margin-right: 0px; } .zofo-rep .post-prws-listing .post-prw > .row .post-prw-img { padding-left: 0px; padding-right: 0px; } .zofo-rep .post-prws-listing .post-prw > .row .post-prw-text { padding-right: 0px; word-break: break-word; } }
@media (min-width: 920px) { .zofo-rep .post-prws-listing .post-prw .post-prw-img { flex: 0 0 auto; width: 41.667%; } .zofo-rep .post-prws-listing .post-prw .post-prw-bot .btn-link-wrap { display: inline; } }
@media (max-width: 767px) { .zofo-rep .post-prws-listing .post-prw .post-prw-meta .btn-link-wrap { display: inline; } }
.zofo-rep .post-prws-listing .post-prw .post-prw-text { margin-top: 0px; word-break: break-word; }
@media (min-width: 1025px) { .zofo-rep .post-prws-listing .post-prw .post-prw-text { padding-left: 50px; } }
@media (min-width: 1200px) { .zofo-rep .post-prws-listing .post-prw .post-prw-text { padding-left: 70px; } }
@media (min-width: 950px) { .zofo-rep .post-prws-listing .post-prw .post-prw-text { flex: 0 0 auto; width: 58.333%; } }
@media (max-width: 575px) { .zofo-rep .post-prws-listing .post-prw .post-prw-text { margin-top: 20px; } }
@media (max-width: 949px) { .zofo-rep .post-prws-listing .post-prw .post-prw-text { margin-top: 30px; width: 100%; } }
@media (min-width: 1200px) { .zofo-rep .post-prws-listing .post-prw .post-prw-meta { margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); } .zofo-rep .post-prws-listing .post-prw .post-prw-meta > * { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .zofo-rep .post-prws-listing .post-prw .post-prw-bot > .col-auto { padding-right: calc(var(--bs-gutter-x) * .7); } }
.zofo-rep .post-prws-listing .post-prw.post-prw--image-off .post-prw-img { display: none; }
.zofo-rep .post-prws-listing .post-prw.post-prw--image-off .post-prw-text { width: 100%; }
@media (min-width: 1025px) { .zofo-rep .post-prws-listing .post-prw.post-prw--image-off .post-prw-text { padding-left: 0px; } }
@media (min-width: 1025px) { .zofo-rep .aside .post-prws-listing .post-prw .post-prw-text:not(:first-child) { padding-left: 30px; } }
.zofo-rep .aside .post-prws-listing .post-prw .post-prw-text > * + .post-prw-bot { margin-top: 20px; }
.zofo-rep .aside .post-prws-listing .post-prw .post-prw-text > * + .post-prw-teaser { margin-top: 15px; }
.zofo-rep { font-size: 15px; line-height: 25px; color: rgb(0, 0, 0); font-family: Outfit, sans-serif; letter-spacing: normal; font-weight: 400; }
.zofo-rep{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:hidden}
.entry-content .zofo-rep .shopify-section,.entry-content .zofo-rep>*{max-width:none!important}
.ast-container:has(.zofo-rep),#primary:has(.zofo-rep),.entry-content:has(.zofo-rep){max-width:none!important;padding-left:0!important;padding-right:0!important;margin-top:0!important;margin-bottom:0!important}
.site-content:has(.zofo-rep) #primary{margin:0!important}