:root { color-scheme: light; --mek-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --mek-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; --mek-font-site-sans: "Nunito Sans", sans-serif; --mek-font-site-serif: "Libre Baskerville", serif; --mek-font-site-script: "Cookie", cursive; --mek-font: var(--mek-font-sans); --mek-font-weight-regular: 400; --mek-font-weight-medium: 500; --mek-font-weight-semibold: 600; --mek-font-weight-bold: 700; --mek-font-weight-extrabold: 800; --mek-line-height-tight: 1.2; --mek-line-height-base: 1.6; --mek-brand-primary: #1977cc; --mek-brand-primary-hover: #1566af; --mek-brand-primary-rgb: 25 119 204; --mek-brand-primary-soft: #e8f2fa; --mek-brand-primary-deep: #0d3e6a; --mek-brand-navy: #121B4D; --mek-brand-navy-deep: #0F172A; --mek-brand-on-primary: #ffffff; --mek-color-background: #f5f7fb; --mek-color-surface: #ffffff; --mek-color-surface-soft: #f8fafc; --mek-color-surface-subtle: #fbfcfe; --mek-color-surface-elevated: #ffffff; --mek-color-text: #142033; --mek-color-text-secondary: #334155; --mek-color-muted: #64748b; --mek-color-subtle: #94a3b8; --mek-color-disabled: #aab4c3; --mek-color-border: #d9e2ee; --mek-color-border-strong: #c5d0df; --mek-color-border-subtle: #e8edf3; --mek-color-on-dark: #ffffff; --mek-color-success: #027a48; --mek-color-success-hover: #05603a; --mek-color-success-soft: #ecfdf3; --mek-color-success-border: #bbf7d0; --mek-color-on-success: #ffffff; --mek-color-warning: #b54708; --mek-color-warning-hover: #92400e; --mek-color-warning-soft: #fffbeb; --mek-color-warning-border: #fde68a; --mek-color-on-warning: #ffffff; --mek-color-danger: #b42318; --mek-color-danger-hover: #912018; --mek-color-danger-soft: #fff1f0; --mek-color-danger-border: #fecaca; --mek-color-on-danger: #ffffff; --mek-color-info: #175cd3; --mek-color-info-hover: #1849a9; --mek-color-info-soft: #eff8ff; --mek-color-info-border: #bfdbfe; --mek-color-on-info: #ffffff; --mek-color-primary: var(--mek-brand-primary); --mek-color-primary-hover: var(--mek-brand-primary-hover); --mek-color-primary-soft: var(--mek-brand-primary-soft); --mek-color-primary-strong: var(--mek-brand-primary-deep); --mek-color-on-primary: var(--mek-brand-on-primary); --mek-color-bg: var(--mek-color-background); --mek-color-text-muted: var(--mek-color-muted); --mek-color-surface-muted: var(--mek-color-surface-soft); --mek-focus: var(--mek-brand-primary); --mek-focus-ring: rgb(var(--mek-brand-primary-rgb) / .24); --mek-overlay-soft: rgb(15 23 42 / .40); --mek-overlay: rgb(15 23 42 / .58); --mek-overlay-strong: rgb(15 23 42 / .68); --mek-radius-xs: 6px; --mek-radius-sm: 12px; --mek-radius: 16px; --mek-radius-lg: 22px; --mek-radius-xl: 28px; --mek-shadow-xs: 0 1px 2px rgb(15 23 42 / .05); --mek-shadow-sm: 0 5px 18px rgb(15 23 42 / .06); --mek-shadow-md: 0 22px 60px rgb(15 23 42 / .13); --mek-shadow-lg: 0 30px 90px rgb(15 23 42 / .18); --mek-space-1: .25rem; --mek-space-2: .5rem; --mek-space-3: .75rem; --mek-space-4: 1rem; --mek-space-5: 1.5rem; --mek-space-6: 2rem; --mek-space-7: 2.5rem; --mek-space-8: 3rem; --mek-container: 72rem; --mek-duration-fast: 120ms; --mek-duration-normal: 160ms; --mek-duration-slow: 240ms; --mek-ease-standard: ease; --mek-ease-emphasized: cubic-bezier(.2, .8, .2, 1); --mek-transition: var(--mek-duration-normal) var(--mek-ease-standard); --mek-z-dropdown: 1000; --mek-z-modal: 30000; --mek-z-toast: 31000; } :root[data-theme="dark"], :root[data-admin-mode="dark"], :root[data-admin-scheme="dark"] { color-scheme: dark; --mek-color-background: #0f141d; --mek-color-surface: #171e29; --mek-color-surface-soft: #202936; --mek-color-surface-subtle: #151b24; --mek-color-surface-elevated: #1b2430; --mek-color-text: #f3f6fa; --mek-color-text-secondary: #ced4da; --mek-color-muted: #aab4c3; --mek-color-subtle: #94a3b8; --mek-color-disabled: #778291; --mek-color-border: #303b4b; --mek-color-border-strong: #445064; --mek-color-border-subtle: #25303d; --mek-color-success: #35b879; --mek-color-success-hover: #50c98d; --mek-color-success-soft: #14382b; --mek-color-success-border: #245b45; --mek-color-warning: #e6a83c; --mek-color-warning-hover: #f0b957; --mek-color-warning-soft: #3c2e16; --mek-color-warning-border: #665022; --mek-color-danger: #f06472; --mek-color-danger-hover: #f57b87; --mek-color-danger-soft: #421f27; --mek-color-danger-border: #6e303b; --mek-color-info: #5aa9ee; --mek-color-info-hover: #76b8f1; --mek-color-info-soft: #17314a; --mek-color-info-border: #29577f; --mek-focus-ring: rgb(var(--mek-brand-primary-rgb) / .34); --mek-overlay-soft: rgb(3 7 18 / .56); --mek-overlay: rgb(3 7 18 / .70); --mek-overlay-strong: rgb(3 7 18 / .80); --mek-shadow-xs: 0 1px 2px rgb(0 0 0 / .20); --mek-shadow-sm: 0 8px 24px rgb(0 0 0 / .22); --mek-shadow-md: 0 24px 65px rgb(0 0 0 / .34); --mek-shadow-lg: 0 32px 95px rgb(0 0 0 / .46); } html[data-loading-strategy="preloader"][data-loading-state="pending"], html[data-loading-strategy="preloader"][data-loading-state="pending"] body, html.coop-site-pending, html.coop-site-pending body, html.coop-preloader-pending, html.coop-preloader-pending body { min-height: 100%; } html[data-loading-strategy="preloader"][data-loading-state="pending"] body > :not(.coop-preloader), html.coop-site-pending body > :not(.coop-preloader), html.coop-preloader-pending body > :not(.coop-preloader) { visibility: hidden !important; pointer-events: none !important; } html.coop-preloading, html.coop-preloading body { overflow: hidden !important; } html.coop-preloader-skip .coop-preloader { display: none !important; } .coop-preloader { position: fixed; inset: 0; z-index: 1000000; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--mek-brand-primary) 16%, transparent) 0%, color-mix(in srgb, var(--mek-brand-primary) 5.5%, transparent) 22%, color-mix(in srgb, var(--mek-brand-navy-deep) 0%, transparent) 52%), var(--mek-brand-navy-deep); opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(0, 0, 0); contain: layout paint style; will-change: opacity; } html[data-loading-strategy="preloader"][data-loading-state="pending"] .coop-preloader, html.coop-preloader-pending .coop-preloader, .coop-preloader.is-visible, html.coop-preloading .coop-preloader { opacity: 1; visibility: visible; pointer-events: auto; } .coop-preloader.is-finishing { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); pointer-events: none; } .coop-preloader.is-finishing .coop-preloader-inner { opacity: 0; transform: translateY(-4px) scale(0.985); transition: opacity 0.16s ease, transform 0.16s ease; } .coop-preloader::before, .coop-preloader::after { content: ""; position: absolute; width: clamp(220px, 28vw, 520px); aspect-ratio: 1; border: 1px solid color-mix(in srgb, var(--mek-brand-primary) 12%, transparent); border-radius: 50%; pointer-events: none; } .coop-preloader::before { top: -22%; right: -8%; } .coop-preloader::after { bottom: -28%; left: -10%; opacity: 0.72; } .coop-preloader-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: min(88vw, 360px); text-align: center; opacity: 1; transform: translateY(-4px); } .coop-preloader-logo { display: block; width: clamp(205px, 16vw, 250px); max-width: 76vw; height: auto; margin: 0 auto 24px; filter: drop-shadow(0 10px 28px rgba(0, 0, 0, 0.14)); animation: coopPreloaderLogoIn 0.58s cubic-bezier(0.22, 1, 0.36, 1) both; } .coop-preloader-loader { position: relative; display: block; width: 50px; height: 50px; margin: 0 auto; animation: coopLoaderSpin 1.5s linear infinite; } .coop-preloader-loader::before, .coop-preloader-loader::after { content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; } .coop-preloader-loader::before { margin-bottom: 10px; background: var(--mek-brand-primary); box-shadow: 30px 0 0 var(--mek-brand-primary); animation: coopLoaderBallOne 1.5s ease-in-out infinite; } .coop-preloader-loader::after { background: #ffffff; box-shadow: 30px 0 0 #66b7ff; animation: coopLoaderBallTwo 1.5s ease-in-out infinite; } .coop-preloader-status { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } @keyframes coopPreloaderLogoIn { from { opacity: 0; transform: translateY(8px) scale(0.985); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes coopLoaderSpin { 0% { transform: rotate(0deg) scale(0.82); } 50% { transform: rotate(360deg) scale(1); } 100% { transform: rotate(720deg) scale(0.82); } } @keyframes coopLoaderBallOne { 0% { box-shadow: 30px 0 0 var(--mek-brand-primary); } 50% { box-shadow: 0 0 0 var(--mek-brand-primary); margin-bottom: 0; transform: translate(15px, 15px); } 100% { box-shadow: 30px 0 0 var(--mek-brand-primary); margin-bottom: 10px; } } @keyframes coopLoaderBallTwo { 0% { box-shadow: 30px 0 0 #66b7ff; } 50% { box-shadow: 0 0 0 #66b7ff; margin-top: -20px; transform: translate(15px, 15px); } 100% { box-shadow: 30px 0 0 #66b7ff; margin-top: 0; } } @media (max-width: 575px) { .coop-preloader-logo { width: min(205px, 64vw); margin-bottom: 20px; } .coop-preloader-loader { width: 44px; height: 44px; transform-origin: center; } .coop-preloader-loader::before, .coop-preloader-loader::after { width: 17px; height: 17px; } .coop-preloader-loader::before { box-shadow: 27px 0 0 var(--mek-brand-primary); } .coop-preloader-loader::after { box-shadow: 27px 0 0 #66b7ff; } } @media (prefers-reduced-motion: reduce) { .coop-preloader-logo, .coop-preloader-loader, .coop-preloader-loader::before, .coop-preloader-loader::after { animation: none !important; } .coop-preloader.is-finishing .coop-preloader-inner { transition: none !important; } }