:root { --ch-theme-blue: #0080ff; --ch-theme-blue-dark: #005fcc; --ch-theme-bg: #eef3f8; --ch-theme-surface: #ffffff; --ch-theme-surface-soft: #eef3f8; --ch-theme-text: #101828; --ch-theme-muted: #526174; --ch-theme-border: #c4cfdd; --ch-theme-shadow: 0 18px 50px rgba(16, 24, 40, .12); --ch-theme-radius: 18px; --ch-theme-max: 1180px; --ch-theme-wide: 1440px; } * { box-sizing: border-box; } html { min-height: 100%; } body.ch-theme { min-height: 100%; margin: 0; color: var(--ch-theme-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.55; } body.ch-theme:not(.ch-theme-elementor-page) { background: radial-gradient(circle at top left, rgba(0,128,255,.12), transparent 30rem), var(--ch-theme-bg); } body.ch-theme.admin-bar .ch-theme-header { top: 32px; } a { color: var(--ch-theme-blue-dark); text-decoration: none; } a:hover { text-decoration: underline; } img { max-width: 100%; height: auto; } .ch-theme [hidden], .ch-theme .ch-comment-menu-dropdown[hidden], .ch-theme .ch-post-menu-dropdown[hidden], .ch-theme .ch-activity-menu-dropdown[hidden], .ch-theme .ch-repost-combo-menu[hidden], .ch-theme .ch-repost-modal[hidden], .ch-theme .ch-reply-form[hidden], .ch-theme .ch-edit-form[hidden], .ch-theme .ch-comment-edit-form[hidden], .ch-theme .ch-profile-editor[hidden] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .screen-reader-text, .ch-theme-skip-link:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .ch-theme-skip-link:focus { position: fixed; top: 12px; left: 12px; z-index: 9999; background: #fff; color: var(--ch-theme-text); padding: 10px 14px; border-radius: 10px; box-shadow: var(--ch-theme-shadow); } .ch-theme-container, .ch-theme-header-inner, .ch-theme-footer-inner { width: min(var(--ch-theme-max), calc(100% - 32px)); margin: 0 auto; } .ch-theme-container--wide, .ch-theme-header--wide .ch-theme-header-inner { width: min(var(--ch-theme-wide), calc(100% - 32px)); } .ch-theme-header { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,.94); backdrop-filter: blur(14px); border-bottom: 1px solid var(--ch-theme-border); } .ch-theme-header-top { background: rgba(255,255,255,.96); } .ch-theme-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 72px; padding: 10px 0; } .ch-theme-brand { display: flex; flex-direction: column; justify-content: center; min-width: 160px; max-width: 320px; flex: 0 1 auto; } .ch-theme-site-title { font-weight: 900; font-size: clamp(1.05rem, 2vw, 1.32rem); letter-spacing: -.03em; line-height: 1.05; color: var(--ch-theme-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ch-theme-site-description { color: var(--ch-theme-muted); font-size: .8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .custom-logo-link img { display: block; max-height: 56px; width: auto; } .ch-theme-primary-menu--desktop { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; } .ch-theme-primary-menu .ch-theme-menu-list, .ch-theme-community-menu .ch-theme-menu-list, .ch-theme-footer-menu-list { list-style: none; padding: 0; margin: 0; display: flex; gap: 6px 14px; align-items: center; justify-content: center; flex-wrap: wrap; } .ch-theme-primary-menu a, .ch-theme-community-menu a, .ch-theme-footer-menu a { color: var(--ch-theme-text); font-weight: 750; line-height: 1.2; text-decoration: none; padding: 8px 4px; } .ch-theme-primary-menu a:hover, .ch-theme-community-menu a:hover, .ch-theme-footer-menu a:hover { color: var(--ch-theme-blue-dark); text-decoration: none; } .ch-theme-primary-menu .sub-menu, .ch-theme-community-menu .sub-menu { list-style: none; margin: 0; padding: 8px; position: absolute; left: -999em; top: 100%; min-width: 210px; background: #fff; border: 1px solid var(--ch-theme-border); border-radius: 14px; box-shadow: var(--ch-theme-shadow); z-index: 1002; } .ch-theme-primary-menu li, .ch-theme-community-menu li { position: relative; } .ch-theme-primary-menu li:hover > .sub-menu, .ch-theme-primary-menu li:focus-within > .sub-menu, .ch-theme-community-menu li:hover > .sub-menu, .ch-theme-community-menu li:focus-within > .sub-menu { left: 0; } .ch-theme-primary-menu .sub-menu a, .ch-theme-community-menu .sub-menu a { display: block; padding: 9px 10px; border-radius: 10px; white-space: nowrap; } .ch-theme-primary-menu .sub-menu a:hover, .ch-theme-community-menu .sub-menu a:hover { background: var(--ch-theme-surface-soft); } .ch-theme-header-widgets { flex: 0 1 220px; min-width: 0; font-size: .92rem; } .ch-theme-header-widgets .ch-theme-widget { margin: 0; } .ch-theme-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-width: 0; flex: 0 0 auto; } .ch-theme-account { display: flex; align-items: center; gap: 10px; min-width: 0; } .ch-theme-account-link { display: inline-flex; align-items: center; gap: 8px; color: var(--ch-theme-text); font-weight: 850; max-width: 220px; min-width: 0; text-decoration: none; } .ch-theme-account-link:hover { text-decoration: none; color: var(--ch-theme-blue-dark); } .ch-theme-account-link span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ch-theme-account-avatar { width: 38px; height: 38px; border-radius: 999px; border: 2px solid #fff; box-shadow: 0 5px 18px rgba(16,24,40,.12); flex: 0 0 auto; } .ch-theme-login, .ch-theme-logout, .ch-theme-button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 32px; padding: 5px 9px; border-radius: 8px; border: 1px solid rgba(205,216,230,.98); background: #fff; color: #1d2939; font-weight: 760; font-size: .8rem; line-height: 1.1; text-align: center; text-decoration: none; box-shadow: 0 2px 6px rgba(16,24,40,.045); white-space: nowrap; } .ch-theme-login:hover, .ch-theme-logout:hover, .ch-theme-button:hover { text-decoration: none; border-color: rgba(0,128,255,.35); color: var(--ch-theme-blue-dark); } .ch-theme-nav-bar { border-top: 1px solid rgba(217,227,240,.75); background: linear-gradient(180deg, rgba(248,251,255,.92), rgba(255,255,255,.88)); } .ch-theme-header-inner--nav { min-height: 50px; padding: 7px 0; justify-content: center; gap: 14px; } .ch-theme-community-nav { display: flex; align-items: center; justify-content: center; gap: 9px; flex-wrap: wrap; min-width: 0; } .ch-theme-nav-pill { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(217,227,240,.95); background: #fff; color: #1d2939; font-weight: 850; font-size: .9rem; line-height: 1; text-decoration: none; box-shadow: 0 8px 22px rgba(16,24,40,.04); transition: transform .15s ease, border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease; white-space: nowrap; } .ch-theme-nav-pill:hover { transform: translateY(-1px); text-decoration: none; border-color: rgba(0,128,255,.35); box-shadow: 0 12px 28px rgba(0,128,255,.12); } .ch-theme-nav-pill.is-active { background: linear-gradient(135deg, var(--ch-theme-blue), var(--ch-theme-blue-dark)); border-color: transparent; color: #fff; box-shadow: 0 14px 32px rgba(0,128,255,.22); } .ch-theme-nav-icon { font-size: 1rem; line-height: 1; } .ch-theme-menu-toggle { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--ch-theme-border); border-radius: 14px; background: #fff; cursor: pointer; } .ch-theme-menu-toggle-bars, .ch-theme-menu-toggle-bars::before, .ch-theme-menu-toggle-bars::after { display: block; width: 20px; height: 2px; background: var(--ch-theme-text); border-radius: 999px; content: ""; position: relative; } .ch-theme-menu-toggle-bars::before { position: absolute; top: -7px; } .ch-theme-menu-toggle-bars::after { position: absolute; top: 7px; } .ch-theme-menu-panel { display: none; position: absolute; top: 100%; left: 16px; right: 16px; background: #fff; border: 1px solid var(--ch-theme-border); border-radius: 18px; box-shadow: var(--ch-theme-shadow); padding: 14px; align-items: stretch; flex-direction: column; gap: 12px; } .ch-theme-menu-open .ch-theme-menu-panel { display: flex; } .ch-theme-primary-menu--mobile .ch-theme-menu-list, .ch-theme-community-menu--mobile .ch-theme-menu-list { flex-direction: column; align-items: stretch; justify-content: flex-start; } .ch-theme-primary-menu--mobile a, .ch-theme-community-menu--mobile a { display: block; padding: 11px 12px; border-radius: 12px; background: var(--ch-theme-surface-soft); } .ch-theme-primary-menu--mobile .sub-menu, .ch-theme-community-menu--mobile .sub-menu { position: static; left: auto; box-shadow: none; border-radius: 12px; margin-top: 6px; padding: 6px; background: #fff; } .ch-theme-main { padding: 28px 0 48px; min-height: calc(100vh - 160px); } .ch-theme-main--elementor-blank { padding: 0; min-height: 0; } .ch-theme-page-shell, .ch-theme-content-wrap, .ch-theme-error-card { background: rgba(255,255,255,.76); border: 1px solid rgba(217,227,240,.8); border-radius: var(--ch-theme-radius); box-shadow: var(--ch-theme-shadow); padding: 24px; } .ch-route-community .ch-theme-page-shell, .ch-route-community .ch-theme-content-wrap, .ch-theme-elementor-page .ch-theme-page-shell, .ch-theme-elementor-page .ch-theme-content-wrap { background: transparent; border: 0; box-shadow: none; padding: 0; } .ch-theme-page-header h1, .ch-theme-single-header h1, .ch-theme-error-card h1 { margin: 0 0 12px; font-size: clamp(2rem, 4vw, 3.2rem); letter-spacing: -.05em; line-height: 1.05; } .ch-theme-page-content > *:first-child, .ch-theme-entry-content > *:first-child { margin-top: 0; } .ch-theme-page-content > *:last-child, .ch-theme-entry-content > *:last-child { margin-bottom: 0; } .ch-theme-post-list { display: grid; gap: 18px; } .ch-theme-post-card, .ch-theme-single, .ch-theme-empty { background: var(--ch-theme-surface); border: 1px solid var(--ch-theme-border); border-radius: var(--ch-theme-radius); box-shadow: var(--ch-theme-shadow); overflow: hidden; } .ch-theme-post-card-body, .ch-theme-single { padding: 22px; } .ch-theme-post-card h2 { margin: 0 0 8px; font-size: 1.35rem; } .ch-theme-post-card h2 a { color: var(--ch-theme-text); } .ch-theme-post-meta { color: var(--ch-theme-muted); font-size: .92rem; font-weight: 700; margin-bottom: 14px; } .ch-theme-featured-image { margin: 18px 0; border-radius: 16px; overflow: hidden; } .ch-theme-widget { margin: 0 0 18px; } .ch-theme-widget-title { margin: 0 0 10px; font-size: 1rem; } .ch-theme-footer-widgets { padding: 28px 0; } .ch-theme-footer-widget-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .ch-theme-footer-widget-full { grid-column: 1 / -1; } .ch-theme-footer { border-top: 1px solid var(--ch-theme-border); background: rgba(255,255,255,.76); padding: 24px 0; } .ch-theme-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; color: var(--ch-theme-muted); } @media (max-width: 1180px) { .ch-theme-primary-menu--desktop { justify-content: flex-start; } .ch-theme-primary-menu .ch-theme-menu-list { justify-content: flex-start; } .ch-theme-account-link { max-width: 160px; } } @media (max-width: 960px) { body.ch-theme.admin-bar .ch-theme-header { top: 46px; } .ch-theme-header-inner { min-height: 64px; } .ch-theme-primary-menu--desktop, .ch-theme-nav-bar, .ch-theme-header-widgets { display: none; } .ch-theme-menu-toggle { display: inline-flex; } .ch-theme-header-actions > .ch-theme-account { display: none; } .ch-theme-community-nav { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; } .ch-theme-nav-pill { width: 100%; min-height: 44px; } .ch-theme-menu-panel .ch-theme-account { justify-content: space-between; border-top: 1px solid var(--ch-theme-border); padding-top: 12px; } .ch-theme-footer-widget-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .ch-theme-container, .ch-theme-header-inner, .ch-theme-footer-inner { width: min(100% - 20px, var(--ch-theme-max)); } .ch-theme-main { padding: 16px 0 34px; } .ch-theme-page-shell, .ch-theme-content-wrap, .ch-theme-error-card { padding: 14px; border-radius: 16px; } .ch-route-community .ch-theme-page-shell, .ch-route-community .ch-theme-content-wrap, .ch-theme-elementor-page .ch-theme-page-shell, .ch-theme-elementor-page .ch-theme-content-wrap { padding: 0; } .ch-theme-community-nav { grid-template-columns: 1fr; } .ch-theme-footer-inner { align-items: flex-start; flex-direction: column; } .ch-theme-site-description { display: none; } .ch-theme-footer-widget-grid { grid-template-columns: 1fr; } } .ch-theme-account--dropdown { position: relative; } .ch-theme-account-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; max-width: 240px; padding: 4px 10px 4px 4px; border-radius: 999px; border: 1px solid rgba(217,227,240,.95); background: #fff; color: var(--ch-theme-text); font: inherit; font-weight: 850; line-height: 1; cursor: pointer; box-shadow: 0 8px 22px rgba(16,24,40,.05); } .ch-theme-account-toggle:hover, .ch-theme-account-toggle:focus-visible { border-color: rgba(0,128,255,.35); box-shadow: 0 12px 28px rgba(0,128,255,.12); outline: none; } .ch-theme-account-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 145px; } .ch-theme-account-caret { font-size: 1rem; line-height: 1; color: var(--ch-theme-muted); transition: transform .15s ease; } .ch-theme-account.is-open .ch-theme-account-caret { transform: rotate(180deg); } .ch-theme-account-panel { position: absolute; top: calc(100% + 10px); right: 0; width: min(280px, calc(100vw - 32px)); padding: 10px; border: 1px solid var(--ch-theme-border); border-radius: 18px; background: #fff; box-shadow: var(--ch-theme-shadow); z-index: 1010; } .ch-theme-account.is-open .ch-theme-account-panel { display: block; } .ch-theme-account-panel-head { display: flex; align-items: center; gap: 10px; padding: 9px; margin-bottom: 6px; border-radius: 14px; background: var(--ch-theme-surface-soft); } .ch-theme-account-panel-head strong, .ch-theme-account-panel-head span { display: block; max-width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ch-theme-account-panel-head span { color: var(--ch-theme-muted); font-size: .83rem; font-weight: 750; } .ch-theme-account-panel a { display: flex; align-items: center; gap: 8px; padding: 10px 11px; border-radius: 12px; color: var(--ch-theme-text); font-weight: 850; text-decoration: none; } .ch-theme-account-panel a:hover, .ch-theme-account-panel a:focus-visible { background: var(--ch-theme-surface-soft); color: var(--ch-theme-blue-dark); outline: none; text-decoration: none; } .ch-theme-account-panel .ch-theme-account-logout { margin-top: 6px; border-top: 1px solid var(--ch-theme-border); border-radius: 0 0 12px 12px; color: #b42318; } .ch-theme-account-panel .ch-theme-account-logout:hover, .ch-theme-account-panel .ch-theme-account-logout:focus-visible { background: #fff4f3; color: #912018; } @media (max-width: 960px) { .ch-theme-menu-panel .ch-theme-account--dropdown { display: block; border-top: 1px solid var(--ch-theme-border); padding-top: 12px; } .ch-theme-menu-panel .ch-theme-account-toggle { width: 100%; max-width: none; justify-content: flex-start; } .ch-theme-menu-panel .ch-theme-account-name { max-width: none; flex: 1; text-align: left; } .ch-theme-menu-panel .ch-theme-account-panel { position: static; width: 100%; margin-top: 10px; box-shadow: none; } } @media (max-width: 480px) { .ch-theme-brand { min-width: 0; max-width: 68vw; } .custom-logo-link img { max-height: 48px; } } .ch-theme-layout { display: grid; gap: 24px; align-items: start; } .ch-theme-layout--sidebar { grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); } .ch-theme-layout--no-sidebar { grid-template-columns: minmax(0, 1fr); } .ch-theme-sidebar { background: rgba(255,255,255,.82); border: 1px solid rgba(217,227,240,.86); border-radius: var(--ch-theme-radius); box-shadow: var(--ch-theme-shadow); padding: 18px; position: sticky; top: 104px; } .ch-theme-sidebar .ch-theme-widget, .ch-theme-footer-widgets .ch-theme-widget { background: rgba(255,255,255,.72); border: 1px solid rgba(217,227,240,.7); border-radius: 16px; padding: 16px; } .ch-theme-footer-widgets { background: linear-gradient(180deg, rgba(248,251,255,.24), rgba(255,255,255,.78)); border-top: 1px solid rgba(217,227,240,.75); } .ch-theme-footer-widgets--wide .ch-theme-container, .ch-theme-footer--wide .ch-theme-footer-inner { width: min(var(--ch-theme-wide), calc(100% - 32px)); } .ch-theme-widget ul, .ch-theme-widget ol { padding-left: 1.2rem; margin: .5rem 0 0; } .ch-theme-widget li + li { margin-top: .35rem; } .ch-theme-widget a { font-weight: 750; } .ch-theme-widget-title { font-weight: 900; letter-spacing: -.025em; color: var(--ch-theme-text); } .ch-theme-footer-widget-grid .ch-theme-widget-title { font-size: 1.06rem; } .ch-theme-footer-brand { font-weight: 850; color: var(--ch-theme-text); } .ch-theme-footer-menu-list { justify-content: flex-end; } .ch-theme-footer-menu a { color: var(--ch-theme-muted); } .ch-theme-footer-menu a:hover { color: var(--ch-theme-blue-dark); } .ch-theme-page-header, .ch-theme-single-header, .ch-theme-archive-header, .ch-theme-search-header { margin-bottom: 20px; } .ch-theme-archive-description, .ch-theme-page-header p { color: var(--ch-theme-muted); font-weight: 650; } .ch-theme-entry-content, .ch-theme-page-content { font-size: 1rem; } .ch-theme-entry-content h1, .ch-theme-entry-content h2, .ch-theme-entry-content h3, .ch-theme-page-content h1, .ch-theme-page-content h2, .ch-theme-page-content h3 { letter-spacing: -.035em; line-height: 1.14; } .ch-theme-entry-content table, .ch-theme-page-content table { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #fff; border: 1px solid var(--ch-theme-border); border-radius: 14px; overflow: hidden; } .ch-theme-entry-content th, .ch-theme-entry-content td, .ch-theme-page-content th, .ch-theme-page-content td { border-bottom: 1px solid var(--ch-theme-border); padding: 10px 12px; text-align: left; } .ch-theme-entry-content blockquote, .ch-theme-page-content blockquote { margin: 1.25rem 0; padding: 14px 18px; border-left: 4px solid var(--ch-theme-blue); background: var(--ch-theme-surface-soft); border-radius: 0 14px 14px 0; color: #344054; } .ch-theme-search-form { display: flex; gap: 10px; align-items: center; max-width: 620px; margin: 14px 0 0; } .ch-theme-search-form label { flex: 1; min-width: 0; } .ch-theme-search-field, .ch-theme input[type="text"], .ch-theme input[type="email"], .ch-theme input[type="url"], .ch-theme input[type="password"], .ch-theme input[type="search"], .ch-theme input[type="number"], .ch-theme textarea, .ch-theme select { width: 100%; min-height: 42px; border: 1px solid var(--ch-theme-border); border-radius: 12px; background: #fff; color: var(--ch-theme-text); padding: 10px 12px; font: inherit; box-shadow: 0 4px 14px rgba(16,24,40,.03); } .ch-theme textarea { min-height: 130px; } .ch-theme input:focus, .ch-theme textarea:focus, .ch-theme select:focus { outline: none; border-color: rgba(0,128,255,.62); box-shadow: 0 0 0 4px rgba(0,128,255,.12); } .ch-theme button, .ch-theme input[type="submit"], .ch-theme-search-submit, .ch-theme .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid color-mix(in srgb, var(--ch-theme-blue-dark) 72%, #0b65b8 28%); border-radius: 8px; background: linear-gradient(180deg, color-mix(in srgb, var(--ch-theme-blue) 94%, #fff 6%), var(--ch-theme-blue-dark)); color: #fff; font-weight: 780; font-size: .8rem; line-height: 1.1; padding: 6px 10px; min-height: 32px; cursor: pointer; text-align: center; text-decoration: none; box-shadow: 0 2px 7px rgba(0,128,255,.10); } .ch-theme-page-content button:hover, .ch-theme-page-content input[type="submit"]:hover, .ch-theme-entry-content button:hover, .ch-theme-entry-content input[type="submit"]:hover, .comment-form input[type="submit"]:hover, .ch-theme-search-submit:hover, .ch-theme .wp-block-button__link:hover { filter: brightness(.985); text-decoration: none; transform: translateY(-1px); } .navigation.pagination, .post-navigation, .posts-navigation { margin-top: 22px; } .nav-links { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } .page-numbers, .nav-links a, .nav-links span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; padding: 8px 12px; border-radius: 999px; border: 1px solid var(--ch-theme-border); background: #fff; font-weight: 850; text-decoration: none; } .page-numbers.current, .nav-links .current { background: var(--ch-theme-blue); border-color: var(--ch-theme-blue); color: #fff; } .comments-area { margin-top: 22px; background: #fff; border: 1px solid var(--ch-theme-border); border-radius: var(--ch-theme-radius); box-shadow: var(--ch-theme-shadow); padding: 22px; } .comment-list { padding-left: 0; list-style: none; } .comment-list .comment { border-top: 1px solid var(--ch-theme-border); padding-top: 14px; margin-top: 14px; } .comment-reply-title, .comments-title { margin-top: 0; letter-spacing: -.025em; } .woocommerce .woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering { color: var(--ch-theme-muted); font-weight: 700; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product, .woocommerce-cart-form, .woocommerce-checkout-review-order, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { background: #fff; border: 1px solid var(--ch-theme-border); border-radius: var(--ch-theme-radius); box-shadow: var(--ch-theme-shadow); padding: 16px; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .button { border-radius: 8px !important; background: linear-gradient(180deg, var(--ch-theme-blue), var(--ch-theme-blue-dark)) !important; color: #fff !important; font-weight: 780 !important; font-size: .8rem !important; line-height: 1.1 !important; min-height: 32px !important; padding: 6px 10px !important; box-shadow: 0 2px 7px rgba(0,128,255,.10) !important; } .woocommerce-message, .woocommerce-info, .woocommerce-error { border-radius: 16px; background: #fff; border-top-color: var(--ch-theme-blue); box-shadow: 0 10px 28px rgba(16,24,40,.06); } body.ch-theme.ch-theme-elementor-page .ch-theme-main--page, body.ch-theme .elementor-page .ch-theme-main--page { padding-top: 0; } body.ch-theme.ch-theme-elementor-page .ch-theme-page-shell { max-width: none; } @media (max-width: 960px) { .ch-theme-layout--sidebar { grid-template-columns: 1fr; } .ch-theme-sidebar { position: static; } .ch-theme-search-form { align-items: stretch; flex-direction: column; } .ch-theme-footer-menu-list { justify-content: flex-start; } } @media (max-width: 620px) { .ch-theme-sidebar, .comments-area, .ch-theme-sidebar .ch-theme-widget, .ch-theme-footer-widgets .ch-theme-widget { padding: 14px; border-radius: 16px; } .ch-theme-footer-widgets--wide .ch-theme-container, .ch-theme-footer--wide .ch-theme-footer-inner { width: min(100% - 20px, var(--ch-theme-max)); } } .ch-theme-main--blog .ch-theme-content-wrap, .ch-theme-main--archive .ch-theme-content-wrap, .ch-theme-main.search .ch-theme-content-wrap { background: transparent; border: 0; box-shadow: none; padding: 0; } .ch-theme-blog-hero, .ch-theme-archive-header, .ch-theme-search-header { background: linear-gradient(135deg, rgba(0,128,255,.12), rgba(255,255,255,.92)); border: 1px solid rgba(217,227,240,.88); border-radius: 24px; box-shadow: 0 18px 45px rgba(16,24,40,.07); padding: clamp(22px, 4vw, 36px); margin-bottom: 20px; overflow: hidden; position: relative; } .ch-theme-blog-hero:after, .ch-theme-archive-header:after, .ch-theme-search-header:after { content: ""; position: absolute; right: -80px; top: -90px; width: 220px; height: 220px; border-radius: 999px; background: radial-gradient(circle, rgba(0,128,255,.22), transparent 68%); pointer-events: none; } .ch-theme-eyebrow, .ch-theme-post-kicker span { display: inline-flex; align-items: center; width: max-content; max-width: 100%; border-radius: 999px; background: rgba(0,128,255,.1); color: var(--ch-theme-blue-dark); border: 1px solid rgba(0,128,255,.2); font-size: .78rem; font-weight: 950; letter-spacing: .04em; text-transform: uppercase; padding: 5px 9px; margin-bottom: 10px; } .ch-theme-blog-hero h1, .ch-theme-archive-header h1, .ch-theme-search-header h1 { margin: 0; font-size: clamp(2.1rem, 5vw, 4.1rem); line-height: .98; letter-spacing: -.065em; } .ch-theme-blog-hero p, .ch-theme-archive-description, .ch-theme-search-header p { max-width: 680px; margin: 10px 0 0; color: var(--ch-theme-muted); font-weight: 750; } .ch-theme-post-list--blog, .ch-theme-main--archive .ch-theme-post-list, .ch-theme-main--search .ch-theme-post-list, .ch-theme-main .ch-theme-post-list { gap: 22px; } .ch-theme-post-card { display: grid; grid-template-columns: minmax(220px, 34%) minmax(0, 1fr); min-height: 230px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .ch-theme-post-card:hover { transform: translateY(-2px); box-shadow: 0 24px 58px rgba(16,24,40,.11); border-color: rgba(0,128,255,.22); } .ch-theme-post-thumb { display: block; min-height: 100%; background: linear-gradient(135deg, rgba(0,128,255,.12), rgba(16,24,40,.05)); overflow: hidden; } .ch-theme-post-thumb img { display: block; width: 100%; height: 100%; min-height: 230px; object-fit: cover; transition: transform .28s ease; } .ch-theme-post-card:hover .ch-theme-post-thumb img { transform: scale(1.035); } .ch-theme-post-thumb--placeholder { display: flex; align-items: center; justify-content: center; text-decoration: none; } .ch-theme-post-thumb--placeholder span { display: flex; align-items: center; justify-content: center; width: 86px; height: 86px; border-radius: 28px; background: #fff; box-shadow: 0 18px 38px rgba(16,24,40,.1); color: var(--ch-theme-blue-dark); font-size: 2.4rem; font-weight: 950; letter-spacing: -.08em; } .ch-theme-post-card-body { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: clamp(20px, 3vw, 30px); } .ch-theme-post-kicker { min-height: 24px; } .ch-theme-post-card h2 { font-size: clamp(1.45rem, 2.5vw, 2.15rem); line-height: 1.05; letter-spacing: -.055em; margin: 0 0 8px; } .ch-theme-post-card h2 a:hover { color: var(--ch-theme-blue-dark); text-decoration: none; } .ch-theme-post-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 0; } .ch-theme-post-excerpt { color: #344054; font-weight: 600; } .ch-theme-post-excerpt p { margin-top: 0; } .ch-theme-read-more { display: inline-flex; align-items: center; gap: 6px; width: max-content; border-radius: 999px; background: var(--ch-theme-surface-soft); border: 1px solid rgba(0,128,255,.16); color: var(--ch-theme-blue-dark); font-weight: 950; padding: 9px 13px; text-decoration: none; } .ch-theme-read-more:hover { background: rgba(0,128,255,.1); text-decoration: none; } .ch-theme-layout--sidebar .ch-theme-content-wrap, .ch-theme-layout--sidebar .ch-theme-page-shell { min-width: 0; } .ch-theme-sidebar { background: rgba(255,255,255,.9); } .ch-theme-sidebar .ch-theme-widget { margin-bottom: 14px; } .ch-theme-sidebar .ch-theme-widget:last-child { margin-bottom: 0; } .ch-theme-sidebar .wp-block-search__inside-wrapper { display: flex; gap: 8px; } .ch-theme-sidebar .wp-block-search__button { white-space: nowrap; } .ch-theme-main--woocommerce .ch-theme-container { background: transparent; } .woocommerce .woocommerce-breadcrumb { background: rgba(255,255,255,.76); border: 1px solid var(--ch-theme-border); border-radius: 999px; display: inline-flex; padding: 8px 12px; margin-bottom: 16px; } .woocommerce ul.products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; padding: 0 0 18px !important; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { transform: translateY(-2px); box-shadow: 0 24px 58px rgba(16,24,40,.11); border-color: rgba(0,128,255,.22); } .woocommerce ul.products li.product a img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; margin: 0 0 14px !important; background: var(--ch-theme-surface-soft); } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .star-rating, .woocommerce ul.products li.product .button { margin-left: 16px !important; margin-right: 16px !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1.08rem !important; font-weight: 950; letter-spacing: -.03em; color: var(--ch-theme-text); } .woocommerce ul.products li.product .price { color: var(--ch-theme-blue-dark) !important; font-weight: 950 !important; } .woocommerce div.product { padding: clamp(18px, 3vw, 28px); } .woocommerce div.product .product_title { font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -.06em; line-height: 1; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--ch-theme-blue-dark); font-size: 1.45rem; font-weight: 950; } .woocommerce-cart-form, .woocommerce-checkout-review-order, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { padding: clamp(18px, 3vw, 26px); } .woocommerce table.shop_table { border-radius: 18px; overflow: hidden; background: #fff; } .woocommerce table.shop_table th { background: var(--ch-theme-surface-soft); font-weight: 950; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } .woocommerce-account .woocommerce-MyAccount-navigation a { display: block; border-radius: 12px; background: var(--ch-theme-surface-soft); padding: 10px 12px; font-weight: 850; text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-navigation .is-active a, .woocommerce-account .woocommerce-MyAccount-navigation a:hover { background: rgba(0,128,255,.1); color: var(--ch-theme-blue-dark); } @media (max-width: 1020px) { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { .ch-theme-post-card { grid-template-columns: 1fr; } .ch-theme-post-thumb img, .ch-theme-post-thumb { min-height: 190px; } .woocommerce ul.products { grid-template-columns: 1fr; } .ch-theme-sidebar .wp-block-search__inside-wrapper { flex-direction: column; } } .ch-theme .ch-feed .ch-action-row button, .ch-theme .ch-feed .ch-action-row .ch-action-button, .ch-theme .ch-feed .ch-action-row .ch-reaction-trigger, .ch-theme .ch-activity-card .ch-action-row button, .ch-theme .ch-activity-card .ch-action-row .ch-action-button, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger, .ch-theme .ch-repost-combo-button, .ch-theme .ch-bookmark-button { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-height: 34px !important; width: auto !important; max-width: none !important; padding: 7px 11px !important; border-radius: 999px !important; border: 1px solid transparent !important; background: #f8fafc !important; background-image: none !important; color: #334155 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.1 !important; box-shadow: none !important; text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important; } .ch-theme .ch-feed .ch-action-row button:hover, .ch-theme .ch-feed .ch-action-row .ch-action-button:hover, .ch-theme .ch-feed .ch-action-row .ch-reaction-trigger:hover, .ch-theme .ch-activity-card .ch-action-row button:hover, .ch-theme .ch-activity-card .ch-action-row .ch-action-button:hover, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger:hover, .ch-theme .ch-repost-combo-button:hover, .ch-theme .ch-bookmark-button:hover { background: #eff6ff !important; background-image: none !important; border-color: #bfdbfe !important; color: #1d4ed8 !important; box-shadow: 0 5px 14px rgba(37, 99, 235, 0.10) !important; filter: none !important; transform: none !important; text-decoration: none !important; } .ch-theme .ch-feed .ch-action-row .is-liked, .ch-theme .ch-feed .ch-action-row .is-saved, .ch-theme .ch-activity-card .ch-action-row .is-liked, .ch-theme .ch-activity-card .ch-action-row .is-saved, .ch-theme .ch-bookmark-button.is-saved { background: #2563eb !important; background-image: none !important; border-color: #2563eb !important; color: #ffffff !important; box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.18) !important; } .ch-theme .ch-action-row { align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; } .ch-theme .ch-repost-combo { display: inline-flex !important; align-items: center !important; position: relative !important; } .ch-theme .ch-repost-embed-header a, .ch-theme .ch-repost-embed-name, .ch-theme a.ch-repost-embed-name, .ch-theme .ch-repost-embed-name a, .ch-theme .ch-repost-embed-user a:not(.ch-repost-embed-time) { color: #111827 !important; font-weight: 900 !important; text-decoration: none !important; } .ch-theme .ch-repost-embed-header a:hover, .ch-theme a.ch-repost-embed-name:hover, .ch-theme .ch-repost-embed-name a:hover, .ch-theme .ch-repost-embed-user a:not(.ch-repost-embed-time):hover { color: #1d4ed8 !important; text-decoration: none !important; } .ch-theme .ch-repost-embed-time, .ch-theme .ch-repost-embed-time a, .ch-theme a.ch-repost-embed-time { color: #64748b !important; font-weight: 700 !important; text-decoration: none !important; } @media (max-width: 760px) { .ch-theme .ch-feed .ch-action-row button, .ch-theme .ch-feed .ch-action-row .ch-action-button, .ch-theme .ch-feed .ch-action-row .ch-reaction-trigger, .ch-theme .ch-activity-card .ch-action-row button, .ch-theme .ch-activity-card .ch-action-row .ch-action-button, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger, .ch-theme .ch-repost-combo-button, .ch-theme .ch-bookmark-button { min-height: 32px !important; padding: 7px 10px !important; font-size: 12.5px !important; } } .ch-theme-blog-layout-compact .ch-theme-post-list--blog, .ch-theme-blog-layout-compact.blog .ch-theme-post-list, .ch-theme-blog-layout-compact.home .ch-theme-post-list { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; } .ch-theme-blog-layout-compact .ch-theme-post-card { border-radius: 18px; } .ch-theme-blog-layout-compact .ch-theme-post-thumb, .ch-theme-blog-layout-compact .ch-theme-post-thumb img, .ch-theme-blog-layout-compact .ch-theme-post-placeholder { min-height: 150px; max-height: 190px; } .ch-theme-blog-layout-compact .ch-theme-post-body { padding: 16px; } .ch-theme-blog-layout-compact .ch-theme-post-title { font-size: clamp(1.05rem, 1.65vw, 1.32rem); line-height: 1.15; } .ch-theme-blog-layout-compact .ch-theme-post-excerpt { font-size: .94rem; line-height: 1.45; } .ch-theme-blog-layout-dense .ch-theme-blog-hero { padding: 20px; margin-bottom: 16px; } .ch-theme-blog-layout-dense .ch-theme-post-list--blog, .ch-theme-blog-layout-dense.blog .ch-theme-post-list, .ch-theme-blog-layout-dense.home .ch-theme-post-list { display: grid; grid-template-columns: 1fr; gap: 12px; } .ch-theme-blog-layout-dense .ch-theme-post-card { display: grid; grid-template-columns: 160px 1fr; align-items: stretch; border-radius: 16px; } .ch-theme-blog-layout-dense .ch-theme-post-thumb, .ch-theme-blog-layout-dense .ch-theme-post-thumb img, .ch-theme-blog-layout-dense .ch-theme-post-placeholder { min-height: 100%; height: 100%; } .ch-theme-blog-layout-dense .ch-theme-post-body { padding: 14px 16px; } .ch-theme-blog-layout-dense .ch-theme-post-title { font-size: 1.05rem; line-height: 1.18; margin-bottom: 6px; } .ch-theme-blog-layout-dense .ch-theme-post-meta, .ch-theme-blog-layout-dense .ch-theme-post-excerpt { font-size: .86rem; } .ch-theme-blog-layout-dense .ch-theme-read-more { padding: 8px 11px; font-size: .84rem; } .ch-theme-sidebar { align-self: start; min-width: 0; } .ch-theme-sidebar .ch-theme-widget, .ch-theme-sidebar .widget, .ch-theme-sidebar section { background: rgba(255,255,255,.94); border: 1px solid var(--ch-theme-border); border-radius: 18px; box-shadow: 0 14px 34px rgba(16,24,40,.07); padding: 18px; margin: 0 0 16px; color: var(--ch-theme-text); } .ch-theme-sidebar .ch-theme-widget-title, .ch-theme-sidebar .widget-title, .ch-theme-sidebar h2, .ch-theme-sidebar h3 { font-size: .96rem; line-height: 1.2; font-weight: 900; margin: 0 0 12px; color: var(--ch-theme-text); } .ch-theme-sidebar ul { list-style: none; padding: 0; margin: 0; } .ch-theme-sidebar li + li { border-top: 1px solid rgba(217,227,240,.75); margin-top: 8px; padding-top: 8px; } .woocommerce, .woocommerce-page { color: var(--ch-theme-text); } .woocommerce p, .woocommerce li, .woocommerce table, .woocommerce form, .woocommerce .woocommerce-product-details__short-description, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce .woocommerce-MyAccount-content { color: #263244; font-size: 16px; line-height: 1.65; } .woocommerce small, .woocommerce .woocommerce-result-count, .woocommerce .product_meta, .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-review__published-date { color: #64748b; } .woocommerce div.product .product_title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce h1, .woocommerce h2, .woocommerce h3 { color: #0f172a; letter-spacing: -.02em; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--ch-theme-blue-dark); font-weight: 900; } .woocommerce .quantity .qty, .woocommerce input.input-text, .woocommerce textarea, .woocommerce select { color: #111827; background: #fff; border: 1px solid #dbe5f2; border-radius: 12px; } .ch-theme .ch-feed .ch-action-row, .ch-theme .ch-activity-card .ch-action-row { gap: 6px !important; padding: 10px 0 !important; border-top: 1px solid #e7edf5 !important; border-bottom: 1px solid #e7edf5 !important; background: transparent !important; } .ch-theme .ch-feed .ch-action-row button, .ch-theme .ch-feed .ch-action-row .ch-action-button, .ch-theme .ch-feed .ch-action-row .ch-reaction-trigger, .ch-theme .ch-activity-card .ch-action-row button, .ch-theme .ch-activity-card .ch-action-row .ch-action-button, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger, .ch-theme .ch-repost-combo-button, .ch-theme .ch-bookmark-button { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; min-height: 32px !important; width: auto !important; max-width: none !important; padding: 6px 10px !important; border-radius: 10px !important; border: 1px solid transparent !important; background: transparent !important; background-image: none !important; color: #475569 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: none !important; text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important; filter: none !important; } .ch-theme .ch-feed .ch-action-row button:hover, .ch-theme .ch-feed .ch-action-row .ch-action-button:hover, .ch-theme .ch-feed .ch-action-row .ch-reaction-trigger:hover, .ch-theme .ch-activity-card .ch-action-row button:hover, .ch-theme .ch-activity-card .ch-action-row .ch-action-button:hover, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger:hover, .ch-theme .ch-repost-combo-button:hover, .ch-theme .ch-bookmark-button:hover { background: #f1f7ff !important; background-image: none !important; border-color: #d9eaff !important; color: #005fcc !important; box-shadow: none !important; filter: none !important; transform: none !important; text-decoration: none !important; } .ch-theme .ch-feed .ch-action-row .is-liked, .ch-theme .ch-feed .ch-action-row .is-saved, .ch-theme .ch-activity-card .ch-action-row .is-liked, .ch-theme .ch-activity-card .ch-action-row .is-saved, .ch-theme .ch-bookmark-button.is-saved { background: rgba(0,128,255,.10) !important; background-image: none !important; border-color: rgba(0,128,255,.22) !important; color: #005fcc !important; box-shadow: none !important; } .ch-theme .ch-repost-combo-menu button { border-radius: 10px !important; background: #fff !important; color: #172033 !important; } .ch-theme .ch-repost-embed-header a, .ch-theme .ch-repost-embed-name, .ch-theme a.ch-repost-embed-name, .ch-theme .ch-repost-embed-name a, .ch-theme .ch-repost-embed-user a:not(.ch-repost-embed-time) { color: #111827 !important; font-weight: 900 !important; text-decoration: none !important; } .ch-theme .ch-repost-embed-header a:hover, .ch-theme a.ch-repost-embed-name:hover, .ch-theme .ch-repost-embed-name a:hover, .ch-theme .ch-repost-embed-user a:not(.ch-repost-embed-time):hover { color: #005fcc !important; text-decoration: none !important; } @media (max-width: 760px) { .ch-theme-blog-layout-dense .ch-theme-post-card { grid-template-columns: 108px 1fr; } .ch-theme-blog-layout-dense .ch-theme-post-excerpt { display: none; } .ch-theme .ch-feed .ch-action-row, .ch-theme .ch-activity-card .ch-action-row { justify-content: space-between !important; } .ch-theme .ch-feed .ch-action-row button, .ch-theme .ch-feed .ch-action-row .ch-action-button, .ch-theme .ch-feed .ch-action-row .ch-reaction-trigger, .ch-theme .ch-activity-card .ch-action-row button, .ch-theme .ch-activity-card .ch-action-row .ch-action-button, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger, .ch-theme .ch-repost-combo-button, .ch-theme .ch-bookmark-button { padding: 6px 7px !important; font-size: 12px !important; min-height: 30px !important; } } .customize-preview.ch-route-community .ch-theme-main, .customize-preview.ch-route-community .ch-theme-container { min-height: 0; } .ch-theme-layout--sidebar { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important; gap: 28px !important; align-items: start !important; } .ch-theme-layout--sidebar > .ch-theme-content-wrap, .ch-theme-layout--sidebar > .ch-theme-page-shell { min-width: 0; } .ch-theme-sidebar-empty p { margin: 0; color: #64748b; font-weight: 700; line-height: 1.5; } .ch-theme-blog-layout-compact .ch-theme-post-list, .ch-theme-blog-layout-compact .ch-theme-post-list--blog { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; } .ch-theme-blog-layout-compact .ch-theme-post-card { min-width: 0; overflow: hidden; } .ch-theme-blog-layout-compact .ch-theme-post-card-body, .ch-theme-blog-layout-compact .ch-theme-post-body { padding: 14px 15px 15px !important; min-width: 0; } .ch-theme-blog-layout-compact .ch-theme-post-title, .ch-theme-blog-layout-compact .ch-theme-post-card h2 { font-size: clamp(1rem, 1.15vw, 1.16rem) !important; line-height: 1.2 !important; margin: 6px 0 8px !important; letter-spacing: -.015em; overflow-wrap: anywhere; word-break: normal; } .ch-theme-blog-layout-compact .ch-theme-post-title a, .ch-theme-blog-layout-compact .ch-theme-post-card h2 a { color: #0f172a; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .ch-theme-blog-layout-compact .ch-theme-post-excerpt { font-size: .88rem !important; line-height: 1.45 !important; color: #475569; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .ch-theme-blog-layout-compact .ch-theme-post-excerpt p { margin: 0; } .ch-theme-blog-layout-compact .ch-theme-post-thumb, .ch-theme-blog-layout-compact .ch-theme-post-thumb img, .ch-theme-blog-layout-compact .ch-theme-post-placeholder { min-height: 132px !important; height: 150px !important; max-height: 150px !important; } .ch-theme-blog-layout-compact .ch-theme-read-more { padding: 8px 11px !important; font-size: .82rem !important; border-radius: 999px; } .ch-theme-single { background: rgba(255,255,255,.96); border: 1px solid #e1eaf5; border-radius: 28px; box-shadow: 0 22px 56px rgba(15,23,42,.08); overflow: hidden; } .ch-theme-single-header { padding: clamp(26px, 4vw, 52px) clamp(20px, 5vw, 64px) 22px; background: linear-gradient(135deg, rgba(0,128,255,.10), rgba(255,255,255,.86)); border-bottom: 1px solid rgba(225,234,245,.9); } .ch-theme-single-kicker { display: inline-flex; align-items: center; padding: 7px 11px; border-radius: 999px; background: #eaf4ff; color: #005fcc; font-size: .78rem; font-weight: 900; text-decoration: none; margin-bottom: 12px; } .ch-theme-single-header h1 { font-size: clamp(2rem, 4.8vw, 4rem); line-height: .98; letter-spacing: -.055em; margin: 0 0 14px; max-width: 900px; color: #0f172a; } .ch-theme-single-meta { font-size: .94rem; color: #64748b; font-weight: 800; } .ch-theme-featured-image { margin: 0; border-radius: 0; max-height: 540px; overflow: hidden; } .ch-theme-featured-image img { width: 100%; display: block; object-fit: cover; } .ch-theme-single .ch-theme-entry-content { padding: clamp(24px, 4vw, 56px) clamp(20px, 5vw, 64px); max-width: 900px; margin: 0 auto; font-size: clamp(1.03rem, 1.25vw, 1.13rem); line-height: 1.82; color: #243044; } .ch-theme-single .ch-theme-entry-content > *:first-child { margin-top: 0; } .ch-theme-single .ch-theme-entry-content > *:last-child { margin-bottom: 0; } .ch-theme-single .ch-theme-entry-content h2, .ch-theme-single .ch-theme-entry-content h3, .ch-theme-single .ch-theme-entry-content h4 { color: #0f172a; letter-spacing: -.025em; line-height: 1.14; margin-top: 1.45em; } .ch-theme-single-footer { padding: 0 clamp(20px, 5vw, 64px) 34px; max-width: 900px; margin: 0 auto; } .ch-theme-post-tags { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: .88rem; font-weight: 900; color: #64748b; } .ch-theme-post-tags a { padding: 7px 10px; border-radius: 999px; background: #f1f7ff; color: #005fcc; text-decoration: none; } .ch-theme-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 18px 0; } .ch-theme-post-nav a { display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 16px; border: 1px solid #dbe8f7; border-radius: 16px; background: #fff; box-shadow: 0 12px 28px rgba(15,23,42,.06); font-weight: 900; text-decoration: none; color: #0f172a; text-align: center; } .ch-theme-post-nav a:hover { background: #f1f7ff; border-color: #b8dcff; color: #005fcc; } .woocommerce ul.products, .woocommerce-page ul.products { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important; gap: 22px !important; margin: 24px 0 !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: none !important; width: auto !important; margin: 0 !important; min-width: 0; padding: 14px 14px 16px !important; border-radius: 22px !important; background: #fff !important; border: 1px solid #e1eaf5 !important; box-shadow: 0 18px 44px rgba(15,23,42,.07) !important; overflow: hidden; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { transform: translateY(-2px); box-shadow: 0 22px 54px rgba(15,23,42,.10) !important; border-color: #cfe4fb !important; } .woocommerce ul.products li.product a img { width: 100% !important; aspect-ratio: 1 / 1; height: auto !important; object-fit: cover; border-radius: 17px !important; background: #f8fafc; margin: 0 0 13px !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1rem !important; line-height: 1.25 !important; font-weight: 950 !important; letter-spacing: -.02em; color: #0f172a !important; padding: 0 !important; margin: 0 0 8px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .woocommerce ul.products li.product .price { display: block !important; font-size: 1.05rem !important; line-height: 1.2 !important; font-weight: 950 !important; color: #005fcc !important; margin: 8px 0 12px !important; } .woocommerce ul.products li.product .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { border-radius: 999px !important; background: #0080ff !important; color: #fff !important; border: 1px solid #0080ff !important; box-shadow: 0 12px 26px rgba(0,128,255,.18) !important; font-weight: 950 !important; font-size: .9rem !important; line-height: 1 !important; padding: 12px 15px !important; text-decoration: none !important; } .woocommerce ul.products li.product .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background: #006fdf !important; border-color: #006fdf !important; color: #fff !important; } .woocommerce span.onsale { min-height: auto !important; min-width: auto !important; padding: 7px 10px !important; border-radius: 999px !important; background: #0f172a !important; color: #fff !important; font-weight: 950 !important; line-height: 1 !important; font-size: .75rem !important; } .woocommerce div.product { background: #fff !important; border: 1px solid #e1eaf5 !important; border-radius: 28px !important; box-shadow: 0 22px 56px rgba(15,23,42,.08) !important; padding: clamp(18px, 3vw, 34px) !important; } .woocommerce div.product .product_title { font-size: clamp(2rem, 4vw, 3.5rem) !important; line-height: 1 !important; font-weight: 950 !important; color: #0f172a !important; } .woocommerce div.product .summary, .woocommerce div.product .woocommerce-tabs, .woocommerce-cart-form, .woocommerce-checkout-review-order, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { color: #243044 !important; font-size: 16px !important; line-height: 1.65 !important; } .woocommerce div.product .summary p, .woocommerce div.product .woocommerce-tabs p, .woocommerce-cart-form td, .woocommerce-checkout-review-order td, .woocommerce-account .woocommerce-MyAccount-content p { color: #243044 !important; } .woocommerce table.shop_table { border-collapse: separate !important; border-spacing: 0 !important; border-radius: 18px !important; overflow: hidden; } @media (max-width: 900px) { .ch-theme-layout--sidebar { grid-template-columns: 1fr !important; } .ch-theme-post-nav { grid-template-columns: 1fr; } } @media (max-width: 640px) { .ch-theme-blog-layout-compact .ch-theme-post-list, .ch-theme-blog-layout-compact .ch-theme-post-list--blog { grid-template-columns: 1fr; } .ch-theme-single-header, .ch-theme-single .ch-theme-entry-content, .ch-theme-single-footer { padding-left: 18px; padding-right: 18px; } } :root { --ch-theme-header-bg: #ffffff; --ch-theme-header-text: var(--ch-theme-text); } body.ch-theme-mode-dark { --ch-theme-muted: #94a3b8; --ch-theme-border: rgba(148, 163, 184, .28); --ch-theme-surface-soft: rgba(255,255,255,.055); --ch-theme-shadow: 0 18px 60px rgba(0,0,0,.35); } body.ch-theme-mode-dark a { color: #7cc0ff; } body.ch-theme-mode-dark .ch-theme-header, body.ch-theme-mode-dark .ch-theme-header-top, body.ch-theme-mode-dark .ch-theme-nav-bar, .ch-theme-header, .ch-theme-header-top, .ch-theme-nav-bar { background: color-mix(in srgb, var(--ch-theme-header-bg) 94%, transparent); color: var(--ch-theme-header-text); } body.ch-theme-mode-dark .ch-theme-page, body.ch-theme-mode-dark .ch-theme-single, body.ch-theme-mode-dark .ch-theme-post-card, body.ch-theme-mode-dark .ch-theme-widget, body.ch-theme-mode-dark .woocommerce ul.products li.product, body.ch-theme-mode-dark .woocommerce div.product, body.ch-theme-mode-dark .woocommerce-cart-form, body.ch-theme-mode-dark .woocommerce-checkout-review-order, body.ch-theme-mode-dark .woocommerce-account .woocommerce-MyAccount-content, body.ch-theme-mode-dark .woocommerce-account .woocommerce-MyAccount-navigation { background: var(--ch-theme-surface); color: var(--ch-theme-text); border-color: var(--ch-theme-border); } body.ch-theme-mode-dark .ch-theme-primary-menu a, body.ch-theme-mode-dark .ch-theme-account-toggle, body.ch-theme-mode-dark .ch-theme-site-title, body.ch-theme-mode-dark .woocommerce h1, body.ch-theme-mode-dark .woocommerce h2, body.ch-theme-mode-dark .woocommerce h3, body.ch-theme-mode-dark .woocommerce div.product .product_title, body.ch-theme-mode-dark .woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--ch-theme-text); } body.ch-theme-mode-dark .ch-theme-account-panel, body.ch-theme-mode-dark .ch-theme-menu-panel, body.ch-theme-mode-dark .ch-theme-primary-menu .sub-menu, body.ch-theme-mode-dark .ch-theme-community-menu .sub-menu { background: var(--ch-theme-surface); border-color: var(--ch-theme-border); color: var(--ch-theme-text); } .ch-theme-layout--sidebar { display: grid; gap: 24px; align-items: start; } .ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); } .ch-theme-layout--sidebar-left { grid-template-columns: minmax(260px, 320px) minmax(0, 1fr); } .ch-theme-layout--sidebar-both { grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(220px, 280px); } .ch-theme-layout--sidebar-left .ch-theme-sidebar--left, .ch-theme-layout--sidebar-both .ch-theme-sidebar--left { order: 1; } .ch-theme-layout--sidebar-left .ch-theme-content-wrap, .ch-theme-layout--sidebar-left .ch-theme-page-shell { order: 2; } .ch-theme-layout--sidebar-right .ch-theme-content-wrap, .ch-theme-layout--sidebar-right .ch-theme-page-shell { order: 1; } .ch-theme-layout--sidebar-right .ch-theme-sidebar--right { order: 2; } .ch-theme-layout--sidebar-both .ch-theme-content-wrap, .ch-theme-layout--sidebar-both .ch-theme-page-shell { order: 2; } .ch-theme-layout--sidebar-both .ch-theme-sidebar--right { order: 3; } .ch-theme-sidebar { position: sticky; top: 96px; max-width: 100%; } .ch-theme-sidebar .ch-theme-widget, .ch-theme-mobile-widget-bar .ch-theme-widget { background: var(--ch-theme-surface); border: 1px solid var(--ch-theme-border); border-radius: 18px; box-shadow: 0 10px 28px rgba(16,24,40,.06); padding: 16px; margin: 0 0 14px; overflow-wrap: anywhere; } .ch-theme-widget-title { font-size: .95rem; letter-spacing: -.015em; margin: 0 0 10px; } .ch-theme-mobile-widget-bar { display: none; width: min(var(--ch-theme-max), calc(100% - 24px)); margin: 20px auto 0; } .ch-theme-menu-toggle { border: 1px solid var(--ch-theme-border) !important; border-radius: 14px !important; background: var(--ch-theme-surface) !important; box-shadow: 0 8px 20px rgba(16,24,40,.06) !important; min-width: 44px; min-height: 44px; } .ch-theme-menu-panel { position: fixed; left: 12px; right: 12px; top: 76px; z-index: 1005; max-height: calc(100vh - 94px); overflow: auto; background: var(--ch-theme-surface); border: 1px solid var(--ch-theme-border); border-radius: 22px; box-shadow: 0 24px 80px rgba(16,24,40,.22); padding: 14px; } .ch-theme-menu-panel .ch-theme-menu-list, .ch-theme-menu-panel .ch-theme-community-nav { display: grid !important; grid-template-columns: 1fr; gap: 8px; align-items: stretch; justify-content: stretch; } .ch-theme-menu-panel .ch-theme-menu-list a, .ch-theme-menu-panel .ch-theme-nav-pill, .ch-theme-menu-panel .ch-theme-account-panel a { display: flex; align-items: center; justify-content: space-between; width: 100%; border: 1px solid var(--ch-theme-border); border-radius: 14px; padding: 12px 14px; background: var(--ch-theme-surface-soft); font-size: .98rem; font-weight: 850; color: var(--ch-theme-text); text-decoration: none; } .ch-theme-menu-panel .sub-menu { position: static !important; left: auto !important; top: auto !important; box-shadow: none !important; border: 0 !important; background: transparent !important; padding: 6px 0 0 12px !important; min-width: 0 !important; } .ch-theme-menu-panel .ch-theme-account { display: block; margin-top: 12px; } .ch-theme-menu-panel .ch-theme-account-toggle { width: 100%; justify-content: flex-start; } .ch-theme-menu-panel .ch-theme-account-panel { position: static; display: grid; box-shadow: none; margin-top: 8px; } .ch-theme-blog-layout-compact .ch-theme-post-list--blog, .ch-theme-blog-layout-compact.blog .ch-theme-post-list, .ch-theme-blog-layout-compact.home .ch-theme-post-list { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 16px !important; } .ch-theme-blog-layout-compact .ch-theme-post-card { min-width: 0; overflow: hidden; border-radius: 18px; } .ch-theme-blog-layout-compact .ch-theme-post-body { padding: 14px !important; min-width: 0; } .ch-theme-blog-layout-compact .ch-theme-post-title { font-size: clamp(1rem, 1.4vw, 1.16rem) !important; line-height: 1.18 !important; letter-spacing: -.025em; margin: 0 0 7px !important; overflow-wrap: anywhere; } .ch-theme-blog-layout-compact .ch-theme-post-excerpt { font-size: .9rem !important; line-height: 1.42 !important; margin: 0 0 10px !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .ch-theme-blog-layout-compact .ch-theme-read-more { padding: 8px 10px !important; font-size: .84rem !important; } .ch-theme-blog-layout-compact .ch-theme-post-meta { font-size: .76rem !important; gap: 6px !important; flex-wrap: wrap; } .ch-theme-blog-layout-compact .ch-theme-post-thumb, .ch-theme-blog-layout-compact .ch-theme-post-thumb img, .ch-theme-blog-layout-compact .ch-theme-post-placeholder { min-height: 130px !important; max-height: 170px !important; } .ch-theme-single { max-width: 880px; margin: 0 auto; background: var(--ch-theme-surface); border: 1px solid var(--ch-theme-border); border-radius: 26px; box-shadow: 0 18px 60px rgba(16,24,40,.08); overflow: hidden; } .ch-theme-single-header { padding: clamp(24px, 5vw, 52px) clamp(18px, 5vw, 56px) 20px; background: linear-gradient(135deg, color-mix(in srgb, var(--ch-theme-blue) 12%, transparent), transparent 70%); } .ch-theme-single-header h1 { font-size: clamp(2rem, 5vw, 4rem); line-height: .98; margin: 10px 0 12px; } .ch-theme-featured-image { margin: 0; border-radius: 0; } .ch-theme-featured-image img { width: 100%; display: block; max-height: 540px; object-fit: cover; } .ch-theme-entry-content { padding: clamp(22px, 5vw, 56px); font-size: clamp(1.03rem, 1.25vw, 1.18rem); line-height: 1.78; } .ch-theme-entry-content p { margin: 0 0 1.25em; } .ch-theme-entry-content h2, .ch-theme-entry-content h3 { line-height: 1.1; letter-spacing: -.03em; margin-top: 1.6em; } .ch-theme-single-footer { padding: 0 clamp(22px, 5vw, 56px) 34px; } .woocommerce-store-notice, .woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-notices-wrapper .wc-block-components-notice-banner { background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; border-left: 5px solid var(--ch-theme-blue) !important; color: var(--ch-theme-text) !important; box-shadow: 0 12px 36px rgba(16,24,40,.08) !important; border-radius: 16px !important; } .woocommerce-info::before, .woocommerce-message::before, .woocommerce-error::before { color: var(--ch-theme-blue) !important; } .woocommerce .woocommerce-breadcrumb mark, .woocommerce mark, .woocommerce .count, .woocommerce .required, .woocommerce .stock { background: transparent !important; color: var(--ch-theme-blue) !important; } .woocommerce ul.products li.product { padding: 14px !important; border-radius: 22px !important; background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; box-shadow: 0 12px 35px rgba(16,24,40,.07) !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .woocommerce ul.products li.product a img { border-radius: 16px !important; aspect-ratio: 1 / 1; object-fit: cover; background: var(--ch-theme-surface-soft); } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1rem !important; line-height: 1.22 !important; margin: 4px 0 !important; overflow-wrap: anywhere; } .woocommerce ul.products li.product .price { font-size: 1.05rem !important; font-weight: 950 !important; color: var(--ch-theme-text) !important; } .woocommerce ul.products li.product .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { border-radius: 999px !important; background: var(--ch-theme-blue) !important; color: #fff !important; font-weight: 900 !important; padding: 11px 16px !important; line-height: 1 !important; border: 0 !important; box-shadow: 0 12px 24px color-mix(in srgb, var(--ch-theme-blue) 22%, transparent) !important; } .woocommerce-checkout .col2-set, .woocommerce-checkout #order_review, .woocommerce-cart-form, .woocommerce-checkout-review-order, .woocommerce .cart_totals, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 24px !important; box-shadow: 0 16px 46px rgba(16,24,40,.08) !important; padding: clamp(16px, 3vw, 28px) !important; color: var(--ch-theme-text) !important; } .woocommerce-checkout h3, .woocommerce .cart_totals h2, .woocommerce-account h2, .woocommerce-account h3 { font-size: clamp(1.22rem, 2vw, 1.7rem) !important; letter-spacing: -.035em; color: var(--ch-theme-text) !important; } .woocommerce table.shop_table { border-collapse: separate !important; border-spacing: 0 8px !important; border: 0 !important; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { background: var(--ch-theme-surface-soft) !important; border: 0 !important; color: var(--ch-theme-text) !important; padding: 12px !important; } .woocommerce form .form-row label { color: var(--ch-theme-text) !important; font-weight: 800; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container--default .select2-selection--single { background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 14px !important; color: var(--ch-theme-text) !important; min-height: 44px !important; } @media (max-width: 1024px) { .ch-theme-layout--sidebar, .ch-theme-layout--sidebar-left, .ch-theme-layout--sidebar-right, .ch-theme-layout--sidebar-both { grid-template-columns: 1fr !important; } .ch-theme-sidebar { display: none; position: static; } .ch-theme-mobile-widget-bar { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; } } @media (max-width: 780px) { body.ch-theme.admin-bar .ch-theme-header { top: 46px; } .ch-theme-header-inner { width: min(100% - 22px, var(--ch-theme-max)); min-height: 62px; gap: 10px; } .custom-logo-link img { max-height: 46px; } .ch-theme-site-title { font-size: 1.05rem; } .ch-theme-primary-menu--desktop, .ch-theme-header-widgets { display: none !important; } .ch-theme-header-actions > .ch-theme-account { display: none !important; } .ch-theme-menu-panel { top: 70px; left: 10px; right: 10px; border-radius: 18px; } .ch-theme-post-list--blog { grid-template-columns: 1fr !important; } .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .woocommerce ul.products li.product { padding: 10px !important; border-radius: 18px !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .92rem !important; } .woocommerce ul.products li.product .button { width: 100%; text-align: center; font-size: .82rem !important; padding: 10px 8px !important; } .ch-theme-entry-content { padding: 22px 18px; } } @media (max-width: 480px) { .woocommerce ul.products { grid-template-columns: 1fr !important; } } html[data-ch-theme-mode="dark"] { color-scheme: dark; } html[data-ch-theme-mode="light"] { color-scheme: light; } body.ch-theme { color: var(--ch-theme-text) !important; } body.ch-theme:not(.ch-theme-elementor-page) { background: radial-gradient(circle at top left, color-mix(in srgb, var(--ch-theme-blue) 12%, transparent), transparent 32rem), var(--ch-theme-bg) !important; } body.ch-theme.admin-bar .ch-theme-header { top: 0 !important; } @media (min-width: 783px) { body.ch-theme.admin-bar .ch-theme-header { top: 0 !important; } } .ch-theme-header, .ch-theme-header-top, .ch-theme-nav-bar { background: color-mix(in srgb, var(--ch-theme-header-bg) 94%, transparent) !important; border-color: var(--ch-theme-border) !important; color: var(--ch-theme-text) !important; } .ch-theme-header a, .ch-theme-header button { color: var(--ch-theme-text); } .ch-theme-mode-toggle, .ch-theme-menu-toggle, .ch-theme-account-toggle { background: var(--ch-theme-surface-soft) !important; border: 1px solid var(--ch-theme-border) !important; color: var(--ch-theme-text) !important; border-radius: 999px !important; box-shadow: var(--ch-theme-soft-shadow); } .ch-theme-mode-toggle { display: inline-flex; align-items: center; gap: 6px; padding: 9px 12px; font-weight: 850; cursor: pointer; } .ch-theme-mode-toggle:hover, .ch-theme-menu-toggle:hover, .ch-theme-account-toggle:hover { border-color: color-mix(in srgb, var(--ch-theme-blue) 45%, var(--ch-theme-border)) !important; transform: translateY(-1px); } .ch-theme-menu-toggle { width: 44px; height: 44px; padding: 0 !important; justify-content: center; } .ch-theme-menu-toggle-bars, .ch-theme-menu-toggle-bars::before, .ch-theme-menu-toggle-bars::after { display: block; width: 19px; height: 2px; background: currentColor; border-radius: 3px; content: ""; position: relative; } .ch-theme-menu-toggle-bars::before { position: absolute; top: -6px; left: 0; } .ch-theme-menu-toggle-bars::after { position: absolute; top: 6px; left: 0; } .ch-theme-menu-open .ch-theme-menu-toggle-bars { background: transparent; } .ch-theme-menu-open .ch-theme-menu-toggle-bars::before { top: 0; transform: rotate(45deg); } .ch-theme-menu-open .ch-theme-menu-toggle-bars::after { top: 0; transform: rotate(-45deg); } .ch-theme-menu-panel { position: fixed !important; top: 76px; left: 12px; right: 12px; max-height: calc(100dvh - 96px) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 22px !important; box-shadow: var(--ch-theme-shadow) !important; padding: 14px !important; z-index: 1005 !important; } .admin-bar .ch-theme-menu-panel { top: 90px; max-height: calc(100dvh - 110px) !important; } .ch-theme-menu-panel .ch-theme-menu-list, .ch-theme-menu-panel .ch-theme-community-nav { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; } .ch-theme-menu-panel a, .ch-theme-menu-panel button, .ch-theme-menu-panel .ch-theme-nav-pill { width: 100% !important; justify-content: flex-start !important; padding: 12px 14px !important; border-radius: 14px !important; } .ch-theme-menu-panel .sub-menu { position: static !important; left: auto !important; box-shadow: none !important; margin-top: 6px !important; background: var(--ch-theme-surface-soft) !important; } html.ch-theme-menu-lock { overflow: hidden; } .ch-theme-container--community { width: min(var(--ch-theme-wide), calc(100% - 32px)); } .ch-theme-community-shell { display: grid; gap: 20px; align-items: start; padding: 24px 0; } .ch-theme-community-shell.ch-theme-layout--sidebar-left { grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); } .ch-theme-community-shell.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, 1fr) minmax(220px, 280px); } .ch-theme-community-shell.ch-theme-layout--sidebar-both { grid-template-columns: minmax(190px, 240px) minmax(0, 1fr) minmax(190px, 240px); } .ch-theme-community-content-wrap { min-width: 0; } .ch-theme-sidebar { background: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 20px !important; box-shadow: var(--ch-theme-soft-shadow) !important; padding: 16px !important; } .ch-theme-widget { color: var(--ch-theme-text); } .ch-theme-widget a { color: var(--ch-theme-blue); overflow-wrap: anywhere; } .ch-theme-widget-title { color: var(--ch-theme-text); font-size: 1rem; line-height: 1.2; margin: 0 0 10px; } .ch-theme-mobile-widget-bar { display: none; width: min(var(--ch-theme-max), calc(100% - 24px)); margin: 12px auto 24px; background: var(--ch-theme-surface); border: 1px solid var(--ch-theme-border); border-radius: 20px; box-shadow: var(--ch-theme-soft-shadow); padding: 14px; } .ch-theme-blog-layout-compact .ch-theme-post-list, .ch-theme-blog-layout-compact .ch-theme-post-list--blog { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 16px !important; } .ch-theme-blog-layout-compact .ch-theme-post-card { min-width: 0 !important; overflow: hidden !important; border-radius: 20px !important; } .ch-theme-blog-layout-compact .ch-theme-post-card h2, .ch-theme-blog-layout-compact .ch-theme-post-title { font-size: clamp(1.05rem, 1.5vw, 1.28rem) !important; line-height: 1.16 !important; letter-spacing: -.03em !important; overflow-wrap: anywhere !important; word-break: normal !important; } .ch-theme-blog-layout-compact .ch-theme-post-excerpt, .ch-theme-blog-layout-compact .ch-theme-post-card p { font-size: .92rem !important; line-height: 1.42 !important; max-width: 100% !important; overflow-wrap: anywhere !important; } .ch-theme-single { background: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 26px !important; box-shadow: var(--ch-theme-shadow) !important; padding: clamp(20px, 4vw, 46px) !important; } .ch-theme-single-header h1 { color: var(--ch-theme-text) !important; font-size: clamp(2rem, 4vw, 3.8rem); line-height: 1.02; } .ch-theme-entry-content, .ch-theme-page-content { color: var(--ch-theme-text) !important; } .ch-theme-entry-content p, .ch-theme-page-content p, .woocommerce p { color: color-mix(in srgb, var(--ch-theme-text) 88%, var(--ch-theme-muted)) !important; } .ch-theme-entry-content a, .ch-theme-page-content a { color: var(--ch-theme-blue) !important; } .woocommerce, .woocommerce-page { color: var(--ch-theme-text) !important; } .woocommerce .products li.product, .woocommerce-page .products li.product, .woocommerce div.product, .woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout #order_review, .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .woocommerce-shipping-fields, .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { background: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 22px !important; box-shadow: var(--ch-theme-soft-shadow) !important; padding: 18px !important; } .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce .woocommerce-error { background: var(--ch-theme-surface-soft) !important; color: var(--ch-theme-text) !important; border-top: 3px solid var(--ch-theme-blue) !important; border-radius: 16px !important; } .woocommerce mark, .woocommerce .mark, .woocommerce .amount, .woocommerce-Price-amount { background: transparent !important; color: var(--ch-theme-text) !important; font-weight: 850 !important; } .woocommerce .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--ch-theme-blue) !important; font-weight: 900 !important; } .woocommerce table.shop_table, .woocommerce-cart-form, .woocommerce form.checkout, .woocommerce form.login, .woocommerce form.register { background: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 22px !important; box-shadow: var(--ch-theme-soft-shadow) !important; padding: 16px !important; overflow: hidden; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { color: var(--ch-theme-text) !important; border-color: var(--ch-theme-border) !important; } .woocommerce input.input-text, .woocommerce textarea, .woocommerce select, .ch-theme input, .ch-theme textarea, .ch-theme select { background: var(--ch-theme-surface-soft) !important; color: var(--ch-theme-text) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 12px !important; } .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit { background: var(--ch-theme-blue) !important; color: #fff !important; border-radius: 999px !important; border: 0 !important; font-weight: 900 !important; padding: 12px 18px !important; } .ch-theme .ch-activity-actions, .ch-theme .ch-comment-actions { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; } .ch-theme .ch-activity-actions button, .ch-theme .ch-activity-actions a, .ch-theme .ch-comment-actions button, .ch-theme .ch-comment-actions a, .ch-theme .ch-bookmark-toggle, .ch-theme .ch-repost-button, .ch-theme .ch-comment-toggle, .ch-theme .ch-share-button, .ch-theme .ch-reaction-button { min-height: 34px !important; padding: 7px 11px !important; border-radius: 999px !important; background: var(--ch-theme-surface-soft) !important; border: 1px solid var(--ch-theme-border) !important; color: var(--ch-theme-muted) !important; font-size: .88rem !important; font-weight: 800 !important; line-height: 1.1 !important; box-shadow: none !important; text-decoration: none !important; width: auto !important; } .ch-theme .ch-activity-actions button:hover, .ch-theme .ch-activity-actions a:hover, .ch-theme .ch-comment-actions button:hover, .ch-theme .ch-comment-actions a:hover { background: color-mix(in srgb, var(--ch-theme-blue) 10%, var(--ch-theme-surface)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 38%, var(--ch-theme-border)) !important; color: var(--ch-theme-blue) !important; text-decoration: none !important; } .ch-theme .ch-reaction-picker, .ch-theme .ch-mobile-reaction-picker, .ch-theme .ch-repost-combo-menu, .ch-theme .ch-post-menu-dropdown, .ch-theme .ch-comment-menu-dropdown { background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 18px !important; box-shadow: var(--ch-theme-shadow) !important; padding: 8px !important; z-index: 1006 !important; } .ch-theme .ch-reaction-picker button, .ch-theme .ch-mobile-reaction-picker button { width: 38px !important; height: 38px !important; border-radius: 999px !important; font-size: 1.25rem !important; background: var(--ch-theme-surface-soft) !important; border: 1px solid var(--ch-theme-border) !important; } .ch-theme .ch-activity-author a, .ch-theme .ch-activity-author-name, .ch-theme .ch-repost-preview-author a, .ch-theme .ch-repost-author a, .ch-theme .ch-comment-author a, .ch-theme .ch-comment-author-name, .ch-theme .ch-activity-meta a, .ch-theme .ch-comment-meta a, .ch-theme .ch-activity-time a, .ch-theme .ch-comment-time a { color: var(--ch-theme-text) !important; text-decoration: none !important; } .ch-theme .ch-activity-author a:hover, .ch-theme .ch-comment-author a:hover, .ch-theme .ch-activity-meta a:hover, .ch-theme .ch-comment-meta a:hover { color: var(--ch-theme-blue) !important; } .ch-theme .ch-activity-content a, .ch-theme .ch-comment-content a { color: var(--ch-theme-blue) !important; } @media (max-width: 900px) { .ch-theme-primary-menu--desktop, .ch-theme-header-widgets { display: none !important; } .ch-theme-header-inner { min-height: 64px; gap: 10px; } .ch-theme-brand { min-width: 0; max-width: 58vw; } .ch-theme-account-name, .ch-theme-mode-toggle-text { display: none; } .ch-theme-mode-toggle { width: 42px; height: 42px; justify-content: center; padding: 0 !important; } .ch-theme-community-shell, .ch-theme-community-shell.ch-theme-layout--sidebar-left, .ch-theme-community-shell.ch-theme-layout--sidebar-right, .ch-theme-community-shell.ch-theme-layout--sidebar-both, .ch-theme-layout, .ch-theme-layout--sidebar, .ch-theme-layout--sidebar-left, .ch-theme-layout--sidebar-right, .ch-theme-layout--sidebar-both { display: block !important; } .ch-theme-sidebar { display: none !important; } .ch-theme-mobile-widget-bar { display: block; } .ch-theme-container, .ch-theme-container--community { width: min(100% - 20px, var(--ch-theme-max)); } .ch-theme-blog-layout-compact .ch-theme-post-list, .ch-theme-blog-layout-compact .ch-theme-post-list--blog { grid-template-columns: 1fr !important; } .ch-theme .ch-activity-actions, .ch-theme .ch-comment-actions { gap: 6px !important; justify-content: space-between !important; } .ch-theme .ch-activity-actions button, .ch-theme .ch-activity-actions a, .ch-theme .ch-comment-actions button, .ch-theme .ch-comment-actions a { font-size: .78rem !important; padding: 7px 8px !important; min-height: 32px !important; } .ch-theme .ch-mobile-reaction-picker, .ch-theme .ch-reaction-picker { max-width: calc(100vw - 24px) !important; overflow-x: auto !important; } .woocommerce table.shop_table, .woocommerce-cart-form, .woocommerce form.checkout { padding: 10px !important; border-radius: 16px !important; } } .ch-theme-customizer-safe-preview { background: var(--ch-theme-surface); border: 1px solid var(--ch-theme-border); border-radius: 28px; box-shadow: var(--ch-theme-shadow); padding: clamp(24px, 5vw, 54px); margin: 40px auto; max-width: 860px; text-align: center; } .ch-theme-customizer-safe-preview h1 { margin: 0 0 10px; font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: -.05em; color: var(--ch-theme-text); } .ch-theme-customizer-safe-preview p { margin: 0 auto 20px; max-width: 680px; color: var(--ch-theme-muted); font-weight: 750; } body.ch-theme.admin-bar .ch-theme-header { top: 0 !important; } .ch-theme-header-actions { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; } .ch-theme-account { position: relative; } .ch-theme-account-toggle, .ch-theme-mode-toggle, .ch-theme-menu-toggle { min-height: 42px; } .ch-theme-account-panel { z-index: 1200; } .ch-theme-menu-panel .ch-theme-account { display: none !important; } @media (max-width: 782px) { .ch-theme-header-inner { min-height: 64px; gap: 10px; } .ch-theme-primary-menu--desktop, .ch-theme-header-widgets { display: none !important; } .ch-theme-header-actions { gap: 8px; } .ch-theme-account-toggle { width: 44px !important; height: 44px !important; padding: 2px !important; border-radius: 999px !important; justify-content: center !important; background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; box-shadow: 0 8px 20px rgba(15,23,42,.08) !important; } .ch-theme-account-toggle .ch-theme-account-name, .ch-theme-account-toggle .ch-theme-account-caret { display: none !important; } .ch-theme-account-avatar { width: 36px !important; height: 36px !important; border-radius: 999px !important; } .ch-theme-mode-toggle { min-width: 44px !important; width: 44px !important; padding: 0 !important; border-radius: 999px !important; } .ch-theme-mode-toggle-text { display: none !important; } .ch-theme-menu-toggle { width: 44px !important; height: 44px !important; border-radius: 999px !important; padding: 0 !important; } .ch-theme-menu-panel { position: fixed !important; left: 10px !important; right: 10px !important; top: 74px !important; bottom: 10px !important; max-height: none !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; padding: 14px 14px 96px !important; border-radius: 22px !important; } .ch-theme-account-panel { position: fixed !important; left: 10px !important; right: 10px !important; top: 74px !important; width: auto !important; max-height: calc(100dvh - 90px) !important; overflow-y: auto !important; padding-bottom: 18px !important; } } .ch-theme-container { max-width: 100%; } .ch-theme-layout, .ch-theme-community-shell { width: 100%; min-width: 0; } .ch-theme-layout--sidebar { display: grid !important; align-items: start !important; gap: clamp(16px, 2vw, 24px) !important; } .ch-theme-layout--sidebar-right { grid-template-columns: minmax(620px, 1fr) minmax(220px, 280px) !important; } .ch-theme-layout--sidebar-left { grid-template-columns: minmax(220px, 280px) minmax(620px, 1fr) !important; } .ch-theme-layout--sidebar-both { grid-template-columns: minmax(190px, 240px) minmax(620px, 1fr) minmax(190px, 240px) !important; } .ch-theme-content-wrap, .ch-theme-page-shell, .ch-theme-community-content-wrap, .ch-profile-route-wrap, .ch-profile-page, .ch-feed, .ch-bookmarks-page, .ch-notifications-page, .ch-members-directory-page { min-width: 0 !important; max-width: 100% !important; } .ch-theme-layout--sidebar-left .ch-theme-community-content-wrap { order: 2; } .ch-theme-layout--sidebar-right .ch-theme-community-content-wrap { order: 1; } .ch-theme-layout--sidebar-both .ch-theme-community-content-wrap { order: 2; } .ch-theme-layout--sidebar-both .ch-theme-sidebar--right { order: 3; } .ch-theme-sidebar { min-width: 0 !important; width: 100% !important; overflow-wrap: anywhere; } @media (max-width: 1260px) { .ch-theme-layout--sidebar-right, .ch-theme-layout--sidebar-left, .ch-theme-layout--sidebar-both { grid-template-columns: minmax(0, 1fr) !important; } .ch-theme-sidebar { position: static !important; order: 5 !important; } .ch-theme-content-wrap, .ch-theme-page-shell, .ch-theme-community-content-wrap { order: 1 !important; } } html[data-ch-theme-mode="dark"] body.ch-theme { color: var(--ch-theme-text) !important; color-scheme: dark; } html[data-ch-theme-mode="dark"] body.ch-theme:not(.ch-theme-elementor-page) { background: radial-gradient(circle at top left, rgba(0,128,255,.16), transparent 32rem), var(--ch-theme-bg) !important; } html[data-ch-theme-mode="dark"] body.ch-theme a { color: #8cc7ff; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-header-top, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-nav-bar, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-menu-panel, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-account-panel, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-sidebar, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-widget, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-page, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-single, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-post-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-page, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-page, html[data-ch-theme-mode="dark"] body.ch-theme .ch-members-directory-page, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce ul.products li.product, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce div.product, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-cart-form, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-checkout-review-order, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .cart_totals, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-account .woocommerce-MyAccount-content, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-account .woocommerce-MyAccount-navigation { background-color: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border-color: var(--ch-theme-border) !important; } html[data-ch-theme-mode="dark"] body.ch-theme h1, html[data-ch-theme-mode="dark"] body.ch-theme h2, html[data-ch-theme-mode="dark"] body.ch-theme h3, html[data-ch-theme-mode="dark"] body.ch-theme h4, html[data-ch-theme-mode="dark"] body.ch-theme h5, html[data-ch-theme-mode="dark"] body.ch-theme h6, html[data-ch-theme-mode="dark"] body.ch-theme p, html[data-ch-theme-mode="dark"] body.ch-theme li, html[data-ch-theme-mode="dark"] body.ch-theme label, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-entry-content, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-single-header h1, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-post-title a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-name, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-author, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-name, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce p, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce li, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce table, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce label, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce h1, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce h2, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce h3, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce div.product .product_title, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--ch-theme-text) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-muted, html[data-ch-theme-mode="dark"] body.ch-theme .ch-post-time, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-date, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-post-meta, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .woocommerce-breadcrumb, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-result-count, html[data-ch-theme-mode="dark"] body.ch-theme .product_meta { color: var(--ch-theme-muted) !important; } html[data-ch-theme-mode="dark"] body.ch-theme input, html[data-ch-theme-mode="dark"] body.ch-theme textarea, html[data-ch-theme-mode="dark"] body.ch-theme select, html[data-ch-theme-mode="dark"] body.ch-theme .select2-container--default .select2-selection--single { background: #0b1422 !important; color: var(--ch-theme-text) !important; border-color: var(--ch-theme-border) !important; } .ch-theme .ch-composer { background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 22px !important; box-shadow: 0 14px 42px rgba(15,23,42,.07) !important; padding: 14px !important; } .ch-theme .ch-composer textarea, .ch-theme .ch-composer input[type="text"] { border-radius: 16px !important; border: 1px solid var(--ch-theme-border) !important; background: var(--ch-theme-surface-soft) !important; color: var(--ch-theme-text) !important; } .ch-theme .ch-composer button, .ch-theme .ch-composer .ch-composer-button, .ch-theme .ch-composer .ch-attach-button { border-radius: 999px !important; font-size: .9rem !important; font-weight: 900 !important; line-height: 1 !important; padding: 10px 14px !important; min-height: 38px !important; } .ch-theme .ch-composer .ch-post-submit, .ch-theme .ch-composer button[type="submit"] { background: var(--ch-theme-blue) !important; color: #fff !important; border: 1px solid var(--ch-theme-blue) !important; box-shadow: 0 10px 22px color-mix(in srgb, var(--ch-theme-blue) 20%, transparent) !important; } .ch-theme .ch-activity-card .ch-action-row { gap: 8px !important; justify-content: space-between !important; } .ch-theme .ch-activity-card .ch-action-row button, .ch-theme .ch-activity-card .ch-action-row .ch-action-button, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger { flex: 1 1 auto !important; min-width: 86px !important; max-width: none !important; justify-content: center !important; border-radius: 999px !important; } @media (max-width: 560px) { .ch-theme .ch-activity-card .ch-action-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .ch-theme .ch-activity-card .ch-action-row button, .ch-theme .ch-activity-card .ch-action-row .ch-action-button, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger { min-width: 0 !important; width: 100% !important; } } .ch-theme .ch-reaction-picker, .ch-theme .ch-mobile-reaction-picker, .ch-theme .ch-reaction-options { background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 999px !important; box-shadow: 0 18px 60px rgba(15,23,42,.22) !important; padding: 8px !important; gap: 6px !important; z-index: 9999 !important; } .ch-theme .ch-reaction-option { width: 40px !important; height: 40px !important; border-radius: 999px !important; background: var(--ch-theme-surface-soft) !important; border: 1px solid transparent !important; transition: transform .15s ease, background .15s ease, border-color .15s ease; } .ch-theme .ch-reaction-option:hover, .ch-theme .ch-reaction-option:focus { transform: translateY(-2px) scale(1.07); border-color: color-mix(in srgb, var(--ch-theme-blue) 45%, transparent) !important; } .ch-theme .ch-activity-name, .ch-theme .ch-comment-author, .ch-theme .ch-post-time, .ch-theme .ch-comment-date, .ch-theme .ch-repost-author, .ch-theme .ch-repost-time, .ch-theme .ch-profile-name, .ch-theme .ch-member-card-name, .ch-theme .ch-user-badge, .ch-theme .ch-user-badge a { color: var(--ch-theme-text) !important; text-decoration: none !important; } .ch-theme .ch-post-time, .ch-theme .ch-comment-date, .ch-theme .ch-repost-time { color: var(--ch-theme-muted) !important; } .ch-theme .ch-activity-content a, .ch-theme .ch-comment-content a, .ch-theme .ch-link-preview-card { color: var(--ch-theme-blue) !important; } .ch-theme-blog-layout-compact .ch-theme-post-list, .ch-theme-blog-layout-compact .ch-theme-post-list--blog { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important; gap: 14px !important; } .ch-theme-blog-layout-compact .ch-theme-post-card { border-radius: 16px !important; box-shadow: 0 10px 28px rgba(15,23,42,.06) !important; } .ch-theme-blog-layout-compact .ch-theme-post-title, .ch-theme-blog-layout-compact .ch-theme-post-card h2 { font-size: .98rem !important; line-height: 1.18 !important; } .ch-theme-blog-layout-compact .ch-theme-post-excerpt { font-size: .84rem !important; line-height: 1.36 !important; } .ch-theme-blog-layout-compact .ch-theme-post-thumb, .ch-theme-blog-layout-compact .ch-theme-post-thumb img, .ch-theme-blog-layout-compact .ch-theme-post-placeholder { height: 122px !important; min-height: 122px !important; } .ch-theme-single { width: 100%; max-width: 920px; } .ch-theme-layout--sidebar .ch-theme-single { max-width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout .col2-set, .woocommerce-checkout #order_review, .woocommerce-checkout-review-order, .woocommerce-cart-form { background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 22px !important; box-shadow: 0 12px 38px rgba(15,23,42,.07) !important; padding: clamp(16px, 3vw, 26px) !important; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { background: transparent !important; border-bottom: 1px solid var(--ch-theme-border) !important; color: var(--ch-theme-text) !important; } .woocommerce table.shop_table tr:last-child th, .woocommerce table.shop_table tr:last-child td { border-bottom: 0 !important; } .woocommerce .wc-block-components-totals-wrapper, .woocommerce .wc-block-cart-items, .woocommerce .wc-block-components-panel, .woocommerce .wc-block-components-sidebar { background: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border-color: var(--ch-theme-border) !important; } .woocommerce mark, .woocommerce .count, .woocommerce .required, .woocommerce span.onsale { background: transparent !important; color: var(--ch-theme-blue) !important; } @media (max-width: 782px) { .ch-theme-container, .ch-theme-header-inner, .ch-theme-footer-inner, .ch-theme-container--community { width: min(100% - 18px, 100%) !important; } .ch-theme-main { padding-top: 18px; } .ch-theme .ch-activity-card, .ch-theme .ch-composer, .ch-profile-page, .ch-members-directory-page, .ch-notifications-page, .ch-bookmarks-page { border-radius: 18px !important; } .ch-theme-mobile-widget-bar { display: block !important; width: min(100% - 18px, 100%) !important; margin: 16px auto 0 !important; } } .customize-preview .ch-route-community .ch-theme-footer, .customize-preview .ch-route-community .ch-theme-footer-widgets, .customize-preview body.ch-route-community .ch-theme-footer, .customize-preview body.ch-route-community .ch-theme-footer-widgets { display: none !important; } .ch-theme-header-inner { gap: 14px; } .ch-theme-header-actions { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 9px !important; white-space: nowrap; } .ch-theme-mode-toggle, .ch-theme-menu-toggle, .ch-theme-account-toggle { background: color-mix(in srgb, var(--ch-theme-surface) 92%, var(--ch-theme-blue) 8%) !important; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 76%, var(--ch-theme-blue) 24%) !important; color: var(--ch-theme-text) !important; box-shadow: 0 8px 22px rgba(15,23,42,.055) !important; transform: none !important; } .ch-theme-mode-toggle:hover, .ch-theme-menu-toggle:hover, .ch-theme-account-toggle:hover { background: color-mix(in srgb, var(--ch-theme-surface) 84%, var(--ch-theme-blue) 16%) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 52%, var(--ch-theme-border)) !important; text-decoration: none !important; } .ch-theme-account-toggle { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 4px 10px 4px 5px !important; border-radius: 999px !important; max-width: 220px !important; } .ch-theme-account-name { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ch-theme-container--community { width: min(1180px, calc(100% - 32px)) !important; max-width: 1180px !important; } .ch-theme-community-shell { padding: 22px 0 34px !important; gap: 18px !important; align-items: start !important; } .ch-theme-community-shell.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap { width: 100% !important; max-width: 760px !important; margin: 0 auto !important; } .ch-theme-community-shell--members.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--profile.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap { max-width: 1040px !important; } .ch-theme-community-shell--notifications.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--saved.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--post.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap { max-width: 820px !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, 760px) minmax(220px, 285px) !important; justify-content: center !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-left { grid-template-columns: minmax(220px, 285px) minmax(0, 760px) !important; justify-content: center !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-both { grid-template-columns: minmax(180px, 235px) minmax(0, 720px) minmax(180px, 235px) !important; justify-content: center !important; } .ch-theme-community-content-wrap > .ch-feed, .ch-theme-community-content-wrap > .ch-composer, .ch-theme-community-content-wrap .ch-feed, .ch-theme-community-content-wrap .ch-composer, .ch-theme-community-content-wrap .ch-activity-card, .ch-theme-community-content-wrap .ch-bookmarks-page, .ch-theme-community-content-wrap .ch-notifications-page, .ch-theme-community-content-wrap .ch-members-directory-page, .ch-theme-community-content-wrap .ch-profile-page, .ch-theme-community-content-wrap .ch-profile-route-wrap { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .ch-profile-header, .ch-profile-page, .ch-profile-route-wrap { max-width: 1040px !important; margin-left: auto !important; margin-right: auto !important; } .ch-profile-header { border-radius: 24px !important; overflow: hidden !important; } .ch-theme-main--blog .ch-theme-container, .ch-theme-main--single .ch-theme-container, .ch-theme-main--archive .ch-theme-container, .ch-theme-main--search .ch-theme-container { max-width: 1180px !important; } .ch-theme-main--blog .ch-theme-layout--sidebar-right, .ch-theme-main--single .ch-theme-layout--sidebar-right, .ch-theme-main--archive .ch-theme-layout--sidebar-right, .ch-theme-main--search .ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, 1fr) minmax(230px, 300px) !important; } .ch-theme-main--blog .ch-theme-layout--sidebar-left, .ch-theme-main--single .ch-theme-layout--sidebar-left, .ch-theme-main--archive .ch-theme-layout--sidebar-left, .ch-theme-main--search .ch-theme-layout--sidebar-left { grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) !important; } .ch-theme-single { max-width: 880px !important; padding: 0 !important; } .ch-theme-layout--sidebar .ch-theme-single { max-width: 100% !important; } .ch-theme-single-header { background: linear-gradient(135deg, color-mix(in srgb, var(--ch-theme-blue) 10%, var(--ch-theme-surface)), var(--ch-theme-surface)) !important; border-bottom: 1px solid var(--ch-theme-border) !important; } .ch-theme-single-header h1, .ch-theme-single .ch-theme-entry-content h2, .ch-theme-single .ch-theme-entry-content h3, .ch-theme-single .ch-theme-entry-content h4 { color: var(--ch-theme-text) !important; } .ch-theme-single .ch-theme-entry-content { color: color-mix(in srgb, var(--ch-theme-text) 90%, var(--ch-theme-muted)) !important; } .ch-user-badge { background: var(--ch-badge-color, var(--ch-theme-blue)) !important; border-color: color-mix(in srgb, var(--ch-badge-color, var(--ch-theme-blue)) 80%, #000 20%) !important; color: var(--ch-badge-text-color, #ffffff) !important; } .ch-user-badge *, .ch-user-badge-label, .ch-user-badge-emoji, a.ch-user-badge, .ch-user-badge a { color: var(--ch-badge-text-color, #ffffff) !important; } .ch-theme .ch-activity-header a:not(.ch-activity-content a), .ch-theme .ch-activity-author a, .ch-theme .ch-activity-name, .ch-theme a.ch-activity-name, .ch-theme .ch-comment-header a, .ch-theme .ch-comment-author, .ch-theme a.ch-comment-author, .ch-theme .ch-post-time, .ch-theme a.ch-post-time, .ch-theme .ch-comment-date, .ch-theme a.ch-comment-date, .ch-theme .ch-repost-embed-header a, .ch-theme .ch-repost-embed-name, .ch-theme .ch-repost-embed-time, .ch-theme .ch-member-card-name, .ch-theme .ch-profile-name { color: var(--ch-theme-text) !important; text-decoration: none !important; } .ch-theme .ch-post-time, .ch-theme a.ch-post-time, .ch-theme .ch-comment-date, .ch-theme a.ch-comment-date, .ch-theme .ch-repost-embed-time { color: var(--ch-theme-muted) !important; } .ch-theme .ch-activity-content a, .ch-theme .ch-comment-content a { color: var(--ch-theme-blue) !important; } @media (max-width: 782px) { .ch-theme-header-inner { width: calc(100% - 18px) !important; min-height: 60px !important; padding: 8px 0 !important; } .ch-theme-brand { min-width: 0 !important; max-width: calc(100% - 156px) !important; } .custom-logo-link img { max-height: 42px !important; } .ch-theme-header-actions { gap: 7px !important; } .ch-theme-mode-toggle, .ch-theme-menu-toggle, .ch-theme-account-toggle { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; padding: 0 !important; border-radius: 999px !important; } .ch-theme-account-toggle { padding: 2px !important; } .ch-theme-account-avatar { width: 34px !important; height: 34px !important; } .ch-theme-menu-panel { top: 68px !important; bottom: 8px !important; left: 8px !important; right: 8px !important; max-height: none !important; overflow-y: auto !important; padding: 12px 12px 130px !important; } .admin-bar .ch-theme-menu-panel { top: 78px !important; bottom: 8px !important; } .ch-theme-account-panel { top: 68px !important; left: 8px !important; right: 8px !important; bottom: auto !important; max-height: calc(100dvh - 84px) !important; overflow-y: auto !important; } .admin-bar .ch-theme-account-panel { top: 78px !important; } .ch-theme-menu-panel .ch-theme-account { display: none !important; } .ch-theme .ch-activity-card .ch-action-row, .ch-theme .ch-feed .ch-action-row { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; justify-content: flex-start !important; gap: 6px !important; padding: 9px 0 !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .ch-theme .ch-activity-card .ch-action-row::-webkit-scrollbar, .ch-theme .ch-feed .ch-action-row::-webkit-scrollbar { display: none; } .ch-theme .ch-activity-card .ch-action-row button, .ch-theme .ch-activity-card .ch-action-row .ch-action-button, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger, .ch-theme .ch-feed .ch-action-row button, .ch-theme .ch-feed .ch-action-row .ch-action-button, .ch-theme .ch-feed .ch-action-row .ch-reaction-trigger, .ch-theme .ch-repost-combo-button, .ch-theme .ch-bookmark-button { flex: 0 0 auto !important; width: auto !important; min-width: auto !important; padding: 7px 10px !important; font-size: 12.5px !important; border-radius: 999px !important; } .ch-theme .ch-reaction-picker, .ch-theme .ch-mobile-reaction-picker, .ch-theme .ch-reaction-options { border-radius: 22px !important; max-width: calc(100vw - 18px) !important; left: 9px !important; right: 9px !important; overflow-x: auto !important; justify-content: flex-start !important; } .ch-theme-container--community, .ch-theme-container, .ch-theme-header-inner, .ch-theme-footer-inner { width: calc(100% - 18px) !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-left, .ch-theme-community-shell.ch-theme-layout--sidebar-right, .ch-theme-community-shell.ch-theme-layout--sidebar-both, .ch-theme-layout--sidebar-left, .ch-theme-layout--sidebar-right, .ch-theme-layout--sidebar-both { grid-template-columns: 1fr !important; } } html[data-ch-theme-mode="dark"] body.ch-theme, html[data-ch-theme-mode="dark"] body.ch-theme .entry-content, html[data-ch-theme-mode="dark"] body.ch-theme .wp-block-group, html[data-ch-theme-mode="dark"] body.ch-theme .wp-block-column, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-page { color: var(--ch-theme-text) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce p, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce li, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce td, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce th, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce label, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce address, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce strong, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .product-name, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .cart-subtotal, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .order-total, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .woocommerce-checkout-payment, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-checkout-review-order-table, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-privacy-policy-text, html[data-ch-theme-mode="dark"] body.ch-theme [class*="wc-block-components-"] { color: var(--ch-theme-text) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-checkout-payment, html[data-ch-theme-mode="dark"] body.ch-theme #payment, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce #payment div.payment_box, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce table.shop_table, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce table.shop_table td, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce table.shop_table th, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-cart, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-checkout, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-sidebar, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-main, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-panel, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-order-summary, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-totals-wrapper { background: var(--ch-theme-surface) !important; border-color: var(--ch-theme-border) !important; color: var(--ch-theme-text) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce input, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce textarea, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce select, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .select2-selection { background: #0b1422 !important; color: var(--ch-theme-text) !important; border-color: var(--ch-theme-border) !important; } .customize-preview body.ch-route-community .ch-theme-footer, .customize-preview body.ch-route-community .ch-theme-footer-widgets { display: none !important; } @media (min-width: 783px) { .ch-theme-header-actions { gap: 9px !important; } .ch-theme-mode-toggle, .ch-theme-menu-toggle, .ch-theme-account-toggle { transform: none !important; } } @media (max-width: 782px) { .ch-theme-header-actions > .ch-theme-account, .ch-theme-header-actions .ch-theme-account--dropdown { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } .ch-theme-header-actions { margin-left: auto !important; gap: 7px !important; } .ch-theme-mode-toggle { order: 1; } .ch-theme-menu-toggle { order: 2; } .ch-theme-account { order: 3; } .ch-theme-menu-panel { top: 66px !important; bottom: 6px !important; left: 8px !important; right: 8px !important; height: auto !important; max-height: none !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding: 12px 12px 160px !important; } .admin-bar .ch-theme-menu-panel { top: 76px !important; bottom: 6px !important; } .ch-theme-account-panel { position: fixed !important; top: 66px !important; left: 8px !important; right: 8px !important; max-height: calc(100dvh - 82px) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; z-index: 1300 !important; } .admin-bar .ch-theme-account-panel { top: 76px !important; } .ch-theme-menu-panel .ch-theme-account { display: none !important; } } .ch-theme-container--community { width: min(1180px, calc(100% - 32px)) !important; max-width: 1180px !important; } .ch-theme-community-shell { align-items: start !important; justify-content: center !important; gap: 18px !important; } .ch-theme-community-shell.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--community.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap { max-width: 760px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .ch-theme-community-shell--post.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--saved.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--notifications.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap { max-width: 840px !important; } .ch-theme-community-shell--members.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--profile.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap { max-width: 1040px !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, 760px) minmax(220px, 285px) !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-left { grid-template-columns: minmax(220px, 285px) minmax(0, 760px) !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-both { grid-template-columns: minmax(180px, 235px) minmax(0, 720px) minmax(180px, 235px) !important; } .ch-profile-page, .ch-profile-route-wrap, .ch-profile-header { max-width: 1040px !important; margin-left: auto !important; margin-right: auto !important; } @media (min-width: 783px) { .ch-theme .ch-activity-card .ch-action-row, .ch-theme .ch-feed .ch-action-row { display: flex !important; justify-content: flex-start !important; align-items: center !important; gap: 6px !important; padding: 10px 0 !important; } .ch-theme .ch-activity-card .ch-action-row button, .ch-theme .ch-activity-card .ch-action-row .ch-action-button, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger, .ch-theme .ch-feed .ch-action-row button, .ch-theme .ch-feed .ch-action-row .ch-action-button, .ch-theme .ch-feed .ch-action-row .ch-reaction-trigger, .ch-theme .ch-repost-combo-button, .ch-theme .ch-bookmark-button { flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; padding: 7px 10px !important; font-size: 13px !important; border-radius: 999px !important; } } html[data-ch-theme-mode="dark"] body.ch-theme .ch-page-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-members-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-nav, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-nav, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-section-nav, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-preview, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed, html[data-ch-theme-mode="dark"] body.ch-theme .ch-quote-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-original-post, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-body, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comments, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comments-wrap, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-form, html[data-ch-theme-mode="dark"] body.ch-theme .ch-reply-form { background: var(--ch-theme-surface) !important; background-color: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border-color: var(--ch-theme-border) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-page-header *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-header *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed-header *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-nav *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-nav *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-card *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-preview *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-quote-card *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-original-post *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comments-wrap * { color: inherit; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-nav a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-nav a { background: var(--ch-theme-surface-soft) !important; border-color: var(--ch-theme-border) !important; color: var(--ch-theme-text) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav a:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-nav a:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs a:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-nav a:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-nav a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-nav a.is-active { background: color-mix(in srgb, var(--ch-theme-blue) 18%, var(--ch-theme-surface)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 45%, var(--ch-theme-border)) !important; color: #ffffff !important; } .ch-theme .ch-activity-header a, .ch-theme .ch-activity-author a, .ch-theme .ch-activity-name, .ch-theme a.ch-activity-name, .ch-theme .ch-comment-header a, .ch-theme .ch-comment-author, .ch-theme a.ch-comment-author, .ch-theme .ch-post-time, .ch-theme a.ch-post-time, .ch-theme .ch-comment-date, .ch-theme a.ch-comment-date, .ch-theme .ch-repost-embed-header a, .ch-theme .ch-repost-embed-name, .ch-theme .ch-repost-embed-time, .ch-theme .ch-member-card-name, .ch-theme .ch-profile-name { color: var(--ch-theme-text) !important; text-decoration: none !important; } .ch-theme .ch-post-time, .ch-theme a.ch-post-time, .ch-theme .ch-comment-date, .ch-theme a.ch-comment-date, .ch-theme .ch-repost-embed-time { color: var(--ch-theme-muted) !important; } .ch-theme .ch-activity-content a, .ch-theme .ch-comment-content a, .ch-theme .ch-link-preview-card { color: var(--ch-theme-blue) !important; } .ch-theme-main--single .ch-theme-layout--no-sidebar, .ch-theme-main--single .ch-theme-content-wrap, .ch-theme-main--single .ch-theme-page-shell { max-width: 960px !important; margin-left: auto !important; margin-right: auto !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-single-header { background: linear-gradient(135deg, rgba(0,128,255,.16), var(--ch-theme-surface)) !important; color: var(--ch-theme-text) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-single-meta, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-post-meta, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-post-excerpt { color: var(--ch-theme-muted) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-page, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce div.product, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce ul.products li.product, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-cart-form, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-checkout .col2-set, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-checkout #order_review, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-checkout-review-order, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .cart_totals, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-account .woocommerce-MyAccount-content, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-account .woocommerce-MyAccount-navigation, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-cart, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-checkout, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-sidebar, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-main, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-panel, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-order-summary, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-totals-wrapper { background: #101827 !important; color: #f4f7fb !important; border-color: rgba(148,163,184,.28) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce *, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-main *, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-sidebar * { color: inherit; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce a, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-main a { color: #8cc7ff !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .price, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-Price-amount, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .amount { color: #ffffff !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce input, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce textarea, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce select, html[data-ch-theme-mode="dark"] body.ch-theme .select2-container--default .select2-selection--single { background: #07111f !important; color: #f4f7fb !important; border-color: rgba(148,163,184,.32) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce button.button, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce a.button, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce input.button, html[data-ch-theme-mode="dark"] body.ch-theme .wc-block-components-button { background: var(--ch-theme-blue) !important; color: #ffffff !important; } @media (max-width: 1024px) { .ch-theme-mobile-widget-bar { display: block !important; } } .ch-theme-container--community { width: min(100% - 32px, 1180px) !important; margin-inline: auto !important; } .ch-theme-community-shell { align-items: start !important; } .ch-theme-community-content-wrap { min-width: 0 !important; width: 100% !important; max-width: 760px !important; margin-inline: auto !important; } .ch-theme-layout--sidebar-left, .ch-theme-layout--sidebar-right, .ch-theme-layout--sidebar-both { gap: 22px !important; } .ch-theme-layout--sidebar-left { grid-template-columns: minmax(220px, 280px) minmax(0, 760px) !important; justify-content: center !important; } .ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, 760px) minmax(220px, 280px) !important; justify-content: center !important; } .ch-theme-layout--sidebar-both { grid-template-columns: minmax(190px, 250px) minmax(0, 720px) minmax(190px, 250px) !important; justify-content: center !important; } .ch-theme-community-content-wrap .ch-community-feed-page, .ch-theme-community-content-wrap .ch-community-single-post-page, .ch-theme-community-content-wrap .ch-member-directory-page, .ch-theme-community-content-wrap .ch-notifications-page, .ch-theme-community-content-wrap .ch-bookmarks-page, .ch-theme-community-content-wrap .ch-profile-page { width: 100% !important; max-width: 760px !important; margin-inline: auto !important; } .ch-profile-header, .ch-profile-page .ch-profile-header, .ch-profile-shell, .ch-profile-page { max-width: 760px !important; margin-inline: auto !important; } @media (min-width: 761px) { .ch-theme .ch-feed .ch-action-row, .ch-theme .ch-activity-card .ch-action-row { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; flex-wrap: wrap !important; } .ch-theme .ch-feed .ch-action-row button, .ch-theme .ch-feed .ch-action-row .ch-action-button, .ch-theme .ch-feed .ch-action-row .ch-reaction-trigger, .ch-theme .ch-activity-card .ch-action-row button, .ch-theme .ch-activity-card .ch-action-row .ch-action-button, .ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger, .ch-theme .ch-repost-combo-button, .ch-theme .ch-bookmark-button { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; min-height: 34px !important; padding: 7px 10px !important; border-radius: 999px !important; gap: 5px !important; font-size: 13px !important; line-height: 1 !important; } } @media (max-width: 960px) { .ch-theme-header-inner { display: flex !important; align-items: center !important; gap: 10px !important; } .ch-theme-brand { flex: 1 1 auto !important; min-width: 0 !important; } .ch-theme-header-actions { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; flex: 0 0 auto !important; } .ch-theme-header-actions > .ch-theme-account { display: flex !important; position: relative !important; } .ch-theme-account-toggle { width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; padding: 3px !important; border-radius: 999px !important; } .ch-theme-account-toggle .ch-theme-account-avatar { width: 34px !important; height: 34px !important; } .ch-theme-account-name, .ch-theme-account-caret { display: none !important; } .ch-theme-mode-toggle { height: 42px !important; min-width: 42px !important; padding: 0 11px !important; border-radius: 999px !important; } .ch-theme-mode-toggle-text { display: none !important; } .ch-theme-menu-toggle { display: inline-flex !important; width: 44px !important; height: 44px !important; min-width: 44px !important; border-radius: 14px !important; } .ch-theme-menu-panel { position: fixed !important; left: 10px !important; right: 10px !important; top: 74px !important; bottom: 12px !important; max-height: none !important; overflow-y: auto !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; padding: 12px 12px 22px !important; z-index: 1002 !important; } body.admin-bar .ch-theme-menu-panel { top: 116px !important; } .ch-theme-account-panel { position: fixed !important; top: 74px !important; right: 10px !important; left: auto !important; width: min(310px, calc(100vw - 20px)) !important; max-height: calc(100svh - 90px) !important; overflow-y: auto !important; z-index: 1006 !important; } body.admin-bar .ch-theme-account-panel { top: 116px !important; max-height: calc(100svh - 132px) !important; } .ch-theme-menu-panel .ch-theme-account { display: none !important; } } @media (max-width: 520px) { .custom-logo-link img { max-height: 40px !important; } .ch-theme-header-inner { width: min(100% - 16px, var(--ch-theme-max)) !important; gap: 7px !important; } .ch-theme-mode-toggle, .ch-theme-menu-toggle, .ch-theme-account-toggle { width: 40px !important; height: 40px !important; min-width: 40px !important; } .ch-theme-account-toggle .ch-theme-account-avatar { width: 31px !important; height: 31px !important; } } @media (max-width: 1024px) { .ch-theme-mobile-widget-bar { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; width: min(100% - 24px, 760px) !important; margin: 18px auto 0 !important; } } .ch-theme-main--single .ch-theme-container { width: min(100% - 32px, 1060px) !important; margin-inline: auto !important; } .ch-theme-main--single .ch-theme-content-wrap { max-width: 820px !important; margin-inline: auto !important; min-width: 0 !important; } .ch-theme-single { background: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border: 1px solid var(--ch-theme-border) !important; box-shadow: var(--ch-theme-shadow) !important; } .ch-theme-single-header, .ch-theme-entry-content, .ch-theme-single-footer, .ch-theme-post-nav, .comments-area { color: var(--ch-theme-text) !important; } .ch-theme-entry-content p, .ch-theme-entry-content li, .ch-theme-entry-content td, .ch-theme-entry-content th { color: var(--ch-theme-text) !important; } .ch-theme-entry-content a { color: var(--ch-theme-blue) !important; } html[data-ch-theme-mode="dark"] body.ch-theme { background: #07111f !important; color: #f5f7fb !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-main, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-content-wrap, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-page-shell, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-single, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-post-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-widget, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-menu-panel, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-account-panel, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-content-wrap, html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-feed-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-member-directory-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-section, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comments-wrap, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-original-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-original, html[data-ch-theme-mode="dark"] body.ch-theme .ch-link-preview-card { background: #121c2b !important; border-color: #26364d !important; color: #f5f7fb !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-content, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-content, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-content, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notification-item, html[data-ch-theme-mode="dark"] body.ch-theme .ch-member-card { background-color: #121c2b !important; color: #f5f7fb !important; border-color: #26364d !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-original-card *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-page *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-page *, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page * { border-color: #26364d; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-name, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-name a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-author, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-author a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-meta, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-meta a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-meta, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-meta a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-original-author, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-original-author a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-subnav a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-tabs a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-hub-page-nav a { color: #f5f7fb !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-time, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-time a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-time, html[data-ch-theme-mode="dark"] body.ch-theme .ch-muted, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-muted { color: #b7c4d6 !important; } html[data-ch-theme-mode="dark"] body.ch-theme.woocommerce, html[data-ch-theme-mode="dark"] body.ch-theme.woocommerce-page, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-page { color: #f5f7fb !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce div.product, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce ul.products li.product, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-cart-form, html[data-ch-theme-mode="dark"] body.ch-theme .cart_totals, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-checkout-review-order, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-billing-fields, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-shipping-fields, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-additional-fields, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-account .woocommerce-MyAccount-content, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-account .woocommerce-MyAccount-navigation, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce table.shop_table, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce form.checkout_coupon, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce form.login, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce form.register { background: #121c2b !important; color: #f5f7fb !important; border-color: #26364d !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce h1, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce h2, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce h3, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce h4, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce p, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce li, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce label, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce th, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce td, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce strong, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce div.product .product_title, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce ul.products li.product .woocommerce-loop-product__title, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .price, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .product_meta { color: #f5f7fb !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce small, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .woocommerce-breadcrumb, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce-result-count, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .variation, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce .product_meta a { color: #b7c4d6 !important; } html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce input, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce textarea, html[data-ch-theme-mode="dark"] body.ch-theme .woocommerce select { background: #0b1422 !important; color: #f5f7fb !important; border-color: #34445c !important; } html[data-ch-theme-mode="dark"] body .ch-comment-bubble, body.ch-theme-mode-dark .ch-comment-bubble, body.ch-theme-dark .ch-comment-bubble { background: #142238 !important; color: #f8fafc !important; border: 1px solid rgba(148, 163, 184, 0.24) !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18) !important; } html[data-ch-theme-mode="dark"] body .ch-comment-text, html[data-ch-theme-mode="dark"] body .ch-comment-text p, html[data-ch-theme-mode="dark"] body .ch-comment-name, html[data-ch-theme-mode="dark"] body .ch-comment-name-link, html[data-ch-theme-mode="dark"] body .ch-comment-head, html[data-ch-theme-mode="dark"] body .ch-comment-identity, body.ch-theme-mode-dark .ch-comment-text, body.ch-theme-mode-dark .ch-comment-text p, body.ch-theme-mode-dark .ch-comment-name, body.ch-theme-mode-dark .ch-comment-name-link, body.ch-theme-dark .ch-comment-text, body.ch-theme-dark .ch-comment-text p, body.ch-theme-dark .ch-comment-name, body.ch-theme-dark .ch-comment-name-link { color: #f8fafc !important; } html[data-ch-theme-mode="dark"] body .ch-comment-time, html[data-ch-theme-mode="dark"] body .ch-comment-dot, html[data-ch-theme-mode="dark"] body .ch-comment-date, body.ch-theme-mode-dark .ch-comment-time, body.ch-theme-mode-dark .ch-comment-dot, body.ch-theme-mode-dark .ch-comment-date, body.ch-theme-dark .ch-comment-time, body.ch-theme-dark .ch-comment-dot, body.ch-theme-dark .ch-comment-date { color: #a8b5c7 !important; } html[data-ch-theme-mode="dark"] body .ch-comments-box, html[data-ch-theme-mode="dark"] body .ch-comments-list, html[data-ch-theme-mode="dark"] body .ch-comment-thread, html[data-ch-theme-mode="dark"] body .ch-comment, html[data-ch-theme-mode="dark"] body .ch-comment-main, body.ch-theme-mode-dark .ch-comments-box, body.ch-theme-mode-dark .ch-comments-list, body.ch-theme-mode-dark .ch-comment-thread, body.ch-theme-mode-dark .ch-comment, body.ch-theme-mode-dark .ch-comment-main, body.ch-theme-dark .ch-comments-box, body.ch-theme-dark .ch-comments-list, body.ch-theme-dark .ch-comment-thread, body.ch-theme-dark .ch-comment, body.ch-theme-dark .ch-comment-main { background: transparent !important; color: #f8fafc !important; border-color: rgba(148, 163, 184, 0.24) !important; } html[data-ch-theme-mode="dark"] body .ch-comment-actions button, html[data-ch-theme-mode="dark"] body .ch-comment-actions a, html[data-ch-theme-mode="dark"] body .ch-comment-like, html[data-ch-theme-mode="dark"] body .ch-reply-toggle, html[data-ch-theme-mode="dark"] body .ch-toggle-replies, body.ch-theme-mode-dark .ch-comment-actions button, body.ch-theme-mode-dark .ch-comment-actions a, body.ch-theme-mode-dark .ch-comment-like, body.ch-theme-mode-dark .ch-reply-toggle, body.ch-theme-mode-dark .ch-toggle-replies, body.ch-theme-dark .ch-comment-actions button, body.ch-theme-dark .ch-comment-actions a, body.ch-theme-dark .ch-comment-like, body.ch-theme-dark .ch-reply-toggle, body.ch-theme-dark .ch-toggle-replies { background: transparent !important; color: #a8b5c7 !important; border: 0 !important; box-shadow: none !important; } html[data-ch-theme-mode="dark"] body .ch-comment-actions button:hover, html[data-ch-theme-mode="dark"] body .ch-comment-actions a:hover, html[data-ch-theme-mode="dark"] body .ch-comment-like:hover, html[data-ch-theme-mode="dark"] body .ch-reply-toggle:hover, html[data-ch-theme-mode="dark"] body .ch-toggle-replies:hover, body.ch-theme-mode-dark .ch-comment-actions button:hover, body.ch-theme-mode-dark .ch-comment-actions a:hover, body.ch-theme-mode-dark .ch-comment-like:hover, body.ch-theme-mode-dark .ch-reply-toggle:hover, body.ch-theme-mode-dark .ch-toggle-replies:hover, body.ch-theme-dark .ch-comment-actions button:hover, body.ch-theme-dark .ch-comment-actions a:hover, body.ch-theme-dark .ch-comment-like:hover, body.ch-theme-dark .ch-reply-toggle:hover, body.ch-theme-dark .ch-toggle-replies:hover { background: rgba(255, 255, 255, 0.07) !important; color: #ffffff !important; } html[data-ch-theme-mode="dark"] body .ch-comment-textarea, html[data-ch-theme-mode="dark"] body .ch-reply-textarea, html[data-ch-theme-mode="dark"] body .ch-edit-textarea, body.ch-theme-mode-dark .ch-comment-textarea, body.ch-theme-mode-dark .ch-reply-textarea, body.ch-theme-mode-dark .ch-edit-textarea, body.ch-theme-dark .ch-comment-textarea, body.ch-theme-dark .ch-reply-textarea, body.ch-theme-dark .ch-edit-textarea { background: #081322 !important; color: #f8fafc !important; border: 1px solid rgba(148, 163, 184, 0.28) !important; box-shadow: none !important; } html[data-ch-theme-mode="dark"] body .ch-comment-textarea::placeholder, html[data-ch-theme-mode="dark"] body .ch-reply-textarea::placeholder, html[data-ch-theme-mode="dark"] body .ch-edit-textarea::placeholder, body.ch-theme-mode-dark .ch-comment-textarea::placeholder, body.ch-theme-mode-dark .ch-reply-textarea::placeholder, body.ch-theme-mode-dark .ch-edit-textarea::placeholder, body.ch-theme-dark .ch-comment-textarea::placeholder, body.ch-theme-dark .ch-reply-textarea::placeholder, body.ch-theme-dark .ch-edit-textarea::placeholder { color: rgba(248, 250, 252, 0.46) !important; } html[data-ch-theme-mode="dark"] body .ch-profile-hub-nav, html[data-ch-theme-mode="dark"] body .ch-hub-page-nav, html[data-ch-theme-mode="dark"] body .ch-community-page-nav, html[data-ch-theme-mode="dark"] body .ch-profile-tabs, html[data-ch-theme-mode="dark"] body .ch-profile-subnav, html[data-ch-theme-mode="dark"] body .ch-profile-nav, body.ch-theme-mode-dark .ch-profile-hub-nav, body.ch-theme-mode-dark .ch-hub-page-nav, body.ch-theme-mode-dark .ch-community-page-nav, body.ch-theme-mode-dark .ch-profile-tabs, body.ch-theme-mode-dark .ch-profile-subnav, body.ch-theme-mode-dark .ch-profile-nav, body.ch-theme-dark .ch-profile-hub-nav, body.ch-theme-dark .ch-hub-page-nav, body.ch-theme-dark .ch-community-page-nav, body.ch-theme-dark .ch-profile-tabs, body.ch-theme-dark .ch-profile-subnav, body.ch-theme-dark .ch-profile-nav { background: #0f1b2d !important; color: #f8fafc !important; border: 1px solid rgba(148, 163, 184, 0.24) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important; } html[data-ch-theme-mode="dark"] body .ch-profile-hub-nav a, html[data-ch-theme-mode="dark"] body .ch-hub-page-nav a, html[data-ch-theme-mode="dark"] body .ch-community-page-nav a, html[data-ch-theme-mode="dark"] body .ch-profile-tabs a, html[data-ch-theme-mode="dark"] body .ch-profile-subnav a, html[data-ch-theme-mode="dark"] body .ch-profile-nav a, body.ch-theme-mode-dark .ch-profile-hub-nav a, body.ch-theme-mode-dark .ch-hub-page-nav a, body.ch-theme-mode-dark .ch-community-page-nav a, body.ch-theme-mode-dark .ch-profile-tabs a, body.ch-theme-mode-dark .ch-profile-subnav a, body.ch-theme-mode-dark .ch-profile-nav a, body.ch-theme-dark .ch-profile-hub-nav a, body.ch-theme-dark .ch-hub-page-nav a, body.ch-theme-dark .ch-community-page-nav a, body.ch-theme-dark .ch-profile-tabs a, body.ch-theme-dark .ch-profile-subnav a, body.ch-theme-dark .ch-profile-nav a { background: #142238 !important; color: #dbeafe !important; border-color: rgba(148, 163, 184, 0.24) !important; box-shadow: none !important; } html[data-ch-theme-mode="dark"] body .ch-profile-hub-nav a:hover, html[data-ch-theme-mode="dark"] body .ch-hub-page-nav a:hover, html[data-ch-theme-mode="dark"] body .ch-community-page-nav a:hover, html[data-ch-theme-mode="dark"] body .ch-profile-tabs a:hover, html[data-ch-theme-mode="dark"] body .ch-profile-subnav a:hover, html[data-ch-theme-mode="dark"] body .ch-profile-nav a:hover, body.ch-theme-mode-dark .ch-profile-hub-nav a:hover, body.ch-theme-mode-dark .ch-hub-page-nav a:hover, body.ch-theme-mode-dark .ch-community-page-nav a:hover, body.ch-theme-mode-dark .ch-profile-tabs a:hover, body.ch-theme-mode-dark .ch-profile-subnav a:hover, body.ch-theme-mode-dark .ch-profile-nav a:hover, body.ch-theme-dark .ch-profile-hub-nav a:hover, body.ch-theme-dark .ch-hub-page-nav a:hover, body.ch-theme-dark .ch-community-page-nav a:hover, body.ch-theme-dark .ch-profile-tabs a:hover, body.ch-theme-dark .ch-profile-subnav a:hover, body.ch-theme-dark .ch-profile-nav a:hover { background: rgba(37, 99, 235, 0.24) !important; color: #ffffff !important; border-color: rgba(96, 165, 250, 0.45) !important; } html[data-ch-theme-mode="dark"] body .ch-profile-section-header, html[data-ch-theme-mode="dark"] body .ch-profile-section-title, html[data-ch-theme-mode="dark"] body .ch-profile-feed-title, html[data-ch-theme-mode="dark"] body .ch-profile-posts-title, html[data-ch-theme-mode="dark"] body .ch-section-header, html[data-ch-theme-mode="dark"] body .ch-section-title, body.ch-theme-mode-dark .ch-profile-section-header, body.ch-theme-mode-dark .ch-profile-section-title, body.ch-theme-mode-dark .ch-profile-feed-title, body.ch-theme-mode-dark .ch-profile-posts-title, body.ch-theme-mode-dark .ch-section-header, body.ch-theme-mode-dark .ch-section-title, body.ch-theme-dark .ch-profile-section-header, body.ch-theme-dark .ch-profile-section-title, body.ch-theme-dark .ch-profile-feed-title, body.ch-theme-dark .ch-profile-posts-title, body.ch-theme-dark .ch-section-header, body.ch-theme-dark .ch-section-title { background: #0f1b2d !important; color: #f8fafc !important; border: 1px solid rgba(148, 163, 184, 0.24) !important; box-shadow: none !important; } html[data-ch-theme-mode="dark"] body .ch-profile-section-header *, html[data-ch-theme-mode="dark"] body .ch-profile-section-title *, html[data-ch-theme-mode="dark"] body .ch-profile-feed-title *, html[data-ch-theme-mode="dark"] body .ch-profile-posts-title *, html[data-ch-theme-mode="dark"] body .ch-section-header *, html[data-ch-theme-mode="dark"] body .ch-section-title *, body.ch-theme-mode-dark .ch-profile-section-header *, body.ch-theme-mode-dark .ch-profile-section-title *, body.ch-theme-mode-dark .ch-profile-feed-title *, body.ch-theme-mode-dark .ch-profile-posts-title *, body.ch-theme-mode-dark .ch-section-header *, body.ch-theme-mode-dark .ch-section-title *, body.ch-theme-dark .ch-profile-section-header *, body.ch-theme-dark .ch-profile-section-title *, body.ch-theme-dark .ch-profile-feed-title *, body.ch-theme-dark .ch-section-header *, body.ch-theme-dark .ch-section-title * { color: #f8fafc !important; } .ch-theme-container--community { width: min(100% - 28px, 1280px) !important; max-width: 1280px !important; } .ch-theme-community-shell.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--community.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--post.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--saved.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--notifications.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap { max-width: 900px !important; } .ch-theme-community-shell--profile.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--members.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap { max-width: 1100px !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, 860px) minmax(220px, 300px) !important; justify-content: center !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-left { grid-template-columns: minmax(220px, 300px) minmax(0, 860px) !important; justify-content: center !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-both { grid-template-columns: minmax(180px, 240px) minmax(0, 820px) minmax(180px, 240px) !important; justify-content: center !important; } .ch-theme-community-content-wrap > .ch-feed, .ch-theme-community-content-wrap > .ch-composer, .ch-theme-community-content-wrap .ch-feed, .ch-theme-community-content-wrap .ch-composer, .ch-theme-community-content-wrap .ch-bookmarks-page, .ch-theme-community-content-wrap .ch-notifications-page, .ch-theme-community-content-wrap .ch-community-feed-page, .ch-theme-community-content-wrap .ch-community-single-post-page { width: 100% !important; max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; } .ch-theme-community-content-wrap .ch-profile-page, .ch-theme-community-content-wrap .ch-profile-route-wrap, .ch-profile-header, .ch-profile-page, .ch-profile-route-wrap { width: 100% !important; max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; } .ch-theme-community-content-wrap .ch-feed .ch-activity-card, .ch-theme-community-content-wrap .ch-activity-card { width: 100% !important; } @media (max-width: 782px) { .ch-theme-header { z-index: 5000 !important; } .ch-theme-header-inner { min-height: 60px !important; gap: 8px !important; } .ch-theme-brand { max-width: calc(100vw - 170px) !important; } .ch-theme-header-actions { display: inline-flex !important; align-items: center !important; gap: 7px !important; flex: 0 0 auto !important; } .ch-theme-mode-toggle, .ch-theme-menu-toggle, .ch-theme-account-toggle { width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; padding: 0 !important; border-radius: 999px !important; } .ch-theme-account-toggle { display: inline-flex !important; justify-content: center !important; } .ch-theme-account-avatar { width: 34px !important; height: 34px !important; } .ch-theme-account-name, .ch-theme-account-caret, .ch-theme-mode-toggle-text { display: none !important; } .ch-theme-menu-panel { position: fixed !important; top: calc(var(--ch-mobile-header-top, 68px)) !important; left: auto !important; right: 10px !important; bottom: auto !important; width: min(360px, calc(100vw - 20px)) !important; max-width: calc(100vw - 20px) !important; max-height: min(640px, calc(100dvh - 86px)) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding: 12px !important; border-radius: 22px !important; background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28) !important; z-index: 5010 !important; } .admin-bar .ch-theme-menu-panel { top: calc(var(--ch-mobile-header-top, 78px)) !important; max-height: min(640px, calc(100dvh - 96px)) !important; } .ch-theme-menu-panel .ch-theme-menu-list, .ch-theme-menu-panel .ch-theme-community-nav { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; align-items: stretch !important; } .ch-theme-menu-panel a, .ch-theme-menu-panel .ch-theme-nav-pill { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 44px !important; padding: 11px 13px !important; border-radius: 15px !important; background: var(--ch-theme-surface-soft) !important; border: 1px solid var(--ch-theme-border) !important; color: var(--ch-theme-text) !important; text-decoration: none !important; box-shadow: none !important; } .ch-theme-menu-panel a:hover, .ch-theme-menu-panel .ch-theme-nav-pill:hover { transform: none !important; background: color-mix(in srgb, var(--ch-theme-blue) 12%, var(--ch-theme-surface)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 42%, var(--ch-theme-border)) !important; color: var(--ch-theme-blue) !important; } .ch-theme-menu-panel .sub-menu { position: static !important; left: auto !important; right: auto !important; top: auto !important; min-width: 0 !important; width: 100% !important; margin: 6px 0 0 !important; padding: 6px 0 0 10px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .ch-theme-account-panel { position: fixed !important; top: calc(var(--ch-mobile-header-top, 68px)) !important; left: auto !important; right: 10px !important; bottom: auto !important; width: min(330px, calc(100vw - 20px)) !important; max-width: calc(100vw - 20px) !important; max-height: min(560px, calc(100dvh - 86px)) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding: 10px !important; border-radius: 22px !important; background: var(--ch-theme-surface) !important; border: 1px solid var(--ch-theme-border) !important; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28) !important; z-index: 5020 !important; } .admin-bar .ch-theme-account-panel { top: calc(var(--ch-mobile-header-top, 78px)) !important; max-height: min(560px, calc(100dvh - 96px)) !important; } .ch-theme-account-panel-head { border-radius: 16px !important; } .ch-theme-account-panel a { min-height: 42px !important; border-radius: 14px !important; padding: 10px 12px !important; } html.ch-theme-menu-lock { overflow: auto !important; } } @media (max-width: 640px) { .ch-theme-container--community, .ch-theme-container, .ch-theme-header-inner, .ch-theme-footer-inner { width: min(100% - 16px, var(--ch-theme-max)) !important; } .ch-theme-community-shell { padding-top: 14px !important; gap: 12px !important; } .ch-theme-community-content-wrap, .ch-theme-community-content-wrap > .ch-feed, .ch-theme-community-content-wrap > .ch-composer, .ch-theme-community-content-wrap .ch-feed, .ch-theme-community-content-wrap .ch-composer, .ch-theme-community-content-wrap .ch-community-feed-page, .ch-theme-community-content-wrap .ch-community-single-post-page, .ch-theme-community-content-wrap .ch-bookmarks-page, .ch-theme-community-content-wrap .ch-notifications-page, .ch-theme-community-content-wrap .ch-profile-page, .ch-theme-community-content-wrap .ch-profile-route-wrap { width: 100% !important; max-width: 100% !important; } .ch-theme .ch-feed { padding-left: 0 !important; padding-right: 0 !important; } .ch-theme .ch-composer, .ch-theme .ch-feed .ch-activity-card, .ch-theme .ch-activity-card { border-radius: 18px !important; margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 782px) { body.ch-theme .ch-theme-header { z-index: 999900 !important; overflow: visible !important; } body.ch-theme .ch-theme-header-top, body.ch-theme .ch-theme-header-inner, body.ch-theme .ch-theme-header-actions, body.ch-theme .ch-theme-account, body.ch-theme .ch-theme-account--dropdown { overflow: visible !important; } body.ch-theme .ch-theme-header-actions > .ch-theme-account, body.ch-theme .ch-theme-header-actions .ch-theme-account--dropdown { display: inline-flex !important; position: relative !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } body.ch-theme .ch-theme-mode-toggle { order: 1 !important; } body.ch-theme .ch-theme-menu-toggle { order: 2 !important; display: inline-flex !important; } body.ch-theme .ch-theme-account { order: 3 !important; } body.ch-theme #ch-theme-menu-panel, body.ch-theme .ch-theme-menu-panel { position: fixed !important; left: auto !important; right: var(--ch-mobile-menu-right, 10px) !important; top: var(--ch-mobile-menu-top, 68px) !important; bottom: auto !important; width: min(372px, calc(100vw - 20px)) !important; max-width: calc(100vw - 20px) !important; max-height: calc(100dvh - var(--ch-mobile-menu-top, 68px) - 12px) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; transform: none !important; opacity: 1 !important; visibility: visible !important; padding: 12px !important; margin: 0 !important; border-radius: 22px !important; background: var(--ch-theme-surface, #ffffff) !important; color: var(--ch-theme-text, #101828) !important; border: 1px solid var(--ch-theme-border, #d9e3f0) !important; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34) !important; z-index: 999950 !important; } body.ch-theme #ch-theme-menu-panel[hidden], body.ch-theme .ch-theme-menu-panel[hidden] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } body.ch-theme.ch-theme-menu-open #ch-theme-menu-panel:not([hidden]), body.ch-theme.ch-theme-menu-open .ch-theme-menu-panel:not([hidden]) { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } body.ch-theme .ch-theme-menu-panel nav, body.ch-theme .ch-theme-menu-panel .ch-theme-primary-menu, body.ch-theme .ch-theme-menu-panel .ch-theme-community-menu { display: block !important; width: 100% !important; margin: 0 0 10px !important; } body.ch-theme .ch-theme-menu-panel nav:last-child, body.ch-theme .ch-theme-menu-panel .ch-theme-primary-menu:last-child, body.ch-theme .ch-theme-menu-panel .ch-theme-community-menu:last-child { margin-bottom: 0 !important; } body.ch-theme .ch-theme-menu-panel ul, body.ch-theme .ch-theme-menu-panel .menu, body.ch-theme .ch-theme-menu-panel .ch-theme-menu-list, body.ch-theme .ch-theme-menu-panel .ch-theme-community-nav { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; width: 100% !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } body.ch-theme .ch-theme-menu-panel li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.ch-theme .ch-theme-menu-panel a, body.ch-theme .ch-theme-menu-panel button, body.ch-theme .ch-theme-menu-panel .ch-theme-nav-pill { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 46px !important; padding: 12px 14px !important; border-radius: 15px !important; background: var(--ch-theme-surface-soft, #f8fbff) !important; background-image: none !important; color: var(--ch-theme-text, #101828) !important; border: 1px solid var(--ch-theme-border, #d9e3f0) !important; box-shadow: none !important; text-decoration: none !important; font-size: 15px !important; font-weight: 850 !important; line-height: 1.15 !important; text-align: left !important; opacity: 1 !important; visibility: visible !important; } body.ch-theme .ch-theme-menu-panel a:hover, body.ch-theme .ch-theme-menu-panel button:hover, body.ch-theme .ch-theme-menu-panel .ch-theme-nav-pill:hover { background: color-mix(in srgb, var(--ch-theme-blue, #0080ff) 12%, var(--ch-theme-surface, #ffffff)) !important; color: var(--ch-theme-blue, #0080ff) !important; border-color: color-mix(in srgb, var(--ch-theme-blue, #0080ff) 42%, var(--ch-theme-border, #d9e3f0)) !important; transform: none !important; filter: none !important; } body.ch-theme .ch-theme-menu-panel .sub-menu { position: static !important; left: auto !important; right: auto !important; top: auto !important; min-width: 0 !important; width: 100% !important; margin: 6px 0 0 !important; padding: 6px 0 0 10px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.ch-theme .ch-theme-account-panel { position: fixed !important; left: auto !important; right: var(--ch-mobile-account-right, 10px) !important; top: var(--ch-mobile-account-top, 68px) !important; bottom: auto !important; width: min(330px, calc(100vw - 20px)) !important; max-width: calc(100vw - 20px) !important; max-height: calc(100dvh - var(--ch-mobile-account-top, 68px) - 12px) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; transform: none !important; padding: 10px !important; margin: 0 !important; border-radius: 22px !important; background: var(--ch-theme-surface, #ffffff) !important; color: var(--ch-theme-text, #101828) !important; border: 1px solid var(--ch-theme-border, #d9e3f0) !important; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34) !important; z-index: 999960 !important; } body.ch-theme .ch-theme-account-panel[hidden] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } body.ch-theme .ch-theme-account.is-open > .ch-theme-account-panel:not([hidden]) { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } body.ch-theme .ch-theme-account-panel-head { background: var(--ch-theme-surface-soft, #f8fbff) !important; border: 1px solid var(--ch-theme-border, #d9e3f0) !important; border-radius: 16px !important; color: var(--ch-theme-text, #101828) !important; } body.ch-theme .ch-theme-account-panel a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 43px !important; padding: 10px 12px !important; border-radius: 14px !important; background: transparent !important; color: var(--ch-theme-text, #101828) !important; text-decoration: none !important; } body.ch-theme .ch-theme-account-panel a:hover { background: var(--ch-theme-surface-soft, #f8fbff) !important; color: var(--ch-theme-blue, #0080ff) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-menu-panel, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-account-panel { background: #0f1b2d !important; color: #f8fafc !important; border-color: rgba(148, 163, 184, 0.24) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-menu-panel a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-menu-panel button, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-menu-panel .ch-theme-nav-pill, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-account-panel-head, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-account-panel a { background: #142238 !important; color: #f8fafc !important; border-color: rgba(148, 163, 184, 0.24) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-menu-panel a:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-menu-panel button:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-menu-panel .ch-theme-nav-pill:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-account-panel a:hover { background: rgba(37, 99, 235, 0.24) !important; color: #ffffff !important; } } @media (max-width: 782px) { body.ch-theme #ch-theme-menu-panel, body.ch-theme .ch-theme-menu-panel { position: fixed !important; left: 10px !important; right: 10px !important; top: var(--ch-mobile-menu-top, 68px) !important; bottom: auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; max-height: calc(100dvh - var(--ch-mobile-menu-top, 68px) - 12px) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; transform: none !important; margin: 0 !important; padding: 12px !important; box-sizing: border-box !important; } body.ch-theme.ch-theme-menu-open #ch-theme-menu-panel:not([hidden]), body.ch-theme.ch-theme-menu-open .ch-theme-menu-panel:not([hidden]) { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } body.ch-theme .ch-theme-menu-panel *, body.ch-theme #ch-theme-menu-panel * { max-width: 100% !important; box-sizing: border-box !important; } body.ch-theme .ch-theme-menu-panel .ch-theme-menu-list, body.ch-theme #ch-theme-menu-panel .ch-theme-menu-list, body.ch-theme .ch-theme-menu-panel .menu, body.ch-theme #ch-theme-menu-panel .menu, body.ch-theme .ch-theme-menu-panel .ch-theme-community-nav, body.ch-theme #ch-theme-menu-panel .ch-theme-community-nav { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; } body.ch-theme .ch-theme-menu-panel a, body.ch-theme #ch-theme-menu-panel a, body.ch-theme .ch-theme-menu-panel .ch-theme-nav-pill, body.ch-theme #ch-theme-menu-panel .ch-theme-nav-pill { width: 100% !important; max-width: 100% !important; overflow-wrap: anywhere !important; } } @media (max-width: 782px) { body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu, body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 46px !important; gap: 6px !important; align-items: start !important; } body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu > a, body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu > a, body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu > .ch-theme-nav-pill, body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu > .ch-theme-nav-pill { grid-column: 1 / 2 !important; min-width: 0 !important; } body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu > .ch-mobile-submenu-toggle, body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu > .ch-mobile-submenu-toggle { grid-column: 2 / 3 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; min-width: 46px !important; max-width: 46px !important; min-height: 46px !important; padding: 0 !important; margin: 0 !important; border-radius: 15px !important; background: var(--ch-theme-surface-soft, #f8fbff) !important; background-image: none !important; color: var(--ch-theme-text, #101828) !important; border: 1px solid var(--ch-theme-border, #d9e3f0) !important; box-shadow: none !important; font-size: 20px !important; line-height: 1 !important; text-align: center !important; } body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu > .ch-mobile-submenu-toggle span, body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu > .ch-mobile-submenu-toggle span { display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: transform 0.16s ease !important; } body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu.is-submenu-open > .ch-mobile-submenu-toggle span, body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu.is-submenu-open > .ch-mobile-submenu-toggle span { transform: rotate(180deg) !important; } body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu > .sub-menu, body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu > .sub-menu { grid-column: 1 / -1 !important; display: none !important; position: static !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; min-width: 0 !important; margin: 2px 0 2px 10px !important; padding: 6px 0 6px 10px !important; border: 0 !important; border-left: 2px solid color-mix(in srgb, var(--ch-theme-blue, #0080ff) 32%, var(--ch-theme-border, #d9e3f0)) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu.is-submenu-open > .sub-menu, body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu.is-submenu-open > .sub-menu { display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; } body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu > .sub-menu[hidden], body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu > .sub-menu[hidden] { display: none !important; } body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu > .sub-menu a, body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu > .sub-menu a { min-height: 42px !important; font-size: 14px !important; padding: 10px 12px !important; border-radius: 13px !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu > .ch-mobile-submenu-toggle, html[data-ch-theme-mode="dark"] body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu > .ch-mobile-submenu-toggle { background: #142238 !important; color: #f8fafc !important; border-color: rgba(148, 163, 184, 0.24) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-menu-panel li.ch-mobile-has-submenu > .sub-menu, html[data-ch-theme-mode="dark"] body.ch-theme #ch-theme-menu-panel li.ch-mobile-has-submenu > .sub-menu { border-left-color: rgba(96, 165, 250, 0.42) !important; } } .ch-theme-container--community { --ch-social-stack-width: 920px; --ch-profile-stack-width: 1040px; --ch-directory-stack-width: 1120px; width: min(100% - 32px, 1320px) !important; max-width: 1320px !important; margin-left: auto !important; margin-right: auto !important; } .ch-theme-community-shell { width: 100% !important; align-items: start !important; justify-content: center !important; gap: clamp(18px, 2vw, 28px) !important; } .ch-theme-community-content-wrap { width: 100% !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; } .ch-theme-community-shell--community.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--post.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--saved.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--notifications.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap { max-width: var(--ch-social-stack-width) !important; } .ch-theme-community-shell--community .ch-theme-community-content-wrap > .ch-feed, .ch-theme-community-shell--community .ch-theme-community-content-wrap > .ch-composer, .ch-theme-community-shell--community .ch-theme-community-content-wrap .ch-feed, .ch-theme-community-shell--community .ch-theme-community-content-wrap .ch-composer, .ch-theme-community-shell--community .ch-theme-community-content-wrap .ch-community-feed-page, .ch-theme-community-shell--post .ch-theme-community-content-wrap .ch-community-single-post-page, .ch-theme-community-shell--saved .ch-theme-community-content-wrap .ch-bookmarks-page, .ch-theme-community-shell--notifications .ch-theme-community-content-wrap .ch-notifications-page { width: 100% !important; max-width: var(--ch-social-stack-width) !important; margin-left: auto !important; margin-right: auto !important; } .ch-theme-community-shell--community .ch-composer, .ch-theme-community-shell--community .ch-feed .ch-activity-card, .ch-theme-community-shell--post .ch-feed .ch-activity-card, .ch-theme-community-shell--saved .ch-feed .ch-activity-card, .ch-theme-community-shell--notifications .ch-feed .ch-activity-card { width: 100% !important; max-width: 100% !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, var(--ch-social-stack-width)) minmax(240px, 300px) !important; justify-content: center !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-left { grid-template-columns: minmax(240px, 300px) minmax(0, var(--ch-social-stack-width)) !important; justify-content: center !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-both { grid-template-columns: minmax(180px, 240px) minmax(0, 860px) minmax(180px, 240px) !important; justify-content: center !important; } .ch-theme-community-shell--profile.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--profile .ch-profile-route-wrap, .ch-theme-community-shell--profile .ch-profile-page, .ch-theme-community-shell--profile .ch-profile-shell, .ch-theme-community-shell--profile .ch-profile-header, .ch-theme-community-shell--profile .ch-profile-hub-nav, .ch-theme-community-shell--profile .ch-hub-page-nav, .ch-theme-community-shell--profile .ch-community-page-nav, .ch-theme-community-shell--profile .ch-profile-tabs, .ch-theme-community-shell--profile .ch-profile-section, .ch-theme-community-shell--profile .ch-profile-section-header, .ch-theme-community-shell--profile .ch-profile-section-title, .ch-theme-community-shell--profile .ch-profile-posts, .ch-theme-community-shell--profile .ch-profile-comments, .ch-theme-community-shell--profile .ch-profile-media, .ch-theme-community-shell--profile .ch-profile-about, .ch-theme-community-shell--profile .ch-feed, .ch-theme-community-shell--profile .ch-composer, .ch-theme-community-shell--profile .ch-activity-card { width: 100% !important; max-width: var(--ch-profile-stack-width) !important; margin-left: auto !important; margin-right: auto !important; } .ch-theme-community-shell--profile.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, min(100%, 960px)) minmax(240px, 300px) !important; } .ch-theme-community-shell--profile.ch-theme-layout--sidebar-left { grid-template-columns: minmax(240px, 300px) minmax(0, min(100%, 960px)) !important; } .ch-theme-community-shell--members.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--members .ch-members-directory-page, .ch-theme-community-shell--members .ch-member-directory-page { width: 100% !important; max-width: var(--ch-directory-stack-width) !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 782px) { .ch-theme-container--community { width: min(100% - 16px, var(--ch-theme-max)) !important; } .ch-theme-community-content-wrap, .ch-theme-community-content-wrap > .ch-feed, .ch-theme-community-content-wrap > .ch-composer, .ch-theme-community-content-wrap .ch-feed, .ch-theme-community-content-wrap .ch-composer, .ch-theme-community-content-wrap .ch-community-feed-page, .ch-theme-community-content-wrap .ch-community-single-post-page, .ch-theme-community-content-wrap .ch-bookmarks-page, .ch-theme-community-content-wrap .ch-notifications-page, .ch-theme-community-content-wrap .ch-profile-page, .ch-theme-community-content-wrap .ch-profile-route-wrap, .ch-profile-header, .ch-profile-hub-nav, .ch-hub-page-nav, .ch-profile-section-header, .ch-profile-section-title { max-width: 100% !important; } } .ch-theme-mobile-widget-bar { display: none !important; } @media (max-width: 1024px) { .ch-theme-mobile-widget-bar { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; width: min(100% - 20px, 920px) !important; max-width: 920px !important; margin: 18px auto 28px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .ch-theme-mobile-widget-bar .ch-theme-widget, .ch-theme-mobile-widget-bar .widget, .ch-theme-mobile-widget-bar section { width: 100% !important; margin: 0 !important; background: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 18px !important; box-shadow: var(--ch-theme-soft-shadow, 0 12px 34px rgba(15, 23, 42, 0.08)) !important; padding: 16px !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-mobile-widget-bar .ch-theme-widget, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-mobile-widget-bar .widget, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-mobile-widget-bar section { background: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border-color: var(--ch-theme-border) !important; } } .ch-theme-container--community { --ch-social-stack-width: 820px; --ch-profile-stack-width: 1040px; --ch-directory-stack-width: 1120px; } .ch-theme-community-shell--community.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--post.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap { width: 100% !important; max-width: var(--ch-social-stack-width) !important; margin-left: auto !important; margin-right: auto !important; } .ch-theme-community-shell--community .ch-theme-community-content-wrap > .ch-feed, .ch-theme-community-shell--community .ch-theme-community-content-wrap > .ch-composer, .ch-theme-community-shell--community .ch-theme-community-content-wrap .ch-feed, .ch-theme-community-shell--community .ch-theme-community-content-wrap .ch-composer, .ch-theme-community-shell--community .ch-theme-community-content-wrap .ch-community-feed-page, .ch-theme-community-shell--post .ch-theme-community-content-wrap > .ch-feed, .ch-theme-community-shell--post .ch-theme-community-content-wrap .ch-feed, .ch-theme-community-shell--post .ch-theme-community-content-wrap .ch-community-single-post-page { width: 100% !important; max-width: var(--ch-social-stack-width) !important; margin-left: auto !important; margin-right: auto !important; } .ch-theme-community-shell--community .ch-composer, .ch-theme-community-shell--community .ch-feed .ch-activity-card, .ch-theme-community-shell--community .ch-activity-card, .ch-theme-community-shell--post .ch-feed .ch-activity-card, .ch-theme-community-shell--post .ch-activity-card { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .ch-theme-community-shell--community.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, var(--ch-social-stack-width)) minmax(230px, 280px) !important; justify-content: center !important; } .ch-theme-community-shell--community.ch-theme-layout--sidebar-left { grid-template-columns: minmax(230px, 280px) minmax(0, var(--ch-social-stack-width)) !important; justify-content: center !important; } .ch-theme-community-shell--community.ch-theme-layout--sidebar-both { grid-template-columns: minmax(170px, 220px) minmax(0, 780px) minmax(170px, 220px) !important; justify-content: center !important; } .ch-theme-community-shell--community.ch-theme-layout--no-sidebar, .ch-theme-community-shell--post.ch-theme-layout--no-sidebar { display: flex !important; justify-content: center !important; align-items: flex-start !important; } @media (max-width: 782px) { .ch-theme-container--community { width: min(100% - 14px, var(--ch-theme-max)) !important; } .ch-theme-community-shell--community.ch-theme-layout--no-sidebar, .ch-theme-community-shell--post.ch-theme-layout--no-sidebar { display: block !important; } } .ch-theme-mobile-widget-toggle, .ch-theme-mobile-widget-drawer { display: none; } @media (max-width: 1024px) { .ch-theme-mobile-widget-bar { display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .ch-theme-mobile-widget-toggle { position: fixed !important; right: 14px !important; bottom: max(14px, env(safe-area-inset-bottom)) !important; z-index: 2147482200 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 42px !important; padding: 10px 14px !important; border-radius: 999px !important; border: 1px solid color-mix(in srgb, var(--ch-theme-blue) 38%, var(--ch-theme-border)) !important; background: var(--ch-theme-blue) !important; color: #ffffff !important; font-size: 13px !important; font-weight: 950 !important; line-height: 1 !important; box-shadow: 0 14px 34px rgba(0, 128, 255, 0.28) !important; cursor: pointer !important; } .ch-theme-mobile-widget-toggle-icon { font-size: 14px !important; line-height: 1 !important; } .ch-theme-mobile-widget-drawer { position: fixed !important; left: 10px !important; right: 10px !important; bottom: max(10px, env(safe-area-inset-bottom)) !important; z-index: 2147482300 !important; display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; max-height: min(72dvh, 640px) !important; overflow: hidden !important; background: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 22px !important; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.34) !important; } .ch-theme-mobile-widget-drawer[hidden] { display: none !important; } .ch-theme-mobile-widget-drawer-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 14px 16px !important; border-bottom: 1px solid var(--ch-theme-border) !important; background: color-mix(in srgb, var(--ch-theme-surface) 92%, var(--ch-theme-blue) 8%) !important; color: var(--ch-theme-text) !important; } .ch-theme-mobile-widget-drawer-head strong { color: var(--ch-theme-text) !important; font-size: 15px !important; font-weight: 950 !important; } .ch-theme-mobile-widget-close { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: var(--ch-theme-surface-soft) !important; color: var(--ch-theme-text) !important; box-shadow: none !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1 !important; cursor: pointer !important; } .ch-theme-mobile-widget-drawer-content { min-height: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; display: grid !important; gap: 12px !important; padding: 14px !important; } .ch-theme-mobile-widget-drawer-content .ch-theme-widget, .ch-theme-mobile-widget-drawer-content .widget, .ch-theme-mobile-widget-drawer-content section { width: 100% !important; margin: 0 !important; background: var(--ch-theme-surface-soft) !important; color: var(--ch-theme-text) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 16px !important; box-shadow: none !important; padding: 14px !important; } html.ch-theme-mobile-widgets-open { overflow: hidden !important; } } @media (min-width: 783px) { .ch-theme-container--community { --ch-social-stack-width: 780px; --ch-social-stack-wide: 820px; } .ch-theme-community-shell--community.ch-theme-layout--no-sidebar, .ch-theme-community-shell--post.ch-theme-layout--no-sidebar { display: grid !important; grid-template-columns: minmax(0, var(--ch-social-stack-width)) !important; justify-content: center !important; align-items: start !important; } .ch-theme-community-shell--community.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--post.ch-theme-layout--no-sidebar .ch-theme-community-content-wrap, .ch-theme-community-shell--community .ch-theme-community-content-wrap > .ch-feed, .ch-theme-community-shell--community .ch-theme-community-content-wrap > .ch-composer, .ch-theme-community-shell--community .ch-theme-community-content-wrap .ch-community-feed-page, .ch-theme-community-shell--community .ch-theme-community-content-wrap .ch-feed, .ch-theme-community-shell--community .ch-theme-community-content-wrap .ch-composer, .ch-theme-community-shell--post .ch-theme-community-content-wrap > .ch-feed, .ch-theme-community-shell--post .ch-theme-community-content-wrap .ch-feed, .ch-theme-community-shell--post .ch-theme-community-content-wrap .ch-community-single-post-page { width: 100% !important; max-width: var(--ch-social-stack-width) !important; margin-left: auto !important; margin-right: auto !important; } .ch-theme-community-shell--community .ch-composer, .ch-theme-community-shell--community .ch-feed .ch-activity-card, .ch-theme-community-shell--community .ch-activity-card, .ch-theme-community-shell--post .ch-feed .ch-activity-card, .ch-theme-community-shell--post .ch-activity-card { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .ch-theme-community-shell--community.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, var(--ch-social-stack-width)) minmax(230px, 280px) !important; justify-content: center !important; } .ch-theme-community-shell--community.ch-theme-layout--sidebar-left { grid-template-columns: minmax(230px, 280px) minmax(0, var(--ch-social-stack-width)) !important; justify-content: center !important; } .ch-theme-community-shell--community.ch-theme-layout--sidebar-both { grid-template-columns: minmax(170px, 220px) minmax(0, var(--ch-social-stack-width)) minmax(170px, 220px) !important; justify-content: center !important; } } .ch-theme-mobile-widget-toggle { display: none !important; } .ch-theme-mobile-widget-swipe-zone, .ch-theme-mobile-widget-backdrop, .ch-theme-mobile-widget-drawer { display: none; } @media (max-width: 1024px) { .ch-theme-mobile-widget-bar { display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .ch-theme-mobile-widget-swipe-zone { display: block !important; position: fixed !important; top: 72px !important; right: 0 !important; bottom: 0 !important; width: 22px !important; z-index: 2147482000 !important; background: transparent !important; pointer-events: none !important; } .ch-theme-mobile-widget-backdrop { position: fixed !important; inset: 0 !important; z-index: 2147482290 !important; display: block !important; background: rgba(2, 6, 23, 0.42) !important; backdrop-filter: blur(2px) !important; } .ch-theme-mobile-widget-backdrop[hidden] { display: none !important; } .ch-theme-mobile-widget-drawer { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; z-index: 2147482300 !important; width: min(86vw, 380px) !important; max-width: calc(100vw - 34px) !important; display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; overflow: hidden !important; background: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border-left: 1px solid var(--ch-theme-border) !important; border-radius: 22px 0 0 22px !important; box-shadow: -24px 0 80px rgba(0, 0, 0, 0.34) !important; transform: translateX(106%) !important; transition: transform 0.22s ease !important; } .ch-theme-mobile-widget-drawer[hidden] { display: grid !important; } html.ch-theme-mobile-widgets-open .ch-theme-mobile-widget-drawer { transform: translateX(0) !important; } .admin-bar .ch-theme-mobile-widget-drawer { top: 46px !important; } .ch-theme-mobile-widget-drawer-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 14px 16px !important; border-bottom: 1px solid var(--ch-theme-border) !important; background: color-mix(in srgb, var(--ch-theme-surface) 92%, var(--ch-theme-blue) 8%) !important; color: var(--ch-theme-text) !important; } .ch-theme-mobile-widget-drawer-head strong { color: var(--ch-theme-text) !important; font-size: 15px !important; font-weight: 950 !important; } .ch-theme-mobile-widget-close { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: var(--ch-theme-surface-soft) !important; color: var(--ch-theme-text) !important; box-shadow: none !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1 !important; cursor: pointer !important; } .ch-theme-mobile-widget-drawer-content { min-height: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; display: grid !important; gap: 12px !important; padding: 14px !important; } .ch-theme-mobile-widget-drawer-content .ch-theme-widget, .ch-theme-mobile-widget-drawer-content .widget, .ch-theme-mobile-widget-drawer-content section { width: 100% !important; margin: 0 !important; background: var(--ch-theme-surface-soft) !important; color: var(--ch-theme-text) !important; border: 1px solid var(--ch-theme-border) !important; border-radius: 16px !important; box-shadow: none !important; padding: 14px !important; } html.ch-theme-mobile-widgets-open { overflow: hidden !important; } } .ch-theme-mobile-widget-bar, .ch-theme-mobile-widget-toggle, .ch-theme-mobile-widget-swipe-zone, .ch-theme-mobile-widget-backdrop, .ch-theme-mobile-widget-drawer { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } html.ch-theme-mobile-widgets-open { overflow: auto !important; } .ch-theme-mobile-widget-toggle, .ch-theme-mobile-widget-swipe-zone, .ch-theme-mobile-widget-backdrop, .ch-theme-mobile-widget-drawer, .ch-theme-mobile-widget-drawer[hidden] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } html.ch-theme-mobile-widgets-open { overflow: auto !important; } @media (min-width: 1025px) { .ch-theme-community-shell { gap: clamp(10px, 1.05vw, 16px) !important; column-gap: clamp(10px, 1.05vw, 16px) !important; } .ch-theme-community-shell--community.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, var(--ch-social-stack-width, 780px)) minmax(230px, 280px) !important; gap: clamp(10px, 1.05vw, 16px) !important; justify-content: center !important; } .ch-theme-community-shell--community.ch-theme-layout--sidebar-left { grid-template-columns: minmax(230px, 280px) minmax(0, var(--ch-social-stack-width, 780px)) !important; gap: clamp(10px, 1.05vw, 16px) !important; justify-content: center !important; } .ch-theme-community-shell--community.ch-theme-layout--sidebar-both { grid-template-columns: minmax(170px, 220px) minmax(0, var(--ch-social-stack-width, 780px)) minmax(170px, 220px) !important; gap: clamp(8px, 0.9vw, 14px) !important; justify-content: center !important; } .ch-theme-sidebar, .ch-theme-community-shell .ch-theme-sidebar { margin-left: 0 !important; margin-right: 0 !important; } } .ch-theme .ch-composer-submit, .ch-theme .ch-composer-upload, .ch-theme .ch-composer .ch-composer-submit, .ch-theme .ch-composer .ch-composer-upload, .ch-theme .ch-composer-actions .ch-composer-submit, .ch-theme .ch-composer-actions .ch-composer-upload { box-shadow: none !important; filter: none !important; } .ch-theme .ch-composer-submit, .ch-theme .ch-composer .ch-composer-submit, .ch-theme .ch-composer-actions .ch-composer-submit { background: #2563eb !important; color: #ffffff !important; border: 1px solid #2563eb !important; } .ch-theme .ch-composer-submit:hover, .ch-theme .ch-composer .ch-composer-submit:hover, .ch-theme .ch-composer-actions .ch-composer-submit:hover { background: #1d4ed8 !important; border-color: #1d4ed8 !important; box-shadow: none !important; transform: none !important; } .ch-theme .ch-composer-upload, .ch-theme .ch-composer .ch-composer-upload, .ch-theme .ch-composer-actions .ch-composer-upload { background: var(--ch-theme-surface-soft, #f8fafc) !important; color: var(--ch-theme-text, #111827) !important; border: 1px solid var(--ch-theme-border, #dbe3ec) !important; } .ch-theme .ch-composer-upload:hover, .ch-theme .ch-composer .ch-composer-upload:hover, .ch-theme .ch-composer-actions .ch-composer-upload:hover { background: color-mix(in srgb, var(--ch-theme-blue, #0080ff) 9%, var(--ch-theme-surface, #ffffff)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue, #0080ff) 30%, var(--ch-theme-border, #dbe3ec)) !important; color: var(--ch-theme-blue, #0080ff) !important; box-shadow: none !important; transform: none !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer-upload, html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer .ch-composer-upload, html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer-actions .ch-composer-upload { background: rgba(255, 255, 255, 0.055) !important; color: #f8fafc !important; border-color: rgba(148, 163, 184, 0.24) !important; } @media (max-width: 782px) { .ch-theme-community-shell--notifications .ch-theme-community-content-wrap, .ch-theme-community-shell--notifications .ch-notifications-page { width: 100% !important; max-width: 100% !important; } .ch-notifications-header, .ch-theme .ch-notifications-header, .ch-theme-community-shell--notifications .ch-notifications-header { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; align-items: start !important; width: 100% !important; margin: 0 0 12px !important; padding: 14px !important; border-radius: 18px !important; background: var(--ch-theme-surface, #ffffff) !important; border: 1px solid var(--ch-theme-border, #dbe3ec) !important; box-shadow: var(--ch-theme-soft-shadow, 0 10px 28px rgba(15, 23, 42, 0.07)) !important; color: var(--ch-theme-text, #111827) !important; text-align: left !important; } .ch-notifications-header h1, .ch-notifications-header h2, .ch-notifications-header h3, .ch-theme .ch-notifications-header h1, .ch-theme .ch-notifications-header h2, .ch-theme .ch-notifications-header h3 { margin: 0 !important; color: var(--ch-theme-text, #111827) !important; font-size: clamp(1.35rem, 7vw, 1.85rem) !important; line-height: 1.05 !important; letter-spacing: -0.04em !important; } .ch-notifications-header p, .ch-notifications-header .ch-muted, .ch-notifications-header .ch-notifications-description, .ch-theme .ch-notifications-header p { margin: 2px 0 0 !important; color: var(--ch-theme-muted, #64748b) !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 700 !important; } .ch-notifications-header-actions, .ch-notifications-actions, .ch-theme .ch-notifications-header .ch-actions, .ch-theme .ch-notifications-header form { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; width: 100% !important; margin: 0 !important; } .ch-notifications-header button, .ch-notifications-header a.button, .ch-notifications-header .button, .ch-notification-mark-read, .ch-notifications-mark-read, .ch-theme .ch-notifications-header button, .ch-theme .ch-notifications-header a { width: auto !important; max-width: 100% !important; min-height: 36px !important; padding: 8px 12px !important; border-radius: 999px !important; box-shadow: none !important; font-size: 12.5px !important; line-height: 1 !important; text-align: center !important; white-space: normal !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--notifications .ch-notifications-header { background: #0f1b2d !important; border-color: rgba(148, 163, 184, 0.24) !important; color: #f8fafc !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header h1, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header h2, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header h3 { color: #f8fafc !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header p, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header .ch-muted, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header .ch-notifications-description { color: #a8b5c7 !important; } } .ch-theme-mobile-widget-toggle, .ch-theme-mobile-widget-swipe-zone, .ch-theme-mobile-widget-backdrop, .ch-theme-mobile-widget-drawer, .ch-theme-mobile-widget-drawer[hidden] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } html.ch-theme-mobile-widgets-open { overflow: auto !important; } @media (min-width: 1180px) { .ch-theme-container--community { width: min(100% - 32px, 1540px) !important; max-width: 1540px !important; --ch-social-stack-width: 820px; --ch-profile-stack-width: 1040px; --ch-directory-stack-width: 1120px; } .ch-theme-community-shell { gap: clamp(12px, 1.1vw, 18px) !important; column-gap: clamp(12px, 1.1vw, 18px) !important; justify-content: center !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-right, .ch-theme-community-shell--community.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, var(--ch-social-stack-width, 820px)) minmax(280px, 340px) !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-left, .ch-theme-community-shell--community.ch-theme-layout--sidebar-left { grid-template-columns: minmax(280px, 340px) minmax(0, var(--ch-social-stack-width, 820px)) !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-both, .ch-theme-community-shell--community.ch-theme-layout--sidebar-both { grid-template-columns: minmax(250px, 320px) minmax(0, var(--ch-social-stack-width, 820px)) minmax(250px, 320px) !important; } .ch-theme-sidebar, .ch-theme-community-shell .ch-theme-sidebar { width: 100% !important; min-width: 0 !important; max-width: 340px !important; padding: 14px !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-both .ch-theme-sidebar, .ch-theme-community-shell--community.ch-theme-layout--sidebar-both .ch-theme-sidebar { max-width: 320px !important; } .ch-theme-sidebar .ch-theme-widget, .ch-theme-sidebar .widget, .ch-theme-sidebar section { width: 100% !important; max-width: 100% !important; overflow-wrap: anywhere !important; word-break: normal !important; } .ch-theme-sidebar .widget img, .ch-theme-sidebar .ch-theme-widget img, .ch-theme-sidebar section img, .ch-theme-sidebar iframe, .ch-theme-sidebar video, .ch-theme-sidebar table { max-width: 100% !important; } } @media (max-width: 782px) { .ch-theme-community-shell--saved .ch-theme-community-content-wrap, .ch-theme-community-shell--saved .ch-bookmarks-page { width: 100% !important; max-width: 100% !important; } .ch-bookmarks-header, .ch-theme .ch-bookmarks-header, .ch-theme-community-shell--saved .ch-bookmarks-header { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; align-items: start !important; width: 100% !important; margin: 0 0 12px !important; padding: 14px !important; border-radius: 18px !important; background: var(--ch-theme-surface, #ffffff) !important; border: 1px solid var(--ch-theme-border, #dbe3ec) !important; box-shadow: var(--ch-theme-soft-shadow, 0 10px 28px rgba(15, 23, 42, 0.07)) !important; color: var(--ch-theme-text, #111827) !important; text-align: left !important; } .ch-bookmarks-header h1, .ch-bookmarks-header h2, .ch-bookmarks-header h3, .ch-theme .ch-bookmarks-header h1, .ch-theme .ch-bookmarks-header h2, .ch-theme .ch-bookmarks-header h3 { margin: 0 !important; color: var(--ch-theme-text, #111827) !important; font-size: clamp(1.35rem, 7vw, 1.85rem) !important; line-height: 1.05 !important; letter-spacing: -0.04em !important; } .ch-bookmarks-header p, .ch-bookmarks-header .ch-muted, .ch-bookmarks-header .ch-bookmarks-description, .ch-theme .ch-bookmarks-header p { margin: 2px 0 0 !important; color: var(--ch-theme-muted, #64748b) !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 700 !important; } .ch-bookmarks-header-actions, .ch-bookmarks-actions, .ch-theme .ch-bookmarks-header .ch-actions, .ch-theme .ch-bookmarks-header form { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; width: 100% !important; margin: 0 !important; } .ch-bookmarks-header button, .ch-bookmarks-header a.button, .ch-bookmarks-header .button, .ch-theme .ch-bookmarks-header button, .ch-theme .ch-bookmarks-header a { width: auto !important; max-width: 100% !important; min-height: 36px !important; padding: 8px 12px !important; border-radius: 999px !important; box-shadow: none !important; font-size: 12.5px !important; line-height: 1 !important; text-align: center !important; white-space: normal !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header { background: #0f1b2d !important; border-color: rgba(148, 163, 184, 0.24) !important; color: #f8fafc !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header h1, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header h2, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header h3 { color: #f8fafc !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header p, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header .ch-muted, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header .ch-bookmarks-description { color: #a8b5c7 !important; } } .ch-theme-community-shell--members .ch-member-directory-header, .ch-theme-community-shell--members .ch-members-header { margin-bottom: 14px !important; } .ch-theme-community-shell--members .ch-member-directory-search, .ch-theme-community-shell--members .ch-members-search, .ch-theme-community-shell--members .ch-member-search, .ch-theme-community-shell--members .ch-directory-search, .ch-theme-community-shell--members .ch-member-directory-filters, .ch-theme-community-shell--members .ch-members-directory-filters, .ch-theme-community-shell--members .ch-members-filter-bar, .ch-theme-community-shell--members form[role="search"] { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; margin: 0 0 16px !important; padding: 12px !important; border-radius: 20px !important; background: var(--ch-theme-surface, #ffffff) !important; border: 1px solid var(--ch-theme-border, #dbe3ec) !important; box-shadow: var(--ch-theme-soft-shadow, 0 12px 34px rgba(15, 23, 42, 0.06)) !important; } .ch-theme-community-shell--members .ch-member-directory-search input[type="search"], .ch-theme-community-shell--members .ch-member-directory-search input[type="text"], .ch-theme-community-shell--members .ch-members-search input[type="search"], .ch-theme-community-shell--members .ch-members-search input[type="text"], .ch-theme-community-shell--members .ch-member-search input[type="search"], .ch-theme-community-shell--members .ch-member-search input[type="text"], .ch-theme-community-shell--members .ch-directory-search input[type="search"], .ch-theme-community-shell--members .ch-directory-search input[type="text"], .ch-theme-community-shell--members .ch-member-directory-filters input[type="search"], .ch-theme-community-shell--members .ch-member-directory-filters input[type="text"], .ch-theme-community-shell--members .ch-members-directory-filters input[type="search"], .ch-theme-community-shell--members .ch-members-directory-filters input[type="text"], .ch-theme-community-shell--members .ch-members-filter-bar input[type="search"], .ch-theme-community-shell--members .ch-members-filter-bar input[type="text"], .ch-theme-community-shell--members form[role="search"] input[type="search"], .ch-theme-community-shell--members form[role="search"] input[type="text"] { flex: 1 1 auto !important; min-width: 0 !important; min-height: 44px !important; border-radius: 999px !important; background: var(--ch-theme-surface-soft, #f8fafc) !important; border: 1px solid var(--ch-theme-border, #dbe3ec) !important; color: var(--ch-theme-text, #111827) !important; padding: 10px 14px !important; box-shadow: none !important; font-size: 14px !important; font-weight: 700 !important; } .ch-theme-community-shell--members .ch-member-directory-search button, .ch-theme-community-shell--members .ch-members-search button, .ch-theme-community-shell--members .ch-member-search button, .ch-theme-community-shell--members .ch-directory-search button, .ch-theme-community-shell--members .ch-member-directory-filters button, .ch-theme-community-shell--members .ch-members-directory-filters button, .ch-theme-community-shell--members .ch-members-filter-bar button, .ch-theme-community-shell--members form[role="search"] button, .ch-theme-community-shell--members form[role="search"] input[type="submit"] { flex: 0 0 auto !important; min-height: 42px !important; border-radius: 999px !important; padding: 9px 14px !important; background: var(--ch-theme-blue, #0080ff) !important; color: #ffffff !important; border: 1px solid var(--ch-theme-blue, #0080ff) !important; box-shadow: none !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; } .ch-theme-community-shell--members .ch-member-directory-search select, .ch-theme-community-shell--members .ch-members-search select, .ch-theme-community-shell--members .ch-member-directory-filters select, .ch-theme-community-shell--members .ch-members-directory-filters select, .ch-theme-community-shell--members .ch-members-filter-bar select { min-height: 42px !important; border-radius: 999px !important; padding: 9px 36px 9px 13px !important; background: var(--ch-theme-surface-soft, #f8fafc) !important; color: var(--ch-theme-text, #111827) !important; border: 1px solid var(--ch-theme-border, #dbe3ec) !important; box-shadow: none !important; font-size: 13px !important; font-weight: 800 !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--members .ch-member-directory-search, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--members .ch-members-search, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--members .ch-member-search, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--members .ch-directory-search, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--members .ch-member-directory-filters, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--members .ch-members-directory-filters, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--members .ch-members-filter-bar, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--members form[role="search"] { background: #0f1b2d !important; border-color: rgba(148, 163, 184, 0.24) !important; color: #f8fafc !important; } @media (max-width: 640px) { .ch-theme-community-shell--members .ch-member-directory-search, .ch-theme-community-shell--members .ch-members-search, .ch-theme-community-shell--members .ch-member-search, .ch-theme-community-shell--members .ch-directory-search, .ch-theme-community-shell--members .ch-member-directory-filters, .ch-theme-community-shell--members .ch-members-directory-filters, .ch-theme-community-shell--members .ch-members-filter-bar, .ch-theme-community-shell--members form[role="search"] { display: grid !important; grid-template-columns: 1fr !important; gap: 9px !important; padding: 11px !important; border-radius: 18px !important; } .ch-theme-community-shell--members .ch-member-directory-search button, .ch-theme-community-shell--members .ch-members-search button, .ch-theme-community-shell--members .ch-member-search button, .ch-theme-community-shell--members .ch-directory-search button, .ch-theme-community-shell--members form[role="search"] button, .ch-theme-community-shell--members form[role="search"] input[type="submit"] { width: 100% !important; } } @media (min-width: 1180px) { .ch-theme-container--community { width: min(100% - 24px, 1540px) !important; max-width: 1540px !important; --ch-social-stack-width: 820px; } .ch-theme-community-shell, .ch-theme-community-shell--community { gap: 4px !important; column-gap: 4px !important; align-items: start !important; justify-content: center !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-right, .ch-theme-community-shell--community.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, var(--ch-social-stack-width, 820px)) minmax(280px, 340px) !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-left, .ch-theme-community-shell--community.ch-theme-layout--sidebar-left { grid-template-columns: minmax(280px, 340px) minmax(0, var(--ch-social-stack-width, 820px)) !important; } .ch-theme-community-shell.ch-theme-layout--sidebar-both, .ch-theme-community-shell--community.ch-theme-layout--sidebar-both { grid-template-columns: minmax(250px, 320px) minmax(0, var(--ch-social-stack-width, 820px)) minmax(250px, 320px) !important; } .ch-theme-community-shell .ch-theme-sidebar, .ch-theme-community-shell--community .ch-theme-sidebar { position: static !important; top: auto !important; max-height: none !important; overflow: visible !important; overscroll-behavior: auto !important; -webkit-overflow-scrolling: auto !important; scrollbar-gutter: auto !important; padding: 12px !important; margin-left: 0 !important; margin-right: 0 !important; } .ch-theme-community-shell .ch-theme-sidebar--left, .ch-theme-community-shell--community .ch-theme-sidebar--left { margin-right: 0 !important; } .ch-theme-community-shell .ch-theme-sidebar--right, .ch-theme-community-shell--community .ch-theme-sidebar--right { margin-left: 0 !important; } .ch-theme-community-shell .ch-theme-community-content-wrap, .ch-theme-community-shell--community .ch-theme-community-content-wrap { margin-left: 0 !important; margin-right: 0 !important; } .ch-sidebar-feed-guard { display: block !important; width: 100% !important; height: var(--ch-sidebar-feed-guard-height, 0px) !important; min-height: 0 !important; pointer-events: none !important; visibility: hidden !important; } } @media (min-width: 1480px) { .ch-theme-community-shell, .ch-theme-community-shell--community { gap: 4px !important; column-gap: 4px !important; } } @media (min-width: 1180px) { .ch-theme-community-shell, .ch-theme-community-shell--community { gap: 6px !important; column-gap: 6px !important; } .ch-theme-community-shell .ch-theme-sidebar, .ch-theme-community-shell--community .ch-theme-sidebar { padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ch-theme-community-shell .ch-theme-sidebar .ch-theme-widget, .ch-theme-community-shell--community .ch-theme-sidebar .ch-theme-widget, .ch-theme-community-shell .ch-theme-sidebar .widget, .ch-theme-community-shell--community .ch-theme-sidebar .widget, .ch-theme-community-shell .ch-theme-sidebar section, .ch-theme-community-shell--community .ch-theme-sidebar section { margin-bottom: 10px !important; } body.ch-route-community .ch-theme-main, body.ch-route-profile .ch-theme-main, body.ch-route-members .ch-theme-main, body.ch-route-notifications .ch-theme-main, body.ch-route-saved .ch-theme-main, body[class*="ch-route-community"] .ch-theme-main, body[class*="ch-route-profile"] .ch-theme-main { padding-top: 12px !important; } .ch-theme-container--community .ch-theme-community-shell, .ch-theme-community-shell, .ch-theme-community-shell--community, .ch-theme-community-shell--profile, .ch-theme-community-shell--members, .ch-theme-community-shell--notifications, .ch-theme-community-shell--saved { padding-top: 10px !important; } .ch-theme-community-content-wrap > :first-child, .ch-theme-community-content-wrap .ch-composer:first-child, .ch-theme-community-content-wrap .ch-feed:first-child, .ch-profile-page:first-child, .ch-members-directory-page:first-child, .ch-notifications-page:first-child, .ch-bookmarks-page:first-child { margin-top: 0 !important; } } @media (max-width: 1179px) { body.ch-route-community .ch-theme-main, body.ch-route-profile .ch-theme-main, body.ch-route-members .ch-theme-main, body.ch-route-notifications .ch-theme-main, body.ch-route-saved .ch-theme-main, body[class*="ch-route-community"] .ch-theme-main, body[class*="ch-route-profile"] .ch-theme-main { padding-top: 12px !important; } .ch-theme-community-shell, .ch-theme-community-shell--community, .ch-theme-community-shell--profile, .ch-theme-community-shell--members, .ch-theme-community-shell--notifications, .ch-theme-community-shell--saved { padding-top: 10px !important; } } @media (max-width: 640px) { body.ch-route-community .ch-theme-main, body.ch-route-profile .ch-theme-main, body.ch-route-members .ch-theme-main, body.ch-route-notifications .ch-theme-main, body.ch-route-saved .ch-theme-main, body[class*="ch-route-community"] .ch-theme-main, body[class*="ch-route-profile"] .ch-theme-main { padding-top: 8px !important; } .ch-theme-community-shell, .ch-theme-community-shell--community, .ch-theme-community-shell--profile, .ch-theme-community-shell--members, .ch-theme-community-shell--notifications, .ch-theme-community-shell--saved { padding-top: 8px !important; } } @media (min-width: 1180px) { body.ch-route-community .ch-theme-container--community, body[class*="ch-route-community"] .ch-theme-container--community { width: min(100% - 20px, 1540px) !important; max-width: 1540px !important; --ch-social-stack-width: 820px; --ch-social-widget-width: 340px; --ch-social-widget-gap: 8px; } body.ch-route-community .ch-theme-community-shell, body.ch-route-community .ch-theme-community-shell--community, body[class*="ch-route-community"] .ch-theme-community-shell, body[class*="ch-route-community"] .ch-theme-community-shell--community { display: grid !important; align-items: start !important; justify-content: center !important; gap: var(--ch-social-widget-gap) !important; column-gap: var(--ch-social-widget-gap) !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-both, body.ch-route-community .ch-theme-community-shell--community.ch-theme-layout--sidebar-both, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both, body[class*="ch-route-community"] .ch-theme-community-shell--community.ch-theme-layout--sidebar-both { grid-template-columns: minmax(300px, var(--ch-social-widget-width)) minmax(0, var(--ch-social-stack-width)) minmax(300px, var(--ch-social-widget-width)) !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-left, body.ch-route-community .ch-theme-community-shell--community.ch-theme-layout--sidebar-left, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-left, body[class*="ch-route-community"] .ch-theme-community-shell--community.ch-theme-layout--sidebar-left { grid-template-columns: minmax(300px, var(--ch-social-widget-width)) minmax(0, var(--ch-social-stack-width)) !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-right, body.ch-route-community .ch-theme-community-shell--community.ch-theme-layout--sidebar-right, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-right, body[class*="ch-route-community"] .ch-theme-community-shell--community.ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, var(--ch-social-stack-width)) minmax(300px, var(--ch-social-widget-width)) !important; } body.ch-route-community .ch-theme-sidebar--left, body[class*="ch-route-community"] .ch-theme-sidebar--left { justify-self: end !important; width: 100% !important; max-width: var(--ch-social-widget-width) !important; margin-right: 0 !important; padding-right: 0 !important; } body.ch-route-community .ch-theme-sidebar--right, body[class*="ch-route-community"] .ch-theme-sidebar--right { justify-self: start !important; width: 100% !important; max-width: var(--ch-social-widget-width) !important; margin-left: 0 !important; padding-left: 0 !important; } body.ch-route-community .ch-theme-community-content-wrap, body[class*="ch-route-community"] .ch-theme-community-content-wrap { justify-self: center !important; width: 100% !important; max-width: var(--ch-social-stack-width) !important; margin-left: 0 !important; margin-right: 0 !important; } body.ch-route-community .ch-composer, body.ch-route-community .ch-feed, body.ch-route-community .ch-single-post, body[class*="ch-route-community"] .ch-composer, body[class*="ch-route-community"] .ch-feed, body[class*="ch-route-community"] .ch-single-post { width: 100% !important; max-width: var(--ch-social-stack-width) !important; } } @media (min-width: 1480px) { body.ch-route-community .ch-theme-container--community, body[class*="ch-route-community"] .ch-theme-container--community { --ch-social-widget-gap: 8px; } } @media (min-width: 1180px) { body.ch-route-community .ch-theme-container--community, body[class*="ch-route-community"] .ch-theme-container--community { width: min(100% - 12px, 1556px) !important; max-width: 1556px !important; --ch-social-stack-width: 820px; --ch-social-widget-width: 340px; --ch-social-widget-gap: 4px; } body.ch-route-community .ch-theme-community-shell, body[class*="ch-route-community"] .ch-theme-community-shell { gap: var(--ch-social-widget-gap) !important; column-gap: var(--ch-social-widget-gap) !important; row-gap: 10px !important; justify-content: center !important; padding-left: 0 !important; padding-right: 0 !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-both, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both { grid-template-columns: var(--ch-social-widget-width) var(--ch-social-stack-width) var(--ch-social-widget-width) !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-left, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-left { grid-template-columns: var(--ch-social-widget-width) var(--ch-social-stack-width) !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-right, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-right { grid-template-columns: var(--ch-social-stack-width) var(--ch-social-widget-width) !important; } body.ch-route-community .ch-theme-sidebar--left, body.ch-route-community .ch-theme-sidebar--right, body[class*="ch-route-community"] .ch-theme-sidebar--left, body[class*="ch-route-community"] .ch-theme-sidebar--right { width: var(--ch-social-widget-width) !important; max-width: var(--ch-social-widget-width) !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; justify-self: stretch !important; } body.ch-route-community .ch-theme-community-content-wrap, body[class*="ch-route-community"] .ch-theme-community-content-wrap { width: var(--ch-social-stack-width) !important; max-width: var(--ch-social-stack-width) !important; min-width: 0 !important; justify-self: stretch !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } body.ch-route-community .ch-composer, body.ch-route-community .ch-feed, body.ch-route-community .ch-single-post, body.ch-route-community .ch-feed .ch-activity-card, body[class*="ch-route-community"] .ch-composer, body[class*="ch-route-community"] .ch-feed, body[class*="ch-route-community"] .ch-single-post, body[class*="ch-route-community"] .ch-feed .ch-activity-card { width: 100% !important; max-width: var(--ch-social-stack-width) !important; margin-left: 0 !important; margin-right: 0 !important; } } body.ch-route-community .ch-theme-main, body[class*="ch-route-community"] .ch-theme-main, body.ch-route-community .ch-theme-community-main, body[class*="ch-route-community"] .ch-theme-community-main { padding-top: 6px !important; } body.ch-route-community .ch-theme-container--community, body[class*="ch-route-community"] .ch-theme-container--community, body.ch-route-community .ch-theme-community-shell, body[class*="ch-route-community"] .ch-theme-community-shell, body.ch-route-community .ch-theme-community-shell--community, body.ch-route-community .ch-theme-community-shell--profile, body.ch-route-community .ch-theme-community-shell--members, body.ch-route-community .ch-theme-community-shell--notifications, body.ch-route-community .ch-theme-community-shell--saved, body[class*="ch-route-community"] .ch-theme-community-shell--community, body[class*="ch-route-community"] .ch-theme-community-shell--profile, body[class*="ch-route-community"] .ch-theme-community-shell--members, body[class*="ch-route-community"] .ch-theme-community-shell--notifications, body[class*="ch-route-community"] .ch-theme-community-shell--saved { padding-top: 6px !important; margin-top: 0 !important; } body.ch-route-community .ch-theme-community-content-wrap > :first-child, body[class*="ch-route-community"] .ch-theme-community-content-wrap > :first-child, body.ch-route-community .ch-bookmarks-page, body.ch-route-community .ch-notifications-page, body.ch-route-community .ch-members-directory-page, body.ch-route-community .ch-profile-page, body[class*="ch-route-community"] .ch-bookmarks-page, body[class*="ch-route-community"] .ch-notifications-page, body[class*="ch-route-community"] .ch-members-directory-page, body[class*="ch-route-community"] .ch-profile-page { margin-top: 0 !important; } body.ch-route-community .ch-bookmarks-header, body.ch-route-community .ch-notifications-header, body.ch-route-community .ch-members-directory-header, body[class*="ch-route-community"] .ch-bookmarks-header, body[class*="ch-route-community"] .ch-notifications-header, body[class*="ch-route-community"] .ch-members-directory-header { margin-top: 0 !important; } @media (max-width: 781px) { body.ch-route-community .ch-theme-main, body[class*="ch-route-community"] .ch-theme-main, body.ch-route-community .ch-theme-community-main, body[class*="ch-route-community"] .ch-theme-community-main { padding-top: 4px !important; } body.ch-route-community .ch-theme-container--community, body[class*="ch-route-community"] .ch-theme-container--community, body.ch-route-community .ch-theme-community-shell, body[class*="ch-route-community"] .ch-theme-community-shell { padding-top: 4px !important; } } body.ch-route-community .ch-theme-main, body[class*="ch-route-community"] .ch-theme-main, body.ch-route-community .ch-theme-community-main, body[class*="ch-route-community"] .ch-theme-community-main { padding-top: 8px !important; } body.ch-route-community .ch-theme-container--community, body[class*="ch-route-community"] .ch-theme-container--community, body.ch-route-community .ch-theme-community-shell, body[class*="ch-route-community"] .ch-theme-community-shell { padding-top: 8px !important; margin-top: 0 !important; } body.ch-route-community .ch-theme-community-content-wrap > :first-child, body[class*="ch-route-community"] .ch-theme-community-content-wrap > :first-child, body.ch-route-community .ch-composer:first-child, body[class*="ch-route-community"] .ch-composer:first-child, body.ch-route-community .ch-feed:first-child, body[class*="ch-route-community"] .ch-feed:first-child, body.ch-route-community .ch-bookmarks-page, body[class*="ch-route-community"] .ch-bookmarks-page, body.ch-route-community .ch-notifications-page, body[class*="ch-route-community"] .ch-notifications-page, body.ch-route-community .ch-members-directory-page, body[class*="ch-route-community"] .ch-members-directory-page, body.ch-route-community .ch-profile-page, body[class*="ch-route-community"] .ch-profile-page { margin-top: 0 !important; } body[class*="ch-route-community"] .ch-bookmarks-header, body[class*="ch-route-community"] .ch-notifications-header, body[class*="ch-route-community"] .ch-members-directory-header, body[class*="ch-route-community"] .ch-profile-section-header, body[class*="ch-route-community"] .ch-profile-section-title, body[class*="ch-route-community"] .ch-section-header, body[class*="ch-route-community"] .ch-section-title { margin: 0 0 14px !important; padding: 16px 18px !important; border-radius: 20px !important; border: 1px solid var(--ch-theme-border) !important; background: radial-gradient(circle at top left, color-mix(in srgb, var(--ch-theme-blue) 12%, transparent), transparent 22rem), var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; box-shadow: 0 14px 36px rgba(16, 24, 40, 0.065) !important; } html[data-ch-theme-mode="dark"] body.ch-theme[class*="ch-route-community"] .ch-bookmarks-header, html[data-ch-theme-mode="dark"] body.ch-theme[class*="ch-route-community"] .ch-notifications-header, html[data-ch-theme-mode="dark"] body.ch-theme[class*="ch-route-community"] .ch-members-directory-header, html[data-ch-theme-mode="dark"] body.ch-theme[class*="ch-route-community"] .ch-profile-section-header, html[data-ch-theme-mode="dark"] body.ch-theme[class*="ch-route-community"] .ch-profile-section-title, html[data-ch-theme-mode="dark"] body.ch-theme[class*="ch-route-community"] .ch-section-header, html[data-ch-theme-mode="dark"] body.ch-theme[class*="ch-route-community"] .ch-section-title { background: radial-gradient(circle at top left, rgba(0,128,255,.14), transparent 22rem), var(--ch-theme-surface) !important; border-color: var(--ch-theme-border) !important; color: var(--ch-theme-text) !important; box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22) !important; } body[class*="ch-route-community"] .ch-bookmarks-header h1, body[class*="ch-route-community"] .ch-bookmarks-header h2, body[class*="ch-route-community"] .ch-notifications-header h1, body[class*="ch-route-community"] .ch-notifications-header h2, body[class*="ch-route-community"] .ch-members-directory-header h1, body[class*="ch-route-community"] .ch-members-directory-header h2, body[class*="ch-route-community"] .ch-profile-section-header h1, body[class*="ch-route-community"] .ch-profile-section-header h2, body[class*="ch-route-community"] .ch-profile-section-title h1, body[class*="ch-route-community"] .ch-profile-section-title h2, body[class*="ch-route-community"] .ch-section-header h1, body[class*="ch-route-community"] .ch-section-header h2, body[class*="ch-route-community"] .ch-section-title h1, body[class*="ch-route-community"] .ch-section-title h2 { margin: 0 !important; color: var(--ch-theme-text) !important; letter-spacing: -0.035em !important; line-height: 1.06 !important; } body[class*="ch-route-community"] .ch-bookmarks-header p, body[class*="ch-route-community"] .ch-notifications-header p, body[class*="ch-route-community"] .ch-members-directory-header p { margin: 6px 0 0 !important; color: var(--ch-theme-muted) !important; font-weight: 750 !important; } @media (min-width: 1180px) { body.ch-route-community .ch-theme-container--community, body[class*="ch-route-community"] .ch-theme-container--community { --ch-social-stack-width: 820px; --ch-social-widget-width: 340px; --ch-social-widget-gap: 6px; width: min(100% - 12px, calc((var(--ch-social-widget-width) * 2) + var(--ch-social-stack-width) + (var(--ch-social-widget-gap) * 2))) !important; max-width: calc((var(--ch-social-widget-width) * 2) + var(--ch-social-stack-width) + (var(--ch-social-widget-gap) * 2)) !important; margin-left: auto !important; margin-right: auto !important; } body.ch-route-community .ch-theme-community-shell, body[class*="ch-route-community"] .ch-theme-community-shell { display: grid !important; align-items: start !important; justify-content: center !important; column-gap: var(--ch-social-widget-gap) !important; gap: var(--ch-social-widget-gap) !important; row-gap: 10px !important; padding-left: 0 !important; padding-right: 0 !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-both, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both { grid-template-columns: var(--ch-social-widget-width) var(--ch-social-stack-width) var(--ch-social-widget-width) !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-left, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-left { grid-template-columns: var(--ch-social-widget-width) var(--ch-social-stack-width) !important; max-width: calc(var(--ch-social-widget-width) + var(--ch-social-widget-gap) + var(--ch-social-stack-width)) !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-right, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-right { grid-template-columns: var(--ch-social-stack-width) var(--ch-social-widget-width) !important; max-width: calc(var(--ch-social-stack-width) + var(--ch-social-widget-gap) + var(--ch-social-widget-width)) !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-sidebar--left, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-sidebar--left, body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-left > .ch-theme-sidebar--left, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-left > .ch-theme-sidebar--left { grid-column: 1 !important; justify-self: stretch !important; width: var(--ch-social-widget-width) !important; max-width: var(--ch-social-widget-width) !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-community-content-wrap, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-community-content-wrap, body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-left > .ch-theme-community-content-wrap, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-left > .ch-theme-community-content-wrap, body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-right > .ch-theme-community-content-wrap, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-right > .ch-theme-community-content-wrap { grid-column: auto !important; justify-self: stretch !important; width: var(--ch-social-stack-width) !important; max-width: var(--ch-social-stack-width) !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; } body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-sidebar--right, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-sidebar--right, body.ch-route-community .ch-theme-community-shell.ch-theme-layout--sidebar-right > .ch-theme-sidebar--right, body[class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-right > .ch-theme-sidebar--right { grid-column: auto !important; justify-self: stretch !important; width: var(--ch-social-widget-width) !important; max-width: var(--ch-social-widget-width) !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; } body.ch-route-community .ch-theme-community-sidebar, body[class*="ch-route-community"] .ch-theme-community-sidebar { box-sizing: border-box !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.ch-route-community .ch-theme-community-sidebar > .ch-theme-widget, body.ch-route-community .ch-theme-community-sidebar > .widget, body.ch-route-community .ch-theme-community-sidebar > section, body[class*="ch-route-community"] .ch-theme-community-sidebar > .ch-theme-widget, body[class*="ch-route-community"] .ch-theme-community-sidebar > .widget, body[class*="ch-route-community"] .ch-theme-community-sidebar > section { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } body.ch-route-community .ch-composer, body.ch-route-community .ch-feed, body.ch-route-community .ch-single-post, body.ch-route-community .ch-feed .ch-activity-card, body[class*="ch-route-community"] .ch-composer, body[class*="ch-route-community"] .ch-feed, body[class*="ch-route-community"] .ch-single-post, body[class*="ch-route-community"] .ch-feed .ch-activity-card { width: 100% !important; max-width: var(--ch-social-stack-width) !important; margin-left: 0 !important; margin-right: 0 !important; } body.ch-route-community .ch-theme-community-sidebar, body[class*="ch-route-community"] .ch-theme-community-sidebar { position: sticky !important; top: var(--ch-community-sidebar-sticky-top, 88px) !important; align-self: start !important; max-height: none !important; overflow: visible !important; overscroll-behavior: auto !important; } body.admin-bar.ch-route-community .ch-theme-community-sidebar, body.admin-bar[class*="ch-route-community"] .ch-theme-community-sidebar { top: var(--ch-community-sidebar-sticky-top, 120px) !important; } } @media (max-width: 781px) { body.ch-route-community .ch-theme-main, body[class*="ch-route-community"] .ch-theme-main, body.ch-route-community .ch-theme-community-main, body[class*="ch-route-community"] .ch-theme-community-main, body.ch-route-community .ch-theme-container--community, body[class*="ch-route-community"] .ch-theme-container--community, body.ch-route-community .ch-theme-community-shell, body[class*="ch-route-community"] .ch-theme-community-shell { padding-top: 5px !important; } body[class*="ch-route-community"] .ch-bookmarks-header, body[class*="ch-route-community"] .ch-notifications-header, body[class*="ch-route-community"] .ch-members-directory-header, body[class*="ch-route-community"] .ch-profile-section-header, body[class*="ch-route-community"] .ch-profile-section-title, body[class*="ch-route-community"] .ch-section-header, body[class*="ch-route-community"] .ch-section-title { padding: 14px !important; border-radius: 18px !important; margin-bottom: 12px !important; } } @media (min-width: 1180px) { body.ch-route-community .ch-theme-community-shell > .ch-theme-sidebar, body[class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar, body.ch-route-community .ch-theme-community-sidebar, body[class*="ch-route-community"] .ch-theme-community-sidebar { position: sticky !important; top: var(--ch-community-sidebar-sticky-top, 88px) !important; align-self: start !important; max-height: none !important; overflow: visible !important; overscroll-behavior: auto !important; -webkit-overflow-scrolling: auto !important; } body.admin-bar.ch-route-community .ch-theme-community-shell > .ch-theme-sidebar, body.admin-bar[class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar, body.admin-bar.ch-route-community .ch-theme-community-sidebar, body.admin-bar[class*="ch-route-community"] .ch-theme-community-sidebar { top: var(--ch-community-sidebar-sticky-top, 120px) !important; } body.ch-route-community .ch-sidebar-feed-guard, body[class*="ch-route-community"] .ch-sidebar-feed-guard { display: none !important; height: 0 !important; min-height: 0 !important; } } body.ch-route-community .ch-theme-main, body.ch-route-members .ch-theme-main, body.ch-route-notifications .ch-theme-main, body.ch-route-saved .ch-theme-main, body[class*="ch-route-community"] .ch-theme-main, body[class*="ch-route-members"] .ch-theme-main, body[class*="ch-route-notifications"] .ch-theme-main, body[class*="ch-route-saved"] .ch-theme-main, body.ch-route-community .ch-theme-community-main, body.ch-route-members .ch-theme-community-main, body.ch-route-notifications .ch-theme-community-main, body.ch-route-saved .ch-theme-community-main, body[class*="ch-route-community"] .ch-theme-community-main, body[class*="ch-route-members"] .ch-theme-community-main, body[class*="ch-route-notifications"] .ch-theme-community-main, body[class*="ch-route-saved"] .ch-theme-community-main { padding-top: clamp(8px, 1.2vw, 14px) !important; } body.ch-route-community .ch-theme-container--community, body.ch-route-members .ch-theme-container--community, body.ch-route-notifications .ch-theme-container--community, body.ch-route-saved .ch-theme-container--community, body[class*="ch-route-community"] .ch-theme-container--community, body[class*="ch-route-members"] .ch-theme-container--community, body[class*="ch-route-notifications"] .ch-theme-container--community, body[class*="ch-route-saved"] .ch-theme-container--community, body.ch-route-community .ch-theme-community-shell, body.ch-route-members .ch-theme-community-shell, body.ch-route-notifications .ch-theme-community-shell, body.ch-route-saved .ch-theme-community-shell, body[class*="ch-route-community"] .ch-theme-community-shell, body[class*="ch-route-members"] .ch-theme-community-shell, body[class*="ch-route-notifications"] .ch-theme-community-shell, body[class*="ch-route-saved"] .ch-theme-community-shell { padding-top: 0 !important; margin-top: 0 !important; } body.ch-route-community .ch-theme-community-content-wrap > :first-child, body.ch-route-members .ch-theme-community-content-wrap > :first-child, body.ch-route-notifications .ch-theme-community-content-wrap > :first-child, body.ch-route-saved .ch-theme-community-content-wrap > :first-child, body[class*="ch-route-community"] .ch-theme-community-content-wrap > :first-child, body[class*="ch-route-members"] .ch-theme-community-content-wrap > :first-child, body[class*="ch-route-notifications"] .ch-theme-community-content-wrap > :first-child, body[class*="ch-route-saved"] .ch-theme-community-content-wrap > :first-child { margin-top: 0 !important; } body.ch-theme .ch-community-feed-header, body.ch-theme .ch-community-header, body.ch-theme .ch-feed-header, body.ch-theme .ch-member-directory-header, body.ch-theme .ch-members-directory-header, body.ch-theme .ch-members-header, body.ch-theme .ch-notifications-header, body.ch-theme .ch-bookmarks-header, body.ch-theme .ch-saved-header, body.ch-theme .ch-page-header--community, body.ch-theme .ch-social-page-header, body.ch-route-community .ch-theme-page-header, body.ch-route-members .ch-theme-page-header, body.ch-route-notifications .ch-theme-page-header, body.ch-route-saved .ch-theme-page-header, body[class*="ch-route-community"] .ch-theme-page-header, body[class*="ch-route-members"] .ch-theme-page-header, body[class*="ch-route-notifications"] .ch-theme-page-header, body[class*="ch-route-saved"] .ch-theme-page-header { position: relative !important; overflow: hidden !important; width: 100% !important; margin: 0 0 12px !important; padding: clamp(14px, 1.7vw, 18px) clamp(16px, 2vw, 22px) !important; border-radius: 20px !important; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 88%, transparent) !important; background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--ch-theme-blue) 13%, transparent), transparent 18rem), linear-gradient(135deg, color-mix(in srgb, var(--ch-theme-surface) 96%, var(--ch-theme-blue)), var(--ch-theme-surface)) !important; box-shadow: 0 12px 30px rgba(16, 24, 40, 0.055) !important; color: var(--ch-theme-text) !important; } body.ch-theme .ch-community-feed-header::after, body.ch-theme .ch-community-header::after, body.ch-theme .ch-feed-header::after, body.ch-theme .ch-member-directory-header::after, body.ch-theme .ch-members-directory-header::after, body.ch-theme .ch-members-header::after, body.ch-theme .ch-notifications-header::after, body.ch-theme .ch-bookmarks-header::after, body.ch-theme .ch-saved-header::after, body.ch-theme .ch-page-header--community::after, body.ch-theme .ch-social-page-header::after, body.ch-route-community .ch-theme-page-header::after, body.ch-route-members .ch-theme-page-header::after, body.ch-route-notifications .ch-theme-page-header::after, body.ch-route-saved .ch-theme-page-header::after, body[class*="ch-route-community"] .ch-theme-page-header::after, body[class*="ch-route-members"] .ch-theme-page-header::after, body[class*="ch-route-notifications"] .ch-theme-page-header::after, body[class*="ch-route-saved"] .ch-theme-page-header::after { content: "" !important; position: absolute !important; right: -70px !important; top: -85px !important; width: 190px !important; height: 190px !important; border-radius: 999px !important; background: radial-gradient(circle, color-mix(in srgb, var(--ch-theme-blue) 15%, transparent), transparent 68%) !important; pointer-events: none !important; } body.ch-theme .ch-community-feed-header h1, body.ch-theme .ch-community-feed-header h2, body.ch-theme .ch-community-header h1, body.ch-theme .ch-community-header h2, body.ch-theme .ch-feed-header h1, body.ch-theme .ch-feed-header h2, body.ch-theme .ch-member-directory-header h1, body.ch-theme .ch-member-directory-header h2, body.ch-theme .ch-members-directory-header h1, body.ch-theme .ch-members-directory-header h2, body.ch-theme .ch-members-header h1, body.ch-theme .ch-members-header h2, body.ch-theme .ch-notifications-header h1, body.ch-theme .ch-notifications-header h2, body.ch-theme .ch-bookmarks-header h1, body.ch-theme .ch-bookmarks-header h2, body.ch-theme .ch-saved-header h1, body.ch-theme .ch-saved-header h2, body.ch-theme .ch-page-header--community h1, body.ch-theme .ch-page-header--community h2, body.ch-theme .ch-social-page-header h1, body.ch-theme .ch-social-page-header h2, body.ch-route-community .ch-theme-page-header h1, body.ch-route-community .ch-theme-page-header h2, body.ch-route-members .ch-theme-page-header h1, body.ch-route-members .ch-theme-page-header h2, body.ch-route-notifications .ch-theme-page-header h1, body.ch-route-notifications .ch-theme-page-header h2, body.ch-route-saved .ch-theme-page-header h1, body.ch-route-saved .ch-theme-page-header h2, body[class*="ch-route-community"] .ch-theme-page-header h1, body[class*="ch-route-community"] .ch-theme-page-header h2, body[class*="ch-route-members"] .ch-theme-page-header h1, body[class*="ch-route-members"] .ch-theme-page-header h2, body[class*="ch-route-notifications"] .ch-theme-page-header h1, body[class*="ch-route-notifications"] .ch-theme-page-header h2, body[class*="ch-route-saved"] .ch-theme-page-header h1, body[class*="ch-route-saved"] .ch-theme-page-header h2 { position: relative !important; z-index: 1 !important; margin: 0 !important; color: var(--ch-theme-text) !important; font-size: clamp(1.42rem, 2.1vw, 2rem) !important; line-height: 1.02 !important; letter-spacing: -0.045em !important; font-weight: 950 !important; } body.ch-theme .ch-community-feed-header p, body.ch-theme .ch-community-header p, body.ch-theme .ch-feed-header p, body.ch-theme .ch-member-directory-header p, body.ch-theme .ch-members-directory-header p, body.ch-theme .ch-members-header p, body.ch-theme .ch-notifications-header p, body.ch-theme .ch-bookmarks-header p, body.ch-theme .ch-saved-header p, body.ch-theme .ch-page-header--community p, body.ch-theme .ch-social-page-header p, body.ch-route-community .ch-theme-page-header p, body.ch-route-members .ch-theme-page-header p, body.ch-route-notifications .ch-theme-page-header p, body.ch-route-saved .ch-theme-page-header p, body[class*="ch-route-community"] .ch-theme-page-header p, body[class*="ch-route-members"] .ch-theme-page-header p, body[class*="ch-route-notifications"] .ch-theme-page-header p, body[class*="ch-route-saved"] .ch-theme-page-header p, body.ch-theme .ch-notifications-description, body.ch-theme .ch-bookmarks-description, body.ch-theme .ch-members-description { position: relative !important; z-index: 1 !important; max-width: 720px !important; margin: 5px 0 0 !important; color: var(--ch-theme-muted) !important; font-size: .94rem !important; line-height: 1.42 !important; font-weight: 750 !important; } body.ch-theme .ch-community-feed-header .ch-actions, body.ch-theme .ch-community-header .ch-actions, body.ch-theme .ch-feed-header .ch-actions, body.ch-theme .ch-member-directory-header .ch-actions, body.ch-theme .ch-members-directory-header .ch-actions, body.ch-theme .ch-members-header .ch-actions, body.ch-theme .ch-notifications-header .ch-actions, body.ch-theme .ch-bookmarks-header .ch-actions, body.ch-theme .ch-saved-header .ch-actions, body.ch-theme .ch-social-page-header .ch-actions, body.ch-theme .ch-notifications-header-actions, body.ch-theme .ch-bookmarks-header-actions, body.ch-theme .ch-members-header-actions { position: relative !important; z-index: 1 !important; margin-top: 10px !important; gap: 8px !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-feed-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-member-directory-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-members-directory-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-members-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-saved-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-page-header--community, html[data-ch-theme-mode="dark"] body.ch-theme .ch-social-page-header, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-theme-page-header, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-members .ch-theme-page-header, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-notifications .ch-theme-page-header, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-saved .ch-theme-page-header, html[data-ch-theme-mode="dark"] body.ch-theme[class*="ch-route-community"] .ch-theme-page-header, html[data-ch-theme-mode="dark"] body.ch-theme[class*="ch-route-members"] .ch-theme-page-header, html[data-ch-theme-mode="dark"] body.ch-theme[class*="ch-route-notifications"] .ch-theme-page-header, html[data-ch-theme-mode="dark"] body.ch-theme[class*="ch-route-saved"] .ch-theme-page-header { background: radial-gradient(circle at 0% 0%, rgba(0, 128, 255, .16), transparent 18rem), linear-gradient(135deg, rgba(15, 27, 45, .96), var(--ch-theme-surface)) !important; border-color: var(--ch-theme-border) !important; color: var(--ch-theme-text) !important; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24) !important; } @media (max-width: 781px) { body.ch-route-community .ch-theme-main, body.ch-route-members .ch-theme-main, body.ch-route-notifications .ch-theme-main, body.ch-route-saved .ch-theme-main, body[class*="ch-route-community"] .ch-theme-main, body[class*="ch-route-members"] .ch-theme-main, body[class*="ch-route-notifications"] .ch-theme-main, body[class*="ch-route-saved"] .ch-theme-main { padding-top: 6px !important; } body.ch-theme .ch-community-feed-header, body.ch-theme .ch-community-header, body.ch-theme .ch-feed-header, body.ch-theme .ch-member-directory-header, body.ch-theme .ch-members-directory-header, body.ch-theme .ch-members-header, body.ch-theme .ch-notifications-header, body.ch-theme .ch-bookmarks-header, body.ch-theme .ch-saved-header, body.ch-theme .ch-page-header--community, body.ch-theme .ch-social-page-header, body.ch-route-community .ch-theme-page-header, body.ch-route-members .ch-theme-page-header, body.ch-route-notifications .ch-theme-page-header, body.ch-route-saved .ch-theme-page-header, body[class*="ch-route-community"] .ch-theme-page-header, body[class*="ch-route-members"] .ch-theme-page-header, body[class*="ch-route-notifications"] .ch-theme-page-header, body[class*="ch-route-saved"] .ch-theme-page-header { margin-bottom: 10px !important; padding: 13px 14px !important; border-radius: 18px !important; } body.ch-theme .ch-community-feed-header h1, body.ch-theme .ch-community-feed-header h2, body.ch-theme .ch-community-header h1, body.ch-theme .ch-community-header h2, body.ch-theme .ch-feed-header h1, body.ch-theme .ch-feed-header h2, body.ch-theme .ch-member-directory-header h1, body.ch-theme .ch-member-directory-header h2, body.ch-theme .ch-members-directory-header h1, body.ch-theme .ch-members-directory-header h2, body.ch-theme .ch-members-header h1, body.ch-theme .ch-members-header h2, body.ch-theme .ch-notifications-header h1, body.ch-theme .ch-notifications-header h2, body.ch-theme .ch-bookmarks-header h1, body.ch-theme .ch-bookmarks-header h2, body.ch-theme .ch-saved-header h1, body.ch-theme .ch-saved-header h2, body.ch-theme .ch-page-header--community h1, body.ch-theme .ch-page-header--community h2, body.ch-theme .ch-social-page-header h1, body.ch-theme .ch-social-page-header h2, body.ch-route-community .ch-theme-page-header h1, body.ch-route-members .ch-theme-page-header h1, body.ch-route-notifications .ch-theme-page-header h1, body.ch-route-saved .ch-theme-page-header h1, body[class*="ch-route-community"] .ch-theme-page-header h1, body[class*="ch-route-members"] .ch-theme-page-header h1, body[class*="ch-route-notifications"] .ch-theme-page-header h1, body[class*="ch-route-saved"] .ch-theme-page-header h1 { font-size: clamp(1.22rem, 6vw, 1.55rem) !important; } } body.ch-theme.ch-route-community { --ch-social-header-gap-top: 8px; --ch-social-header-gap-bottom: 12px; --ch-social-header-radius: 18px; --ch-social-header-pad-y: 14px; --ch-social-header-pad-x: 16px; } body.ch-theme.ch-route-community .ch-theme-main { padding-top: var(--ch-social-header-gap-top) !important; } body.ch-theme.ch-route-community .ch-theme-community-shell, body.ch-theme.ch-route-community .ch-theme-community-content-wrap, body.ch-theme.ch-route-community .ch-community-feed-page, body.ch-theme.ch-route-community .ch-member-directory, body.ch-theme.ch-route-community .ch-notifications-page, body.ch-theme.ch-route-community .ch-bookmarks-page, body.ch-theme.ch-route-community .ch-saved-page { padding-top: 0 !important; margin-top: 0 !important; } body.ch-theme.ch-route-community .ch-community-feed-header, body.ch-theme.ch-route-community .ch-member-directory-hero, body.ch-theme.ch-route-community .ch-notifications-header, body.ch-theme.ch-route-community .ch-bookmarks-header { box-sizing: border-box !important; position: relative !important; isolation: isolate !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 0 0 var(--ch-social-header-gap-bottom) 0 !important; padding: var(--ch-social-header-pad-y) var(--ch-social-header-pad-x) !important; border-radius: var(--ch-social-header-radius) !important; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 82%, transparent) !important; background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--ch-theme-blue) 10%, transparent), transparent 15rem), linear-gradient(135deg, color-mix(in srgb, var(--ch-theme-blue) 5%, var(--ch-theme-surface)), var(--ch-theme-surface)) !important; box-shadow: 0 10px 26px rgba(16, 24, 40, 0.055) !important; color: var(--ch-theme-text) !important; } body.ch-theme.ch-route-community .ch-community-feed-header::after, body.ch-theme.ch-route-community .ch-member-directory-hero::after, body.ch-theme.ch-route-community .ch-notifications-header::after, body.ch-theme.ch-route-community .ch-bookmarks-header::after { content: "" !important; position: absolute !important; inset: auto -52px -82px auto !important; width: 150px !important; height: 150px !important; border-radius: 999px !important; background: radial-gradient(circle, color-mix(in srgb, var(--ch-theme-blue) 12%, transparent), transparent 68%) !important; pointer-events: none !important; z-index: -1 !important; } body.ch-theme.ch-route-community .ch-community-feed-header > div:first-child, body.ch-theme.ch-route-community .ch-member-directory-hero > div:first-child, body.ch-theme.ch-route-community .ch-notifications-header > div:first-child, body.ch-theme.ch-route-community .ch-bookmarks-header > div:first-child { min-width: 0 !important; flex: 1 1 auto !important; } body.ch-theme.ch-route-community .ch-community-feed-header h1, body.ch-theme.ch-route-community .ch-community-feed-header h2, body.ch-theme.ch-route-community .ch-member-directory-hero h1, body.ch-theme.ch-route-community .ch-member-directory-hero h2, body.ch-theme.ch-route-community .ch-notifications-header h1, body.ch-theme.ch-route-community .ch-notifications-header h2, body.ch-theme.ch-route-community .ch-bookmarks-header h1, body.ch-theme.ch-route-community .ch-bookmarks-header h2 { margin: 0 !important; color: var(--ch-theme-text) !important; font-size: clamp(1.34rem, 2vw, 1.9rem) !important; line-height: 1.02 !important; letter-spacing: -0.045em !important; font-weight: 950 !important; } body.ch-theme.ch-route-community .ch-community-feed-header p, body.ch-theme.ch-route-community .ch-member-directory-hero p, body.ch-theme.ch-route-community .ch-notifications-header p, body.ch-theme.ch-route-community .ch-bookmarks-header p, body.ch-theme.ch-route-community .ch-page-subtitle { margin: 5px 0 0 !important; color: var(--ch-theme-muted) !important; font-size: .92rem !important; line-height: 1.36 !important; font-weight: 750 !important; } body.ch-theme.ch-route-community .ch-page-eyebrow, body.ch-theme.ch-route-community .ch-member-directory-kicker { display: inline-flex !important; width: fit-content !important; margin: 0 0 6px 0 !important; padding: 4px 8px !important; border-radius: 999px !important; border: 1px solid color-mix(in srgb, var(--ch-theme-blue) 18%, transparent) !important; background: color-mix(in srgb, var(--ch-theme-blue) 8%, transparent) !important; color: var(--ch-theme-blue-dark) !important; font-size: .72rem !important; font-weight: 950 !important; line-height: 1 !important; letter-spacing: .035em !important; text-transform: uppercase !important; } body.ch-theme.ch-route-community .ch-member-directory-side, body.ch-theme.ch-route-community .ch-page-actions, body.ch-theme.ch-route-community .ch-notifications-actions, body.ch-theme.ch-route-community .ch-bookmarks-count { flex: 0 0 auto !important; min-width: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 9px !important; margin: 0 !important; } body.ch-theme.ch-route-community .ch-member-directory-count, body.ch-theme.ch-route-community .ch-bookmarks-count { min-width: 86px !important; padding: 8px 10px !important; border-radius: 14px !important; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 85%, transparent) !important; background: color-mix(in srgb, var(--ch-theme-surface-soft) 70%, var(--ch-theme-surface)) !important; box-shadow: none !important; text-align: center !important; } body.ch-theme.ch-route-community .ch-member-directory-count strong, body.ch-theme.ch-route-community .ch-bookmarks-count span { display: block !important; color: var(--ch-theme-text) !important; font-size: 1.06rem !important; font-weight: 950 !important; line-height: 1.05 !important; } body.ch-theme.ch-route-community .ch-member-directory-count span, body.ch-theme.ch-route-community .ch-bookmarks-count small { display: block !important; margin-top: 2px !important; color: var(--ch-theme-muted) !important; font-size: .7rem !important; font-weight: 850 !important; line-height: 1.1 !important; } body.ch-theme.ch-route-community .ch-community-feed-header .ch-hub-page-nav, body.ch-theme.ch-route-community .ch-member-directory-hero .ch-hub-page-nav, body.ch-theme.ch-route-community .ch-notifications-header .ch-hub-page-nav, body.ch-theme.ch-route-community .ch-bookmarks-header .ch-hub-page-nav { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 6px !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.ch-theme.ch-route-community .ch-community-feed-header .ch-hub-nav-button, body.ch-theme.ch-route-community .ch-member-directory-hero .ch-hub-nav-button, body.ch-theme.ch-route-community .ch-notifications-header .ch-hub-nav-button, body.ch-theme.ch-route-community .ch-bookmarks-header .ch-hub-nav-button, body.ch-theme.ch-route-community .ch-notifications-header .ch-button { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; width: auto !important; padding: 7px 10px !important; border-radius: 999px !important; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 78%, transparent) !important; background: color-mix(in srgb, var(--ch-theme-surface-soft) 78%, var(--ch-theme-surface)) !important; background-image: none !important; color: color-mix(in srgb, var(--ch-theme-text) 76%, var(--ch-theme-muted)) !important; box-shadow: none !important; filter: none !important; transform: none !important; font-size: .78rem !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-decoration: none !important; white-space: nowrap !important; } body.ch-theme.ch-route-community .ch-community-feed-header .ch-hub-nav-button:hover, body.ch-theme.ch-route-community .ch-member-directory-hero .ch-hub-nav-button:hover, body.ch-theme.ch-route-community .ch-notifications-header .ch-hub-nav-button:hover, body.ch-theme.ch-route-community .ch-bookmarks-header .ch-hub-nav-button:hover, body.ch-theme.ch-route-community .ch-notifications-header .ch-button:hover { background: color-mix(in srgb, var(--ch-theme-blue) 9%, var(--ch-theme-surface)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 30%, var(--ch-theme-border)) !important; color: var(--ch-theme-blue-dark) !important; box-shadow: none !important; filter: none !important; transform: none !important; text-decoration: none !important; } body.ch-theme.ch-route-community .ch-community-feed-header .ch-hub-nav-button.is-active, body.ch-theme.ch-route-community .ch-member-directory-hero .ch-hub-nav-button.is-active, body.ch-theme.ch-route-community .ch-notifications-header .ch-hub-nav-button.is-active, body.ch-theme.ch-route-community .ch-bookmarks-header .ch-hub-nav-button.is-active { background: color-mix(in srgb, var(--ch-theme-blue) 14%, var(--ch-theme-surface)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 38%, var(--ch-theme-border)) !important; color: var(--ch-theme-blue-dark) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-theme-blue) 10%, transparent) !important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-community-feed-header, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-member-directory-hero, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-notifications-header, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-bookmarks-header { background: radial-gradient(circle at 100% 0%, rgba(0, 128, 255, .14), transparent 15rem), linear-gradient(135deg, rgba(15, 27, 45, .96), var(--ch-theme-surface)) !important; border-color: var(--ch-theme-border) !important; box-shadow: 0 12px 30px rgba(0, 0, 0, .22) !important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-page-eyebrow, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-member-directory-kicker { color: #93c5fd !important; background: rgba(96, 165, 250, .11) !important; border-color: rgba(96, 165, 250, .2) !important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-member-directory-count, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-bookmarks-count, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-community-feed-header .ch-hub-nav-button, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-member-directory-hero .ch-hub-nav-button, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-notifications-header .ch-hub-nav-button, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-bookmarks-header .ch-hub-nav-button, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-notifications-header .ch-button { background: rgba(255, 255, 255, .055) !important; border-color: var(--ch-theme-border) !important; color: #dbeafe !important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-community-feed-header .ch-hub-nav-button.is-active, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-member-directory-hero .ch-hub-nav-button.is-active, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-notifications-header .ch-hub-nav-button.is-active, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-bookmarks-header .ch-hub-nav-button.is-active { background: rgba(59, 130, 246, .18) !important; border-color: rgba(96, 165, 250, .42) !important; color: #ffffff !important; } @media (max-width: 781px) { body.ch-theme.ch-route-community { --ch-social-header-gap-top: 5px; --ch-social-header-gap-bottom: 10px; --ch-social-header-pad-y: 12px; --ch-social-header-pad-x: 13px; --ch-social-header-radius: 17px; } body.ch-theme.ch-route-community .ch-community-feed-header, body.ch-theme.ch-route-community .ch-member-directory-hero, body.ch-theme.ch-route-community .ch-notifications-header, body.ch-theme.ch-route-community .ch-bookmarks-header { display: grid !important; grid-template-columns: 1fr !important; align-items: start !important; gap: 10px !important; } body.ch-theme.ch-route-community .ch-member-directory-side, body.ch-theme.ch-route-community .ch-page-actions, body.ch-theme.ch-route-community .ch-notifications-actions, body.ch-theme.ch-route-community .ch-bookmarks-count { justify-content: flex-start !important; width: 100% !important; flex-wrap: wrap !important; } body.ch-theme.ch-route-community .ch-community-feed-header .ch-hub-page-nav, body.ch-theme.ch-route-community .ch-member-directory-hero .ch-hub-page-nav, body.ch-theme.ch-route-community .ch-notifications-header .ch-hub-page-nav, body.ch-theme.ch-route-community .ch-bookmarks-header .ch-hub-page-nav { justify-content: flex-start !important; } body.ch-theme.ch-route-community .ch-community-feed-header h1, body.ch-theme.ch-route-community .ch-member-directory-hero h1, body.ch-theme.ch-route-community .ch-notifications-header h1, body.ch-theme.ch-route-community .ch-bookmarks-header h1 { font-size: clamp(1.2rem, 6vw, 1.52rem) !important; } } body.ch-theme.ch-route-community .ch-bookmarks-page, body.ch-theme.ch-route-community .ch-saved-page, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-page, body.ch-theme .ch-theme-community-shell--saved .ch-saved-page { margin-top: 0 !important; padding-top: 0 !important; } body.ch-theme.ch-route-community .ch-bookmarks-shell, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell { margin-top: 0 !important; padding-top: 0 !important; } body.ch-theme.ch-route-community .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero { box-sizing: border-box !important; position: relative !important; isolation: isolate !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 0 0 var(--ch-social-header-gap-bottom, 12px) 0 !important; padding: var(--ch-social-header-pad-y, 14px) var(--ch-social-header-pad-x, 16px) !important; border-radius: var(--ch-social-header-radius, 18px) !important; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 82%, transparent) !important; background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--ch-theme-blue) 10%, transparent), transparent 15rem), linear-gradient(135deg, color-mix(in srgb, var(--ch-theme-blue) 5%, var(--ch-theme-surface)), var(--ch-theme-surface)) !important; box-shadow: 0 10px 26px rgba(16, 24, 40, 0.055) !important; color: var(--ch-theme-text) !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero > div:first-child { min-width: 0 !important; flex: 1 1 auto !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero h1, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero h2 { margin: 0 !important; color: var(--ch-theme-text) !important; font-size: clamp(1.34rem, 2vw, 1.9rem) !important; line-height: 1.02 !important; letter-spacing: -0.045em !important; font-weight: 950 !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero p { margin: 6px 0 0 0 !important; max-width: 46rem !important; color: var(--ch-theme-muted) !important; font-size: .92rem !important; line-height: 1.36 !important; font-weight: 750 !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero .ch-page-eyebrow { display: inline-flex !important; width: fit-content !important; margin: 0 0 6px 0 !important; padding: 4px 8px !important; border-radius: 999px !important; border: 1px solid color-mix(in srgb, var(--ch-theme-blue) 18%, transparent) !important; background: color-mix(in srgb, var(--ch-theme-blue) 8%, transparent) !important; color: var(--ch-theme-blue-dark) !important; font-size: .72rem !important; font-weight: 950 !important; line-height: 1 !important; letter-spacing: .035em !important; text-transform: uppercase !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-actions { flex: 0 0 auto !important; min-width: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 9px !important; margin: 0 !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-actions .ch-bookmarks-count { min-width: 86px !important; padding: 8px 10px !important; border-radius: 14px !important; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 85%, transparent) !important; background: color-mix(in srgb, var(--ch-theme-surface-soft) 70%, var(--ch-theme-surface)) !important; box-shadow: none !important; text-align: center !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav.ch-hub-page-nav, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-in-header { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 6px !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav .ch-hub-nav-button, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav .ch-hub-nav-link { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; width: auto !important; padding: 7px 10px !important; border-radius: 999px !important; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 78%, transparent) !important; background: color-mix(in srgb, var(--ch-theme-surface-soft) 78%, var(--ch-theme-surface)) !important; background-image: none !important; color: color-mix(in srgb, var(--ch-theme-text) 76%, var(--ch-theme-muted)) !important; box-shadow: none !important; filter: none !important; transform: none !important; font-size: .78rem !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-decoration: none !important; white-space: nowrap !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav .ch-hub-nav-button.is-active, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav .ch-hub-nav-link.is-active { background: color-mix(in srgb, var(--ch-theme-blue) 14%, var(--ch-theme-surface)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 38%, var(--ch-theme-border)) !important; color: var(--ch-theme-blue-dark) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-theme-blue) 10%, transparent) !important; } body.ch-theme .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) { margin: 0 0 10px 0 !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero { background: radial-gradient(circle at 100% 0%, rgba(0, 128, 255, .14), transparent 15rem), linear-gradient(135deg, rgba(15, 27, 45, .96), var(--ch-theme-surface)) !important; border-color: var(--ch-theme-border) !important; box-shadow: 0 12px 30px rgba(0, 0, 0, .22) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero .ch-page-eyebrow { color: #93c5fd !important; background: rgba(96, 165, 250, .11) !important; border-color: rgba(96, 165, 250, .2) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-actions .ch-bookmarks-count, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav .ch-hub-nav-button, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav .ch-hub-nav-link { background: rgba(255, 255, 255, .055) !important; border-color: var(--ch-theme-border) !important; color: #dbeafe !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav .ch-hub-nav-button.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav .ch-hub-nav-link.is-active { background: rgba(59, 130, 246, .18) !important; border-color: rgba(96, 165, 250, .42) !important; color: #ffffff !important; } @media (max-width: 781px) { body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero { display: grid !important; grid-template-columns: 1fr !important; align-items: start !important; gap: 10px !important; margin-bottom: 10px !important; padding: 12px 13px !important; border-radius: 17px !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-actions { justify-content: flex-start !important; width: 100% !important; flex-wrap: wrap !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav.ch-hub-page-nav, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-in-header { justify-content: flex-start !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero h1 { font-size: clamp(1.2rem, 6vw, 1.52rem) !important; } } body.ch-theme .ch-theme-community-shell--saved, body.ch-theme .ch-theme-community-shell--saved .ch-theme-community-content-wrap, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-page, body.ch-theme .ch-theme-community-shell--saved .ch-saved-page, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell, body.ch-theme.ch-route-saved .ch-theme-main, body.ch-theme.ch-route-saved .ch-theme-community-main, body.ch-theme.ch-route-saved .ch-theme-container--community, body.ch-theme.ch-route-saved .ch-theme-community-shell, body.ch-theme.ch-route-saved .ch-theme-community-content-wrap, body.ch-theme.ch-route-saved .ch-bookmarks-page, body.ch-theme.ch-route-saved .ch-saved-page, body.ch-theme.ch-route-saved .ch-bookmarks-shell { margin-top: 0 !important; padding-top: 0 !important; } body.ch-theme:has(.ch-theme-community-shell--saved) .ch-theme-main, body.ch-theme:has(.ch-theme-community-shell--saved) .ch-theme-community-main, body.ch-theme.ch-route-saved .ch-theme-main, body.ch-theme.ch-route-saved .ch-theme-community-main { padding-top: var(--ch-social-header-gap-top, 8px) !important; } body.ch-theme .ch-theme-community-shell--saved .ch-theme-community-content-wrap > :first-child, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-page:first-child, body.ch-theme .ch-theme-community-shell--saved .ch-saved-page:first-child, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell:first-child, body.ch-theme.ch-route-saved .ch-theme-community-content-wrap > :first-child, body.ch-theme.ch-route-saved .ch-bookmarks-page:first-child, body.ch-theme.ch-route-saved .ch-saved-page:first-child, body.ch-theme.ch-route-saved .ch-bookmarks-shell:first-child { margin-top: 0 !important; padding-top: 0 !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header, body.ch-theme .ch-theme-community-shell--saved .ch-saved-header, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, body.ch-theme.ch-route-saved .ch-bookmarks-header, body.ch-theme.ch-route-saved .ch-saved-header, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero { margin-top: 0 !important; margin-bottom: var(--ch-social-header-gap-bottom, 12px) !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) { margin-top: 0 !important; padding-top: 0 !important; } @media (max-width: 781px) { body.ch-theme:has(.ch-theme-community-shell--saved) .ch-theme-main, body.ch-theme:has(.ch-theme-community-shell--saved) .ch-theme-community-main, body.ch-theme.ch-route-saved .ch-theme-main, body.ch-theme.ch-route-saved .ch-theme-community-main { padding-top: var(--ch-social-header-gap-top, 5px) !important; } body.ch-theme .ch-theme-community-shell--saved, body.ch-theme .ch-theme-community-shell--saved .ch-theme-community-content-wrap, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-page, body.ch-theme .ch-theme-community-shell--saved .ch-saved-page, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell, body.ch-theme.ch-route-saved .ch-theme-community-shell, body.ch-theme.ch-route-saved .ch-theme-community-content-wrap, body.ch-theme.ch-route-saved .ch-bookmarks-page, body.ch-theme.ch-route-saved .ch-saved-page, body.ch-theme.ch-route-saved .ch-bookmarks-shell { margin-top: 0 !important; padding-top: 0 !important; } } body.ch-theme { --ch-social-header-gap-top: 8px; --ch-social-header-gap-bottom: 12px; --ch-social-header-pad-y: 14px; --ch-social-header-pad-x: 16px; --ch-social-header-radius: 18px; } body.ch-theme.ch-route-community .ch-theme-main, body.ch-theme.ch-route-community .ch-theme-community-main, body.ch-theme.ch-route-members .ch-theme-main, body.ch-theme.ch-route-members .ch-theme-community-main, body.ch-theme.ch-route-notifications .ch-theme-main, body.ch-theme.ch-route-notifications .ch-theme-community-main, body.ch-theme.ch-route-saved .ch-theme-main, body.ch-theme.ch-route-saved .ch-theme-community-main, body.ch-theme:has(.ch-community-feed-header) .ch-theme-main, body.ch-theme:has(.ch-member-directory-hero) .ch-theme-main, body.ch-theme:has(.ch-notifications-header) .ch-theme-main, body.ch-theme:has(.ch-bookmarks-header) .ch-theme-main { padding-top: var(--ch-social-header-gap-top) !important; } body.ch-theme .ch-theme-community-content-wrap, body.ch-theme .ch-theme-community-shell, body.ch-theme .ch-community-feed-page, body.ch-theme .ch-member-directory, body.ch-theme .ch-notifications-page, body.ch-theme .ch-bookmarks-page, body.ch-theme .ch-bookmarks-shell, body.ch-theme .ch-saved-page { margin-top: 0 !important; } body.ch-theme .ch-theme-community-content-wrap > .ch-community-feed-header:first-child, body.ch-theme .ch-theme-community-content-wrap > .ch-member-directory-hero:first-child, body.ch-theme .ch-theme-community-content-wrap > .ch-notifications-header:first-child, body.ch-theme .ch-theme-community-content-wrap > .ch-bookmarks-header:first-child, body.ch-theme .ch-community-feed-header:first-child, body.ch-theme .ch-member-directory-hero:first-child, body.ch-theme .ch-notifications-header:first-child, body.ch-theme .ch-bookmarks-header:first-child { margin-top: 0 !important; } body.ch-theme .ch-community-feed-header, body.ch-theme .ch-member-directory-hero, body.ch-theme .ch-notifications-header, body.ch-theme .ch-bookmarks-header.ch-page-hero { box-sizing: border-box !important; margin-top: 0 !important; margin-bottom: var(--ch-social-header-gap-bottom) !important; padding: var(--ch-social-header-pad-y) var(--ch-social-header-pad-x) !important; border-radius: var(--ch-social-header-radius) !important; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 82%, transparent) !important; background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--ch-theme-blue) 9%, transparent), transparent 15rem), linear-gradient(135deg, color-mix(in srgb, var(--ch-theme-blue) 4%, var(--ch-theme-surface)), var(--ch-theme-surface)) !important; box-shadow: 0 10px 26px rgba(16, 24, 40, 0.05) !important; } body.ch-theme .ch-community-feed-header h1, body.ch-theme .ch-member-directory-hero h1, body.ch-theme .ch-notifications-header h1, body.ch-theme .ch-bookmarks-header.ch-page-hero h1, body.ch-theme .ch-bookmarks-header.ch-page-hero h2 { margin-top: 0 !important; line-height: 1.04 !important; letter-spacing: -0.04em !important; } body.ch-theme .ch-community-feed-header .ch-hub-nav-button, body.ch-theme .ch-community-feed-header .ch-hub-nav-link, body.ch-theme .ch-member-directory-hero .ch-hub-nav-button, body.ch-theme .ch-member-directory-hero .ch-hub-nav-link, body.ch-theme .ch-notifications-header .ch-hub-nav-button, body.ch-theme .ch-notifications-header .ch-hub-nav-link, body.ch-theme .ch-bookmarks-header .ch-hub-nav-button, body.ch-theme .ch-bookmarks-header .ch-hub-nav-link, body.ch-theme .ch-page-actions a, body.ch-theme .ch-page-actions button, body.ch-theme .ch-notifications-actions a, body.ch-theme .ch-notifications-actions button { box-shadow: none !important; filter: none !important; text-shadow: none !important; transform: none !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-feed-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-member-directory-hero, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header.ch-page-hero { background: radial-gradient(circle at 100% 0%, rgba(0, 128, 255, .13), transparent 15rem), linear-gradient(135deg, rgba(15, 27, 45, .96), var(--ch-theme-surface)) !important; border-color: var(--ch-theme-border) !important; box-shadow: 0 12px 30px rgba(0, 0, 0, .2) !important; } @media (max-width: 781px) { body.ch-theme { --ch-social-header-gap-top: 5px; --ch-social-header-gap-bottom: 10px; --ch-social-header-pad-y: 12px; --ch-social-header-pad-x: 13px; --ch-social-header-radius: 17px; } body.ch-theme .ch-community-feed-header, body.ch-theme .ch-member-directory-hero, body.ch-theme .ch-notifications-header, body.ch-theme .ch-bookmarks-header.ch-page-hero { display: grid !important; grid-template-columns: 1fr !important; align-items: start !important; gap: 10px !important; } } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-header .ch-bookmarks-nav-in-header, body.ch-theme.ch-route-saved .ch-bookmarks-header .ch-bookmarks-nav-in-header, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header .ch-bookmarks-nav-in-header { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transition: none !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero { transition: none !important; } body.ch-theme .ch-bookmarks-header.ch-page-hero:not(.ch-bookmarks-header-ready)::after, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero:not(.ch-bookmarks-header-ready)::after, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero:not(.ch-bookmarks-header-ready)::after { content: ""; display: block; width: 100%; min-height: 40px; margin-top: 10px; border-radius: 999px; visibility: hidden; pointer-events: none; } body.ch-theme .ch-bookmarks-header.ch-page-hero .ch-page-actions.ch-bookmarks-actions, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-page-actions.ch-bookmarks-actions, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-page-actions.ch-bookmarks-actions { min-height: 40px; margin-top: 10px; transition: none !important; } body.ch-theme .ch-bookmarks-header.ch-page-hero .ch-page-actions.ch-bookmarks-actions *, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-page-actions.ch-bookmarks-actions * { transition: none !important; } @media (min-width: 782px) { body.ch-theme .ch-bookmarks-header.ch-page-hero:not(.ch-bookmarks-header-ready)::after, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero:not(.ch-bookmarks-header-ready)::after, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero:not(.ch-bookmarks-header-ready)::after { min-height: 42px; } body.ch-theme .ch-bookmarks-header.ch-page-hero .ch-page-actions.ch-bookmarks-actions, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-page-actions.ch-bookmarks-actions, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-page-actions.ch-bookmarks-actions { min-height: 42px; } } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell, body.ch-theme.ch-route-saved .ch-bookmarks-shell, body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell { position: relative !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero { display: block !important; min-height: 86px !important; padding-right: clamp(300px, 32vw, 430px) !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero > div:first-child, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero > div:first-child, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero > div:first-child { max-width: 100% !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, body.ch-theme .ch-bookmarks-page .ch-bookmarks-count-zero-move { position: absolute !important; top: 14px !important; right: 16px !important; z-index: 3 !important; min-width: 86px !important; margin: 0 !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav, body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav, body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move { position: absolute !important; top: 50px !important; right: 16px !important; z-index: 4 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 6px !important; width: auto !important; max-width: min(330px, 42vw) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav a, body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav a, body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav a, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; width: auto !important; padding: 7px 10px !important; border-radius: 999px !important; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 78%, transparent) !important; background: color-mix(in srgb, var(--ch-theme-surface-soft) 78%, var(--ch-theme-surface)) !important; background-image: none !important; color: color-mix(in srgb, var(--ch-theme-text) 76%, var(--ch-theme-muted)) !important; box-shadow: none !important; filter: none !important; transform: none !important; font-size: .78rem !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav a.is-active, body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav a.is-active, body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav a.is-active, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a.is-active { background: color-mix(in srgb, var(--ch-theme-blue) 14%, var(--ch-theme-surface)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 38%, var(--ch-theme-border)) !important; color: var(--ch-theme-blue-dark) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-theme-blue) 10%, transparent) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav a, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a { background: rgba(255,255,255,.055) !important; border-color: var(--ch-theme-border) !important; color: #dbeafe !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a.is-active { background: rgba(59,130,246,.18) !important; border-color: rgba(96,165,250,.42) !important; color: #ffffff !important; } @media (max-width: 781px) { body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero { display: grid !important; grid-template-columns: 1fr !important; min-height: 0 !important; padding-right: 13px !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, body.ch-theme .ch-bookmarks-page .ch-bookmarks-count-zero-move { position: static !important; width: fit-content !important; margin-top: 10px !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav, body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav, body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move { position: static !important; justify-content: flex-start !important; max-width: 100% !important; margin: 0 0 10px 0 !important; } } body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav, body.ch-theme .ch-saved-page .ch-bookmarks-nav, body.ch-theme .ch-bookmarks-shell .ch-bookmarks-nav, body.ch-theme.ch-route-saved .ch-bookmarks-nav, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; transition: none !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-saved-page .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme.ch-route-saved .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } @media (min-width: 782px) { body.ch-theme .ch-bookmarks-page, body.ch-theme .ch-saved-page, body.ch-theme.ch-route-saved .ch-bookmarks-page, body.ch-theme.ch-route-saved .ch-saved-page { position: relative !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero { padding-right: clamp(300px, 32vw, 430px) !important; min-height: 86px !important; } body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav, body.ch-theme .ch-saved-page .ch-bookmarks-nav, body.ch-theme.ch-route-saved .ch-bookmarks-nav, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav { position: absolute !important; top: 50px !important; right: 16px !important; z-index: 40 !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 6px !important; width: auto !important; max-width: min(330px, 42vw) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } } @media (max-width: 781px) { body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav, body.ch-theme .ch-saved-page .ch-bookmarks-nav, body.ch-theme.ch-route-saved .ch-bookmarks-nav, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav { position: static !important; display: flex !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 6px !important; max-width: 100% !important; margin: 0 0 10px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } } body.ch-theme .ch-bookmarks-page, body.ch-theme .ch-saved-page, body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell, body.ch-theme .ch-saved-page .ch-bookmarks-shell, body.ch-theme.ch-route-saved .ch-bookmarks-page, body.ch-theme.ch-route-saved .ch-saved-page, body.ch-theme.ch-route-saved .ch-bookmarks-shell, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-page, body.ch-theme .ch-theme-community-shell--saved .ch-saved-page, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell { position: relative !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move, body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; transition: none !important; transform: none !important; border: 0 !important; box-shadow: none !important; background: transparent !important; } @media (min-width: 782px) { body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero { position: relative !important; min-height: 94px !important; padding-right: clamp(310px, 34vw, 440px) !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move, body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move { position: absolute !important; top: 52px !important; right: 16px !important; z-index: 50 !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; gap: 6px !important; width: auto !important; max-width: min(340px, 42vw) !important; margin: 0 !important; padding: 0 !important; } } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a, body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move a { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; width: auto !important; padding: 7px 10px !important; border-radius: 999px !important; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 78%, transparent) !important; background: color-mix(in srgb, var(--ch-theme-surface-soft) 78%, var(--ch-theme-surface)) !important; background-image: none !important; color: color-mix(in srgb, var(--ch-theme-text) 76%, var(--ch-theme-muted)) !important; box-shadow: none !important; filter: none !important; transform: none !important; font-size: .78rem !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a.is-active, body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a.is-active, body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a.is-active, body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a.is-active, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a.is-active, body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move a.is-active { background: color-mix(in srgb, var(--ch-theme-blue) 14%, var(--ch-theme-surface)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 38%, var(--ch-theme-border)) !important; color: var(--ch-theme-blue-dark) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch-theme-blue) 10%, transparent) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move a { background: rgba(255,255,255,.055) !important; border-color: var(--ch-theme-border) !important; color: #dbeafe !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a.is-active, html[data-ch-theme-mode="dark"] body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move a.is-active { background: rgba(59,130,246,.18) !important; border-color: rgba(96,165,250,.42) !important; color: #ffffff !important; } @media (max-width: 781px) { body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero { min-height: 0 !important; padding-right: 13px !important; margin-bottom: 8px !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move, body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move { position: static !important; order: 2 !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 6px !important; width: 100% !important; max-width: 100% !important; margin: 0 0 10px 0 !important; padding: 0 !important; } } @media (min-width: 782px) { body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero { min-height: 104px !important; padding-right: clamp(390px, 46vw, 470px) !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, body.ch-theme .ch-bookmarks-page .ch-bookmarks-count-zero-move, body.ch-theme .ch-saved-page .ch-bookmarks-count-zero-move { top: 14px !important; right: 16px !important; min-width: 118px !important; height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; white-space: nowrap !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move, body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move { top: 58px !important; right: 16px !important; width: max-content !important; max-width: min(430px, calc(100% - 32px)) !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a, body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move a { flex: 0 0 auto !important; min-height: 32px !important; padding: 7px 11px !important; white-space: nowrap !important; } } @media (min-width: 782px) and (max-width: 940px) { body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero { padding-right: clamp(350px, 48vw, 430px) !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move, body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move { max-width: min(410px, calc(100% - 32px)) !important; gap: 6px !important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a, body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move a { padding-left: 10px !important; padding-right: 10px !important; } } @media (max-width: 782px) { body.admin-bar.ch-theme .ch-theme-menu-panel, body.admin-bar.ch-theme #ch-theme-menu-panel, html body.admin-bar.ch-theme.ch-theme-menu-open #ch-theme-menu-panel:not([hidden]), html body.admin-bar.ch-theme.ch-theme-menu-open .ch-theme-menu-panel:not([hidden]) { top: 76px !important; right: 10px !important; left: auto !important; bottom: auto !important; width: min(360px, calc(100vw - 20px)) !important; max-width: calc(100vw - 20px) !important; max-height: min(640px, calc(100dvh - 84px)) !important; margin-top: 0 !important; transform: none !important; } body.admin-bar.ch-theme .ch-theme-account-panel, html body.admin-bar.ch-theme .ch-theme-account.is-open > .ch-theme-account-panel:not([hidden]) { top: 76px !important; right: 10px !important; left: auto !important; bottom: auto !important; width: min(360px, calc(100vw - 20px)) !important; max-width: calc(100vw - 20px) !important; max-height: min(640px, calc(100dvh - 84px)) !important; margin-top: 0 !important; transform: none !important; } } @media (max-width: 782px) { html body.ch-theme .ch-theme-menu-panel, html body.ch-theme #ch-theme-menu-panel, html body.ch-theme.ch-theme-menu-open #ch-theme-menu-panel:not([hidden]), html body.ch-theme.ch-theme-menu-open .ch-theme-menu-panel:not([hidden]), html body.admin-bar.ch-theme .ch-theme-menu-panel, html body.admin-bar.ch-theme #ch-theme-menu-panel, html body.admin-bar.ch-theme.ch-theme-menu-open #ch-theme-menu-panel:not([hidden]), html body.admin-bar.ch-theme.ch-theme-menu-open .ch-theme-menu-panel:not([hidden]) { top: 62px !important; right: 8px !important; left: auto !important; bottom: auto !important; margin-top: 0 !important; transform: none !important; max-height: min(640px, calc(100dvh - 72px)) !important; } html body.ch-theme .ch-theme-account-panel, html body.ch-theme .ch-theme-account.is-open > .ch-theme-account-panel:not([hidden]), html body.admin-bar.ch-theme .ch-theme-account-panel, html body.admin-bar.ch-theme .ch-theme-account.is-open > .ch-theme-account-panel:not([hidden]) { top: 62px !important; right: 8px !important; left: auto !important; bottom: auto !important; margin-top: 0 !important; transform: none !important; max-height: min(560px, calc(100dvh - 72px)) !important; } } body.ch-theme .ch-repost-embed .ch-repost-embed-name, body.ch-theme .ch-repost-embed .ch-repost-embed-name a, body.ch-theme .ch-repost-embed .ch-repost-original-name, body.ch-theme .ch-repost-embed .ch-repost-original-name a, body.ch-theme .ch-repost-embed .ch-repost-original-author, body.ch-theme .ch-repost-embed .ch-repost-original-author a, body.ch-theme .ch-repost-embed .ch-quote-original-author, body.ch-theme .ch-repost-embed .ch-quote-original-author a, body.ch-theme .ch-repost-embed .ch-quoted-author, body.ch-theme .ch-repost-embed .ch-quoted-author a, body.ch-theme .ch-repost-embed .ch-quote-author, body.ch-theme .ch-repost-embed .ch-quote-author a, body.ch-theme .ch-repost-embed .ch-quote-card-author, body.ch-theme .ch-repost-embed .ch-quote-card-author a, body.ch-theme .ch-repost-embed .ch-embed-author-name, body.ch-theme .ch-repost-embed .ch-embed-author-name a, body.ch-theme .ch-repost-embed-header .ch-repost-embed-name, body.ch-theme .ch-repost-embed-header .ch-repost-embed-name a { color: var(--ch-theme-text) !important; font-weight: 800 !important; text-decoration: none !important; } body.ch-theme .ch-repost-embed .ch-repost-embed-time, body.ch-theme .ch-repost-embed .ch-repost-embed-time a, body.ch-theme .ch-repost-embed .ch-repost-original-time, body.ch-theme .ch-repost-embed .ch-repost-original-time a, body.ch-theme .ch-repost-embed .ch-quote-original-time, body.ch-theme .ch-repost-embed .ch-quote-original-time a, body.ch-theme .ch-repost-embed .ch-quoted-time, body.ch-theme .ch-repost-embed .ch-quoted-time a, body.ch-theme .ch-repost-embed .ch-quote-time, body.ch-theme .ch-repost-embed .ch-quote-time a, body.ch-theme .ch-repost-embed .ch-embed-time, body.ch-theme .ch-repost-embed .ch-embed-time a, body.ch-theme .ch-repost-embed-header time, body.ch-theme .ch-repost-embed-header time a, body.ch-theme .ch-repost-embed-header a[href*="/activity/"] { color: var(--ch-theme-muted) !important; font-weight: 650 !important; text-decoration: none !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-embed-name, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-embed-name a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-original-name, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-original-name a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-original-author, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-original-author a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-original-author, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-original-author a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quoted-author, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quoted-author a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-author, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-author a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-card-author, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-card-author a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-embed-author-name, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-embed-author-name a, body.ch-theme-mode-dark .ch-repost-embed .ch-repost-embed-name, body.ch-theme-mode-dark .ch-repost-embed .ch-repost-embed-name a, body.ch-theme-dark .ch-repost-embed .ch-repost-embed-name, body.ch-theme-dark .ch-repost-embed .ch-repost-embed-name a { color: #f8fafc !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-embed-time, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-embed-time a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-original-time, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-original-time a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-original-time, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-original-time a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quoted-time, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quoted-time a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-time, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-time a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-embed-time, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-embed-time a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed-header time, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed-header time a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed-header a[href*="/activity/"], body.ch-theme-mode-dark .ch-repost-embed .ch-repost-embed-time, body.ch-theme-mode-dark .ch-repost-embed .ch-repost-embed-time a, body.ch-theme-dark .ch-repost-embed .ch-repost-embed-time, body.ch-theme-dark .ch-repost-embed .ch-repost-embed-time a { color: #94a3b8 !important; } body.ch-theme .ch-repost-embed .ch-repost-embed-main, body.ch-theme .ch-repost-embed .ch-repost-original-main, body.ch-theme .ch-repost-embed .ch-quote-original-main, body.ch-theme .ch-repost-embed .ch-quoted-main, body.ch-theme .ch-repost-embed .ch-original-main, body.ch-theme .ch-quote-card .ch-repost-embed-main, body.ch-theme .ch-quote-card .ch-original-main, body.ch-theme .ch-repost-card .ch-repost-embed-main { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } body.ch-theme .ch-repost-embed .ch-repost-embed-text, body.ch-theme .ch-repost-embed .ch-repost-original-text, body.ch-theme .ch-repost-embed .ch-quote-original-text, body.ch-theme .ch-repost-embed .ch-quoted-text, body.ch-theme .ch-repost-embed .ch-quote-text, body.ch-theme .ch-repost-embed .ch-original-text, body.ch-theme .ch-repost-embed .ch-original-content, body.ch-theme .ch-repost-embed .ch-embed-text, body.ch-theme .ch-repost-embed .ch-embed-content, body.ch-theme .ch-repost-embed .ch-activity-content, body.ch-theme .ch-repost-embed .activity-content, body.ch-theme .ch-repost-embed .activity-inner, body.ch-theme .ch-quote-card .ch-repost-embed-text, body.ch-theme .ch-quote-card .ch-original-content, body.ch-theme .ch-repost-card .ch-repost-embed-text, body.ch-theme .ch-repost-card .ch-original-content { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; margin-top: 8px !important; color: var(--ch-theme-text) !important; font-size: 14px !important; line-height: 1.45 !important; white-space: normal !important; word-break: break-word !important; } body.ch-theme .ch-repost-embed .ch-repost-embed-text p, body.ch-theme .ch-repost-embed .ch-repost-original-text p, body.ch-theme .ch-repost-embed .ch-quote-original-text p, body.ch-theme .ch-repost-embed .ch-quoted-text p, body.ch-theme .ch-repost-embed .ch-original-content p, body.ch-theme .ch-repost-embed .activity-inner p { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 0 8px !important; color: inherit !important; } body.ch-theme .ch-repost-embed .ch-repost-embed-text:empty, body.ch-theme .ch-repost-embed .ch-repost-original-text:empty, body.ch-theme .ch-repost-embed .ch-quote-original-text:empty, body.ch-theme .ch-repost-embed .ch-quoted-text:empty, body.ch-theme .ch-repost-embed .ch-original-content:empty { display: none !important; margin: 0 !important; } body.ch-theme .ch-repost-embed .ch-repost-embed-text a, body.ch-theme .ch-repost-embed .ch-repost-original-text a, body.ch-theme .ch-repost-embed .ch-quote-original-text a, body.ch-theme .ch-repost-embed .ch-quoted-text a, body.ch-theme .ch-repost-embed .ch-original-content a, body.ch-theme .ch-repost-embed .activity-inner a { color: var(--ch-theme-blue) !important; text-decoration: none !important; font-weight: 650 !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-embed-text, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-repost-original-text, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-original-text, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quoted-text, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-quote-text, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-original-text, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-original-content, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-embed-text, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-embed-content, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .ch-activity-content, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .activity-content, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-embed .activity-inner, body.ch-theme-mode-dark .ch-repost-embed .ch-repost-embed-text, body.ch-theme-dark .ch-repost-embed .ch-repost-embed-text { color: #e5edf7 !important; } @media (max-width: 782px) { html body.ch-theme .ch-theme-header, html body.admin-bar.ch-theme .ch-theme-header { position: sticky !important; position: -webkit-sticky !important; top: 0 !important; z-index: 999900 !important; overflow: visible !important; } html body.ch-theme .ch-theme-header-top, html body.ch-theme .ch-theme-header-inner, html body.ch-theme .ch-theme-header-actions, html body.ch-theme .ch-theme-account, html body.ch-theme .ch-theme-account--dropdown { overflow: visible !important; } html body.ch-theme .ch-theme-menu-panel, html body.ch-theme #ch-theme-menu-panel, html body.ch-theme.ch-theme-menu-open #ch-theme-menu-panel:not([hidden]), html body.ch-theme.ch-theme-menu-open .ch-theme-menu-panel:not([hidden]), html body.admin-bar.ch-theme .ch-theme-menu-panel, html body.admin-bar.ch-theme #ch-theme-menu-panel, html body.admin-bar.ch-theme.ch-theme-menu-open #ch-theme-menu-panel:not([hidden]), html body.admin-bar.ch-theme.ch-theme-menu-open .ch-theme-menu-panel:not([hidden]) { top: 62px !important; right: 8px !important; left: auto !important; bottom: auto !important; width: min(360px, calc(100vw - 16px)) !important; max-width: calc(100vw - 16px) !important; margin-top: 0 !important; transform: none !important; max-height: min(640px, calc(100dvh - 72px)) !important; } html body.ch-theme .ch-theme-account-panel, html body.ch-theme .ch-theme-account.is-open > .ch-theme-account-panel:not([hidden]), html body.admin-bar.ch-theme .ch-theme-account-panel, html body.admin-bar.ch-theme .ch-theme-account.is-open > .ch-theme-account-panel:not([hidden]) { top: 62px !important; right: 8px !important; left: auto !important; bottom: auto !important; width: min(360px, calc(100vw - 16px)) !important; max-width: calc(100vw - 16px) !important; margin-top: 0 !important; transform: none !important; max-height: min(560px, calc(100dvh - 72px)) !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell, html body.ch-theme.ch-route-saved .ch-bookmarks-shell, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell, html body.ch-theme .ch-saved-page .ch-bookmarks-shell { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero { order: 1 !important; position: relative !important; min-height: 0 !important; margin: 0 !important; padding: 14px 13px 10px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; overflow: visible !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-count-zero-move, html body.ch-theme .ch-saved-page .ch-bookmarks-count-zero-move { position: static !important; display: inline-flex !important; width: auto !important; max-width: 100% !important; margin-top: 10px !important; transform: none !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move, html body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move { order: 2 !important; position: relative !important; top: auto !important; right: auto !important; left: auto !important; z-index: 1 !important; display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 7px !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 0 12px 0 !important; padding: 0 13px 13px !important; overflow: visible !important; transform: none !important; transition: none !important; background: var(--ch-theme-surface, #fff) !important; border: 1px solid var(--ch-theme-border, #d9e3f0) !important; border-top: 0 !important; border-radius: 0 0 18px 18px !important; box-shadow: 0 14px 32px rgba(16,24,40,.06) !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html[data-ch-theme-mode="dark"] body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move, html[data-ch-theme-mode="dark"] body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move { background: var(--ch-theme-surface, #111827) !important; border-color: var(--ch-theme-border, #263241) !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a, html body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move a { flex: 0 0 auto !important; min-height: 32px !important; padding: 7px 10px !important; white-space: nowrap !important; } html body.ch-theme .ch-bookmarks-list, html body.ch-theme .ch-bookmarks-empty, html body.ch-theme .ch-saved-page .ch-feed, html body.ch-theme .ch-bookmarks-page .ch-feed { order: 3 !important; } } @media (max-width: 781px) { html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell, html body.ch-theme.ch-route-saved .ch-bookmarks-shell, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell, html body.ch-theme .ch-saved-page .ch-bookmarks-shell { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; align-items: stretch !important; gap: 0 !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero { grid-column: 1 !important; grid-row: 1 !important; order: initial !important; position: relative !important; z-index: 1 !important; min-height: 0 !important; margin: 0 0 12px 0 !important; padding: 14px 13px 64px !important; border-radius: 18px !important; overflow: visible !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-count-zero-move, html body.ch-theme .ch-saved-page .ch-bookmarks-count-zero-move { position: static !important; display: inline-flex !important; width: auto !important; max-width: 100% !important; height: auto !important; min-height: 30px !important; margin: 9px 0 0 !important; transform: none !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move, html body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move { grid-column: 1 !important; grid-row: 1 !important; align-self: end !important; justify-self: stretch !important; order: initial !important; position: relative !important; top: auto !important; right: auto !important; left: auto !important; z-index: 2 !important; display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 7px !important; width: auto !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 13px 24px 13px !important; padding: 0 !important; overflow: visible !important; transform: none !important; transition: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a, html body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move a { flex: 0 0 auto !important; min-height: 32px !important; padding: 7px 10px !important; white-space: nowrap !important; } html body.ch-theme .ch-bookmarks-list, html body.ch-theme .ch-bookmarks-empty, html body.ch-theme .ch-saved-page .ch-feed, html body.ch-theme .ch-bookmarks-page .ch-feed { grid-column: 1 !important; grid-row: 2 !important; order: initial !important; } } @media (max-width: 781px) { html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero { padding-bottom: 58px !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme .ch-saved-page .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme.ch-route-saved .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move { grid-column: 1 !important; grid-row: 1 !important; align-self: end !important; justify-self: center !important; position: relative !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 7px !important; width: auto !important; max-width: calc(100% - 26px) !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 auto 17px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: 0 !important; overflow: visible !important; transform: none !important; filter: none !important; } html body.ch-theme .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move::before, html body.ch-theme .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move::after, html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav::before, html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav::after, html body.ch-theme.ch-route-saved .ch-bookmarks-nav::before, html body.ch-theme.ch-route-saved .ch-bookmarks-nav::after { display: none !important; content: none !important; background: transparent !important; box-shadow: none !important; border: 0 !important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html[data-ch-theme-mode="dark"] body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html[data-ch-theme-mode="dark"] body.ch-theme .ch-saved-page .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-saved .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, body.ch-theme-mode-dark .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, body.ch-theme-dark .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a, html body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move a { flex: 0 0 auto !important; min-height: 32px !important; padding: 7px 10px !important; margin: 0 !important; white-space: nowrap !important; } } @media (max-width: 781px) { html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero { padding-bottom: 58px !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme .ch-saved-page .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme.ch-route-saved .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move { margin: 0 auto 13px !important; } } @media (max-width: 781px) { html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero { padding-bottom: 56px !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme .ch-saved-page .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme.ch-route-saved .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move { justify-self: center !important; justify-content: center !important; align-items: center !important; gap: 6px !important; max-width: calc(100% - 20px) !important; margin: 0 auto 13px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header) a, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav-zero-move a, html body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move a { flex: 0 0 auto !important; min-height: 30px !important; padding: 6px 8px !important; font-size: 12.5px !important; line-height: 1.15 !important; white-space: nowrap !important; } } @media (max-width: 360px) { html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero { padding-bottom: 92px !important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme .ch-saved-page .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme.ch-route-saved .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move, html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav.ch-hub-page-nav.ch-bookmarks-nav-zero-move { margin-bottom: 13px !important; } } @media (max-width: 781px) { html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; align-items: start !important; gap: 10px !important; min-height: 0 !important; padding: 12px 13px !important; } html body.ch-theme .ch-bookmarks-header.ch-page-hero .ch-bookmarks-actions, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-actions, html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-actions { position: static !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 9px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; transform: none !important; } html body.ch-theme .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count { position: static !important; align-self: flex-start !important; width: fit-content !important; margin: 0 !important; transform: none !important; } html body.ch-theme .ch-bookmarks-header.ch-page-hero .ch-bookmarks-nav-in-header, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-nav-in-header, html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-nav-in-header { position: static !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 6px !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } html body.ch-theme .ch-bookmarks-header.ch-page-hero .ch-bookmarks-nav-in-header a, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-nav-in-header a, html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-nav-in-header a { flex: 0 0 auto !important; min-height: 32px !important; margin: 0 !important; padding: 7px 10px !important; font-size: 12.5px !important; line-height: 1.15 !important; white-space: nowrap !important; } } .ch-theme .ch-groups-page { width: 100%; max-width: 1040px; margin: 0 auto; } .ch-theme .ch-groups-page-header, .ch-theme .ch-single-group-header { background: var(--ch-theme-surface); border: 1px solid var(--ch-theme-border); border-radius: var(--ch-theme-radius); box-shadow: 0 10px 30px rgba(16, 24, 40, .05); overflow: hidden; } .ch-theme .ch-groups-page-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 24px; } .ch-theme .ch-groups-page-heading h1, .ch-theme .ch-single-group-identity h1, .ch-theme .ch-group-about-card h2, .ch-theme .ch-group-about-card h3 { margin: 0; color: var(--ch-theme-text); } .ch-theme .ch-groups-page-heading p, .ch-theme .ch-single-group-description, .ch-theme .ch-group-card-description { color: var(--ch-theme-muted); } .ch-theme .ch-groups-page-heading p { margin: 4px 0 0; } .ch-theme .ch-groups-search { display: flex; align-items: stretch; gap: 8px; width: min(100%, 380px); } .ch-theme .ch-groups-search input { min-width: 0; flex: 1 1 auto; border: 1px solid var(--ch-theme-border); border-radius: 999px; background: var(--ch-theme-surface-soft); color: var(--ch-theme-text); padding: 10px 14px; } .ch-theme .ch-groups-search button, .ch-theme .ch-group-membership-button, .ch-theme .ch-group-card-view, .ch-theme .ch-groups-pagination a { border: 1px solid rgba(0, 128, 255, .28); border-radius: 999px; background: rgba(0, 128, 255, .09); color: var(--ch-theme-blue-dark); font: inherit; font-weight: 700; line-height: 1.2; padding: 9px 14px; text-decoration: none; cursor: pointer; } .ch-theme .ch-groups-search button:hover, .ch-theme .ch-group-membership-button:hover, .ch-theme .ch-group-card-view:hover, .ch-theme .ch-groups-pagination a:hover { background: rgba(0, 128, 255, .15); text-decoration: none; } .ch-theme .ch-group-membership-button.is-member { background: var(--ch-theme-blue); border-color: var(--ch-theme-blue); color: #fff; } .ch-theme .ch-group-membership-button.is-static { cursor: default; } .ch-theme .ch-group-membership-button.is-loading { opacity: .65; cursor: progress; } .ch-theme .ch-groups-directory-meta { display: flex; justify-content: flex-end; padding: 12px 4px 10px; color: var(--ch-theme-muted); font-size: .92rem; } .ch-theme .ch-groups-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .ch-theme .ch-group-card { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 14px; padding: 18px; background: var(--ch-theme-surface); border: 1px solid var(--ch-theme-border); border-radius: 16px; box-shadow: 0 8px 24px rgba(16, 24, 40, .04); } .ch-theme .ch-group-card-avatar { display: block; width: 74px; height: 74px; object-fit: cover; border-radius: 16px; border: 1px solid var(--ch-theme-border); background: var(--ch-theme-surface-soft); } .ch-theme .ch-group-card-title-row, .ch-theme .ch-group-card-footer, .ch-theme .ch-single-group-title-row, .ch-theme .ch-single-group-meta { display: flex; align-items: center; } .ch-theme .ch-group-card-title-row, .ch-theme .ch-group-card-footer, .ch-theme .ch-single-group-title-row { justify-content: space-between; gap: 12px; } .ch-theme .ch-group-card-title-row h2 { margin: 0; font-size: 1.05rem; line-height: 1.25; } .ch-theme .ch-group-card-title-row h2 a { color: var(--ch-theme-text); } .ch-theme .ch-group-status { flex: 0 0 auto; padding: 4px 8px; border-radius: 999px; background: var(--ch-theme-surface-soft); border: 1px solid var(--ch-theme-border); color: var(--ch-theme-muted); font-size: .75rem; font-weight: 700; } .ch-theme .ch-group-card-description { margin: 8px 0 14px; font-size: .92rem; } .ch-theme .ch-group-card-footer { color: var(--ch-theme-muted); font-size: .86rem; } .ch-theme .ch-group-card-view { padding: 7px 11px; font-size: .82rem; } .ch-theme .ch-groups-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 20px 0 4px; color: var(--ch-theme-muted); } .ch-theme .ch-single-group-cover { height: 220px; background-position: center; background-size: cover; background-color: var(--ch-theme-surface-soft); } .ch-theme .ch-single-group-cover.is-empty { background-image: linear-gradient(135deg, rgba(0,128,255,.17), rgba(0,128,255,.04)); } .ch-theme .ch-single-group-header-body { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 18px; align-items: end; padding: 0 24px 20px; } .ch-theme .ch-single-group-avatar { width: 132px; height: 132px; margin-top: -54px; object-fit: cover; border-radius: 24px; border: 5px solid var(--ch-theme-surface); background: var(--ch-theme-surface-soft); } .ch-theme .ch-single-group-title-row { align-items: flex-start; } .ch-theme .ch-single-group-identity h1 { font-size: clamp(1.55rem, 3vw, 2.15rem); line-height: 1.1; } .ch-theme .ch-single-group-meta { gap: 8px; margin-top: 6px; color: var(--ch-theme-muted); font-size: .9rem; } .ch-theme .ch-single-group-meta span + span::before { content: "•"; margin-right: 8px; } .ch-theme .ch-single-group-description { margin: 10px 0 0; } .ch-theme .ch-single-group-nav { display: flex; gap: 6px; padding: 0 20px 14px; overflow-x: auto; } .ch-theme .ch-single-group-nav a { flex: 0 0 auto; padding: 9px 14px; border-radius: 999px; color: var(--ch-theme-muted); font-weight: 700; text-decoration: none; } .ch-theme .ch-single-group-nav a:hover, .ch-theme .ch-single-group-nav a.is-active { background: rgba(0, 128, 255, .09); color: var(--ch-theme-blue-dark); text-decoration: none; } .ch-theme .ch-single-group-content { margin-top: 14px; } .ch-theme .ch-group-activity { max-width: 820px; margin: 0 auto; } .ch-theme .ch-group-members-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .ch-theme .ch-group-member-card { display: flex; align-items: center; gap: 11px; padding: 13px; background: var(--ch-theme-surface); border: 1px solid var(--ch-theme-border); border-radius: 14px; color: var(--ch-theme-text); font-weight: 700; text-decoration: none; } .ch-theme .ch-group-member-card:hover { text-decoration: none; border-color: rgba(0, 128, 255, .35); } .ch-theme .ch-group-member-card img { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; } .ch-theme .ch-group-about-card, .ch-theme .ch-groups-empty { padding: 22px; background: var(--ch-theme-surface); border: 1px solid var(--ch-theme-border); border-radius: 16px; } .ch-theme .ch-group-about-description { margin-top: 10px; color: var(--ch-theme-text); } .ch-theme .ch-group-about-details { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 18px 0; } .ch-theme .ch-group-about-details > div { padding: 12px; border: 1px solid var(--ch-theme-border); border-radius: 12px; background: var(--ch-theme-surface-soft); } .ch-theme .ch-group-about-details dt { color: var(--ch-theme-muted); font-size: .8rem; font-weight: 700; } .ch-theme .ch-group-about-details dd { margin: 3px 0 0; color: var(--ch-theme-text); font-weight: 700; } .ch-theme .ch-group-admins { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; } .ch-theme .ch-group-admins a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--ch-theme-border); border-radius: 999px; color: var(--ch-theme-text); text-decoration: none; } .ch-theme .ch-group-admins img { border-radius: 50%; } @media (max-width: 780px) { .ch-theme .ch-groups-page-header { align-items: stretch; flex-direction: column; padding: 18px; } .ch-theme .ch-groups-search { width: 100%; } .ch-theme .ch-groups-grid, .ch-theme .ch-group-members-grid, .ch-theme .ch-group-about-details { grid-template-columns: 1fr; } .ch-theme .ch-single-group-cover { height: 150px; } .ch-theme .ch-single-group-header-body { grid-template-columns: 82px minmax(0, 1fr); gap: 12px; padding: 0 16px 16px; } .ch-theme .ch-single-group-avatar { width: 82px; height: 82px; margin-top: -34px; border-width: 4px; border-radius: 18px; } .ch-theme .ch-single-group-title-row { align-items: flex-start; flex-direction: column; } .ch-theme .ch-single-group-nav { padding: 0 12px 12px; } .ch-theme .ch-group-card { grid-template-columns: 62px minmax(0, 1fr); padding: 14px; } .ch-theme .ch-group-card-avatar { width: 62px; height: 62px; border-radius: 14px; } } @media (max-width: 480px) { .ch-theme .ch-group-card-title-row, .ch-theme .ch-group-card-footer { align-items: flex-start; flex-direction: column; } .ch-theme .ch-groups-search { flex-direction: column; } .ch-theme .ch-groups-search button { width: 100%; } } .ch-theme .ch-groups-page { --ch-group-accent: var(--ch-theme-blue, #0080ff); --ch-group-accent-soft: rgba(0, 128, 255, .08); --ch-group-accent-border: rgba(0, 128, 255, .20); } .ch-theme .ch-groups-directory .ch-groups-page-header { position: relative; align-items: flex-end; padding: 24px 26px; background: linear-gradient(135deg, rgba(0,128,255,.055), transparent 48%), var(--ch-theme-surface); box-shadow: 0 8px 28px rgba(16, 24, 40, .045); } .ch-theme .ch-groups-directory .ch-groups-page-header::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--ch-group-accent); border-radius: var(--ch-theme-radius) 0 0 var(--ch-theme-radius); } .ch-theme .ch-groups-page-heading h1 { font-size: clamp(1.55rem, 2.4vw, 2rem); font-weight: 800; letter-spacing: -.025em; } .ch-theme .ch-groups-page-heading p { max-width: 580px; margin-top: 7px; font-size: .95rem; line-height: 1.55; } .ch-theme .ch-groups-search { padding: 5px; border: 1px solid var(--ch-theme-border); border-radius: 14px; background: var(--ch-theme-surface-soft); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); } .ch-theme .ch-groups-search input { min-height: 42px; border: 0; border-radius: 10px; background: transparent; box-shadow: none; outline: none; } .ch-theme .ch-groups-search input:focus { background: var(--ch-theme-surface); box-shadow: 0 0 0 2px var(--ch-group-accent-border); } .ch-theme .ch-groups-search button { min-height: 42px; padding-inline: 18px; border-radius: 10px; background: var(--ch-group-accent); border-color: var(--ch-group-accent); color: #fff; box-shadow: 0 5px 14px rgba(0,128,255,.16); } .ch-theme .ch-groups-search button:hover { background: var(--ch-group-accent); filter: brightness(1.06); color: #fff; } .ch-theme .ch-groups-directory-meta { justify-content: flex-start; padding: 14px 2px 10px; font-size: .84rem; font-weight: 700; letter-spacing: .01em; } .ch-theme .ch-groups-grid { gap: 12px; } .ch-theme .ch-group-card { position: relative; grid-template-columns: 68px minmax(0, 1fr); gap: 14px; min-height: 150px; padding: 17px; border-radius: 18px; box-shadow: 0 4px 16px rgba(16, 24, 40, .035); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; } .ch-theme .ch-group-card:hover { transform: translateY(-2px); border-color: var(--ch-group-accent-border); box-shadow: 0 12px 28px rgba(16, 24, 40, .075); } .ch-theme .ch-group-card-avatar-link { align-self: start; } .ch-theme .ch-group-card-avatar { width: 68px; height: 68px; border-radius: 18px; box-shadow: 0 2px 10px rgba(16,24,40,.08); } .ch-theme .ch-group-card-body { display: flex; min-width: 0; flex-direction: column; } .ch-theme .ch-group-card-title-row { align-items: flex-start; gap: 10px; } .ch-theme .ch-group-card-title-row h2 { font-size: 1.04rem; font-weight: 800; letter-spacing: -.012em; } .ch-theme .ch-group-card-title-row h2 a:hover { color: var(--ch-group-accent); text-decoration: none; } .ch-theme .ch-group-status { padding: 4px 8px; border-color: transparent; background: var(--ch-group-accent-soft); color: var(--ch-group-accent); font-size: .69rem; letter-spacing: .035em; text-transform: uppercase; } .ch-theme .ch-group-card-description { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 8px 0 12px; font-size: .88rem; line-height: 1.45; } .ch-theme .ch-group-card-footer { margin-top: auto; padding-top: 10px; border-top: 1px solid var(--ch-theme-border); font-size: .8rem; } .ch-theme .ch-group-card-view { padding: 7px 12px; background: transparent; font-size: .78rem; } .ch-theme .ch-group-card-view:hover { background: var(--ch-group-accent-soft); } .ch-theme .ch-single-group-header { position: relative; border-radius: 20px; box-shadow: 0 10px 32px rgba(16,24,40,.065); } .ch-theme .ch-single-group-cover { position: relative; height: 245px; background-position: center; } .ch-theme .ch-single-group-cover::after { content: ""; position: absolute; inset: auto 0 0; height: 46%; background: linear-gradient(to bottom, transparent, rgba(0,0,0,.16)); pointer-events: none; } .ch-theme .ch-single-group-cover.is-empty { background-image: radial-gradient(circle at 18% 20%, rgba(0,128,255,.22), transparent 34%), linear-gradient(135deg, rgba(0,128,255,.18), rgba(0,128,255,.035)); } .ch-theme .ch-single-group-header-body { grid-template-columns: 138px minmax(0, 1fr); gap: 20px; padding: 0 26px 21px; } .ch-theme .ch-single-group-avatar { width: 138px; height: 138px; margin-top: -62px; border: 5px solid var(--ch-theme-surface); border-radius: 26px; box-shadow: 0 8px 24px rgba(16,24,40,.14); } .ch-theme .ch-single-group-identity { min-width: 0; padding-top: 14px; } .ch-theme .ch-single-group-title-row { align-items: center; } .ch-theme .ch-single-group-identity h1 { font-size: clamp(1.7rem, 3vw, 2.25rem); font-weight: 850; letter-spacing: -.035em; } .ch-theme .ch-single-group-meta { margin-top: 7px; font-size: .82rem; font-weight: 700; } .ch-theme .ch-single-group-description { max-width: 760px; margin-top: 9px; font-size: .92rem; line-height: 1.5; } .ch-theme .ch-group-membership-button { min-height: 40px; padding: 10px 16px; border-radius: 12px; background: var(--ch-group-accent); border-color: var(--ch-group-accent); color: #fff; box-shadow: 0 6px 16px rgba(0,128,255,.16); white-space: nowrap; } .ch-theme .ch-group-membership-button:hover { background: var(--ch-group-accent); filter: brightness(1.06); color: #fff; } .ch-theme .ch-group-membership-button.is-member { background: var(--ch-theme-surface-soft); border-color: var(--ch-theme-border); color: var(--ch-theme-text); box-shadow: none; } .ch-theme .ch-group-membership-button.is-static { background: var(--ch-theme-surface-soft); border-color: var(--ch-theme-border); color: var(--ch-theme-muted); box-shadow: none; } .ch-theme .ch-single-group-nav { gap: 2px; padding: 0 22px 12px; border-top: 1px solid var(--ch-theme-border); } .ch-theme .ch-single-group-nav a { position: relative; margin-top: -1px; padding: 13px 15px 11px; border-radius: 0; font-size: .88rem; } .ch-theme .ch-single-group-nav a::after { content: ""; position: absolute; left: 15px; right: 15px; bottom: 2px; height: 3px; border-radius: 3px; background: transparent; } .ch-theme .ch-single-group-nav a:hover, .ch-theme .ch-single-group-nav a.is-active { background: transparent; color: var(--ch-theme-text); } .ch-theme .ch-single-group-nav a.is-active::after { background: var(--ch-group-accent); } .ch-theme .ch-single-group-content { margin-top: 12px; } .ch-theme .ch-group-members-grid { gap: 10px; } .ch-theme .ch-group-member-card { padding: 14px; border-radius: 16px; font-size: .9rem; box-shadow: 0 3px 12px rgba(16,24,40,.025); transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; } .ch-theme .ch-group-member-card:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(16,24,40,.06); } .ch-theme .ch-group-member-card img { width: 50px; height: 50px; box-shadow: 0 2px 8px rgba(16,24,40,.08); } .ch-theme .ch-group-about-card, .ch-theme .ch-groups-empty { border-radius: 18px; box-shadow: 0 4px 18px rgba(16,24,40,.03); } .ch-theme .ch-group-about-card h2 { font-size: 1.2rem; font-weight: 800; letter-spacing: -.02em; } .ch-theme .ch-group-about-details > div { padding: 14px; border-radius: 14px; } .ch-theme .ch-group-about-details dt { font-size: .72rem; letter-spacing: .035em; text-transform: uppercase; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-groups-directory .ch-groups-page-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-group-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-single-group-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-group-member-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-group-about-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-groups-empty { box-shadow: none; } @media (max-width: 780px) { .ch-theme .ch-groups-page { width: 100%; } .ch-theme .ch-groups-directory .ch-groups-page-header { align-items: stretch; padding: 18px; } .ch-theme .ch-groups-directory .ch-groups-page-header::before { width: 3px; } .ch-theme .ch-groups-page-heading h1 { font-size: 1.55rem; } .ch-theme .ch-groups-search { padding: 4px; border-radius: 12px; } .ch-theme .ch-groups-grid { gap: 10px; } .ch-theme .ch-group-card { grid-template-columns: 62px minmax(0, 1fr); min-height: 0; padding: 14px; border-radius: 16px; } .ch-theme .ch-group-card:hover { transform: none; } .ch-theme .ch-group-card-avatar { width: 62px; height: 62px; border-radius: 15px; } .ch-theme .ch-single-group-header { border-radius: 16px; } .ch-theme .ch-single-group-cover { height: 165px; } .ch-theme .ch-single-group-header-body { grid-template-columns: 88px minmax(0, 1fr); gap: 13px; padding: 0 16px 16px; } .ch-theme .ch-single-group-avatar { width: 88px; height: 88px; margin-top: -38px; border-width: 4px; border-radius: 20px; } .ch-theme .ch-single-group-identity { padding-top: 10px; } .ch-theme .ch-single-group-identity h1 { font-size: 1.45rem; } .ch-theme .ch-single-group-title-row { align-items: flex-start; gap: 10px; } .ch-theme .ch-single-group-nav { padding: 0 10px 8px; } .ch-theme .ch-single-group-nav a { padding: 12px 12px 10px; } .ch-theme .ch-single-group-nav a::after { left: 12px; right: 12px; } } @media (max-width: 560px) { .ch-theme .ch-single-group-header-body { grid-template-columns: 78px minmax(0, 1fr); } .ch-theme .ch-single-group-avatar { width: 78px; height: 78px; margin-top: -31px; border-radius: 18px; } .ch-theme .ch-single-group-title-row { flex-direction: column; } .ch-theme .ch-group-membership-button { min-height: 36px; padding: 8px 13px; font-size: .82rem; } .ch-theme .ch-group-card-title-row { flex-direction: row; align-items: flex-start; } .ch-theme .ch-group-card-footer { flex-direction: row; align-items: center; } .ch-theme .ch-groups-search { flex-direction: row; } .ch-theme .ch-groups-search button { width: auto; } } @media (max-width: 390px) { .ch-theme .ch-group-card { grid-template-columns: 54px minmax(0, 1fr); gap: 11px; } .ch-theme .ch-group-card-avatar { width: 54px; height: 54px; border-radius: 13px; } .ch-theme .ch-group-status { display: none; } .ch-theme .ch-group-card-footer { gap: 8px; } .ch-theme .ch-group-card-view { padding: 6px 10px; } } .ch-theme .ch-groups-directory .ch-groups-page-heading { display: flex; min-width: 0; flex: 1 1 auto; flex-direction: column; align-items: flex-start; gap: 0; } .ch-theme .ch-groups-page-heading-copy { min-width: 0; } .ch-theme .ch-groups-directory .ch-groups-create-button { position: static !important; inset: auto !important; float: none !important; margin: 15px 0 0 !important; align-self: flex-start; transform: none !important; } .ch-theme .ch-groups-create .ch-groups-page-header { align-items: flex-start; padding: 23px 25px; background: linear-gradient(135deg, rgba(0,128,255,.05), transparent 52%), var(--ch-theme-surface); } .ch-theme .ch-group-create-form, .ch-theme .ch-group-manage-panel, .ch-theme .ch-group-invite-panel { margin-top: 12px; } .ch-theme .ch-group-settings-form { display: grid; gap: 18px; } .ch-theme .ch-group-form-section { display: grid; gap: 14px; padding: 18px; border: 1px solid var(--ch-theme-border); border-radius: 16px; background: var(--ch-theme-surface-soft); } .ch-theme .ch-group-form-section-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ch-theme .ch-group-form-section-heading h2, .ch-theme .ch-group-form-section-heading h3, .ch-theme .ch-group-suggested-heading h3 { margin: 0; color: var(--ch-theme-text); font-size: 1rem; font-weight: 800; letter-spacing: -.015em; } .ch-theme .ch-group-form-section-heading p, .ch-theme .ch-group-suggested-heading p { margin: 4px 0 0; color: var(--ch-theme-muted); font-size: .82rem; line-height: 1.45; } .ch-theme .ch-group-settings-form > label, .ch-theme .ch-group-form-section > label, .ch-theme .ch-group-invite-form label { display: grid; gap: 7px; color: var(--ch-theme-text); font-size: .84rem; font-weight: 750; } .ch-theme .ch-group-settings-form input[type="text"], .ch-theme .ch-group-settings-form textarea, .ch-theme .ch-group-settings-form select, .ch-theme .ch-group-invite-form input[type="text"] { width: 100%; min-height: 44px; box-sizing: border-box; border: 1px solid var(--ch-theme-border); border-radius: 12px; background: var(--ch-theme-surface); color: var(--ch-theme-text); font: inherit; padding: 10px 12px; box-shadow: none; outline: none; } .ch-theme .ch-group-settings-form textarea { min-height: 128px; resize: vertical; line-height: 1.5; } .ch-theme .ch-group-settings-form input:focus, .ch-theme .ch-group-settings-form textarea:focus, .ch-theme .ch-group-settings-form select:focus, .ch-theme .ch-group-invite-form input:focus { border-color: var(--ch-group-accent); box-shadow: 0 0 0 3px var(--ch-group-accent-soft); } .ch-theme .ch-group-form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin-top: 2px; } .ch-theme .ch-group-form-actions-primary { padding-top: 2px; } .ch-theme .ch-group-form-actions .ch-group-membership-button, .ch-theme .ch-group-secondary-button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 11px; font: inherit; font-size: .84rem; font-weight: 800; line-height: 1.2; padding: 10px 16px; text-decoration: none; cursor: pointer; } .ch-theme .ch-group-secondary-button { border: 1px solid var(--ch-theme-border); background: var(--ch-theme-surface); color: var(--ch-theme-text); box-shadow: none; } .ch-theme .ch-group-secondary-button:hover { border-color: var(--ch-group-accent-border); background: var(--ch-group-accent-soft); color: var(--ch-theme-text); text-decoration: none; } .ch-theme .ch-group-secondary-button.is-invited, .ch-theme .ch-group-secondary-button:disabled { opacity: .7; cursor: default; } .ch-theme .ch-group-form-status { min-height: 0; color: var(--ch-theme-muted); font-size: .82rem; } .ch-theme .ch-group-form-status:not(:empty) { padding: 10px 12px; border-radius: 10px; background: var(--ch-group-accent-soft); } .ch-theme .ch-group-form-status.is-error { background: rgba(210, 40, 55, .08); color: #b42332; } .ch-theme .ch-group-media-fields { display: grid; grid-template-columns: minmax(180px, .75fr) minmax(280px, 1.5fr); gap: 14px; } .ch-theme .ch-group-media-field { display: grid; align-content: start; gap: 8px; padding: 13px; border: 1px solid var(--ch-theme-border); border-radius: 14px; background: var(--ch-theme-surface); } .ch-theme .ch-group-media-field-title { color: var(--ch-theme-text); font-size: .84rem; font-weight: 800; } .ch-theme .ch-group-media-preview { display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px dashed var(--ch-theme-border); background: linear-gradient(135deg, rgba(0,128,255,.06), transparent 60%), var(--ch-theme-surface-soft); background-position: center; background-size: cover; color: var(--ch-theme-muted); overflow: hidden; } .ch-theme .ch-group-media-preview.has-image span, .ch-theme .ch-group-media-preview[style*="background-image"] span { display: none; } .ch-theme .ch-group-media-preview-avatar { width: 116px; height: 116px; border-radius: 22px; } .ch-theme .ch-group-media-preview-cover { width: 100%; height: 116px; border-radius: 14px; } .ch-theme .ch-group-media-field input[type="file"] { width: 100%; max-width: 100%; color: var(--ch-theme-muted); font-size: .78rem; } .ch-theme .ch-group-media-field input[type="file"]::file-selector-button { margin-right: 8px; border: 1px solid var(--ch-theme-border); border-radius: 9px; background: var(--ch-theme-surface-soft); color: var(--ch-theme-text); font: inherit; font-weight: 750; padding: 7px 10px; cursor: pointer; } .ch-theme .ch-group-media-field small { color: var(--ch-theme-muted); font-size: .72rem; font-weight: 500; line-height: 1.4; } .ch-theme .ch-group-invite-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; margin-top: 16px; } .ch-theme .ch-group-invite-form .ch-group-form-actions { margin: 0; } .ch-theme .ch-group-invite-form .ch-group-form-status { grid-column: 1 / -1; } .ch-theme .ch-group-suggested-members { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--ch-theme-border); } .ch-theme .ch-group-suggested-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 12px; } .ch-theme .ch-group-suggested-member { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border: 1px solid var(--ch-theme-border); border-radius: 13px; background: var(--ch-theme-surface-soft); } .ch-theme .ch-group-suggested-identity { display: flex; min-width: 0; align-items: center; gap: 9px; color: var(--ch-theme-text); text-decoration: none; } .ch-theme .ch-group-suggested-identity img { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; object-fit: cover; } .ch-theme .ch-group-suggested-identity span { display: grid; min-width: 0; gap: 2px; } .ch-theme .ch-group-suggested-identity strong, .ch-theme .ch-group-suggested-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ch-theme .ch-group-suggested-identity strong { font-size: .82rem; } .ch-theme .ch-group-suggested-identity small { color: var(--ch-theme-muted); font-size: .7rem; } @media (max-width: 780px) { .ch-theme .ch-groups-directory .ch-groups-create-button { margin-top: 12px !important; } .ch-theme .ch-groups-create .ch-groups-page-header { padding: 18px; } .ch-theme .ch-group-form-section, .ch-theme .ch-group-create-form, .ch-theme .ch-group-manage-panel, .ch-theme .ch-group-invite-panel { border-radius: 15px; } .ch-theme .ch-group-form-section { padding: 14px; } .ch-theme .ch-group-form-section-grid, .ch-theme .ch-group-media-fields, .ch-theme .ch-group-suggested-grid, .ch-theme .ch-group-invite-form { grid-template-columns: 1fr; } .ch-theme .ch-group-media-preview-avatar { width: 96px; height: 96px; border-radius: 19px; } .ch-theme .ch-group-media-preview-cover { height: 112px; } .ch-theme .ch-group-form-actions { justify-content: stretch; } .ch-theme .ch-group-form-actions .ch-group-membership-button, .ch-theme .ch-group-form-actions .ch-group-secondary-button { flex: 1 1 0; } .ch-theme .ch-group-invite-form .ch-group-form-actions .ch-group-membership-button { width: 100%; } } .ch-theme .ch-single-group-header-body { position: relative; z-index: 3; } .ch-theme .ch-single-group-avatar { position: relative; z-index: 4; } .ch-theme .ch-single-group-cover, .ch-theme .ch-single-group-cover::after { z-index: 1; } .ch-theme .ch-group-media-picker { position: relative; grid-template-rows: auto 1fr auto; gap: 10px; padding: 14px; border: 1px solid var(--ch-theme-border); border-radius: 16px; background: var(--ch-theme-surface); box-shadow: 0 6px 18px rgba(15,23,42,.045); cursor: pointer; transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; } .ch-theme .ch-group-media-picker:hover { border-color: var(--ch-group-accent-border); box-shadow: 0 10px 24px rgba(15,23,42,.07); transform: translateY(-1px); } .ch-theme .ch-group-media-input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; opacity: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; } .ch-theme .ch-group-media-preview { position: relative; border: 1px dashed color-mix(in srgb, var(--ch-theme-border) 78%, var(--ch-group-accent) 22%); background: linear-gradient(135deg, rgba(0,128,255,.055), transparent 62%), var(--ch-theme-surface-soft); background-position: center; background-size: cover; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); } .ch-theme .ch-group-media-preview-avatar { width: 132px; height: 132px; border-radius: 28px; } .ch-theme .ch-group-media-preview-cover { height: 142px; border-radius: 16px; } .ch-theme .ch-group-media-placeholder { display: grid; gap: 4px; padding: 14px; text-align: center; } .ch-theme .ch-group-media-placeholder strong { color: var(--ch-theme-text); font-size: .82rem; font-weight: 800; } .ch-theme .ch-group-media-placeholder small { color: var(--ch-theme-muted); font-size: .7rem; font-weight: 600; } .ch-theme .ch-group-media-preview.has-image .ch-group-media-placeholder, .ch-theme .ch-group-media-preview[style*="background-image"] .ch-group-media-placeholder { display: none; } .ch-theme .ch-group-media-picker-action { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; justify-self: start; padding: 8px 12px; border: 1px solid var(--ch-group-accent-border); border-radius: 10px; background: var(--ch-group-accent-soft); color: var(--ch-theme-text); font-size: .78rem; font-weight: 800; line-height: 1; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-group-media-picker { box-shadow: 0 8px 22px rgba(0,0,0,.18); } @media (max-width: 700px) { .ch-theme .ch-group-media-fields { grid-template-columns: 1fr; } .ch-theme .ch-group-media-preview-avatar { width: 116px; height: 116px; } .ch-theme .ch-group-media-preview-cover { height: 122px; } } .customize-preview .ch-theme-customizer-community-preview-header { margin-bottom: 14px; } .customize-preview .ch-theme-customizer-feed-placeholder { display: grid; gap: 14px; } .customize-preview .ch-theme-customizer-feed-card { min-height: 150px; pointer-events: none; } .customize-preview .ch-theme-customizer-feed-card-line { height: 12px; margin: 14px 18px; border-radius: 999px; background: color-mix(in srgb, var(--ch-theme-muted) 18%, transparent); } .customize-preview .ch-theme-customizer-feed-card-line--short { width: 38%; } .ch-theme .ch-forums-page { --ch-forum-accent: var(--ch-theme-accent, #0080ff); --ch-forum-accent-soft: color-mix(in srgb, var(--ch-forum-accent) 10%, transparent); --ch-forum-accent-border: color-mix(in srgb, var(--ch-forum-accent) 28%, var(--ch-theme-border)); width: 100%; max-width: 940px; } .ch-theme .ch-forums-page-header, .ch-theme .ch-forum-row, .ch-theme .ch-forum-topic-row, .ch-theme .ch-forum-post-card, .ch-theme .ch-forum-composer, .ch-theme .ch-forums-empty, .ch-theme .ch-forum-login-note { border-color: var(--ch-theme-border); background: var(--ch-theme-surface); color: var(--ch-theme-text); box-shadow: 0 7px 24px rgba(15,23,42,.045); } .ch-theme .ch-forums-page-header { position: relative; overflow: hidden; padding: 22px 24px; border-radius: 18px; } .ch-theme .ch-forums-page-header::after { content: ""; position: absolute; right: -90px; top: -110px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ch-forum-accent) 14%, transparent), transparent 70%); pointer-events: none; } .ch-theme .ch-forums-page-header h1 { position: relative; z-index: 1; font-weight: 850; letter-spacing: -.025em; } .ch-theme .ch-forums-page-header p, .ch-theme .ch-forums-eyebrow, .ch-theme .ch-forum-row-copy span, .ch-theme .ch-forum-row-copy small, .ch-theme .ch-forum-topic-copy span, .ch-theme .ch-forum-topic-meta, .ch-theme .ch-forum-post-author span, .ch-theme .ch-forum-form-status, .ch-theme .ch-forums-breadcrumb, .ch-theme .ch-forum-login-note, .ch-theme .ch-forums-empty p { color: var(--ch-theme-muted); } .ch-theme .ch-forums-eyebrow { color: var(--ch-forum-accent); } .ch-theme .ch-forum-row, .ch-theme .ch-forum-topic-row, .ch-theme .ch-forum-post-card, .ch-theme .ch-forum-composer { border-radius: 16px; } .ch-theme .ch-forum-row { transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; } .ch-theme .ch-forum-row:hover { border-color: var(--ch-forum-accent-border); transform: translateY(-1px); box-shadow: 0 11px 28px rgba(15,23,42,.07); } .ch-theme .ch-forum-row-icon { background: var(--ch-forum-accent-soft); color: var(--ch-forum-accent); border: 1px solid var(--ch-forum-accent-border); } .ch-theme .ch-forum-row-copy strong, .ch-theme .ch-forum-topic-copy strong, .ch-theme .ch-forum-topic-meta strong, .ch-theme .ch-forum-post-author strong, .ch-theme .ch-forum-composer-heading strong { color: var(--ch-theme-text); } .ch-theme .ch-forum-children a, .ch-theme .ch-forum-group-link { border-color: var(--ch-theme-border); background: var(--ch-theme-surface-soft); font-weight: 750; } .ch-theme .ch-forum-children a:hover, .ch-theme .ch-forum-group-link:hover, .ch-theme .ch-forums-breadcrumb a:hover { color: var(--ch-forum-accent); border-color: var(--ch-forum-accent-border); } .ch-theme .ch-forum-composer { padding: 18px; } .ch-theme .ch-forum-composer input, .ch-theme .ch-forum-composer textarea { border-color: var(--ch-theme-border); background: var(--ch-theme-surface-soft); color: var(--ch-theme-text); box-shadow: none; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; } .ch-theme .ch-forum-composer input:focus, .ch-theme .ch-forum-composer textarea:focus { outline: none; border-color: var(--ch-forum-accent); background: var(--ch-theme-surface); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ch-forum-accent) 13%, transparent); } .ch-theme .ch-forum-form-actions button { min-height: 40px; padding: 9px 17px; background: var(--ch-forum-accent); box-shadow: 0 6px 16px color-mix(in srgb, var(--ch-forum-accent) 18%, transparent); } .ch-theme .ch-forum-topic-row { padding: 15px 17px; transition: border-color .15s ease, background .15s ease; } .ch-theme .ch-forum-topic-row:hover { border-color: var(--ch-forum-accent-border); background: color-mix(in srgb, var(--ch-theme-surface) 94%, var(--ch-forum-accent) 6%); } .ch-theme .ch-forum-topic-avatar img, .ch-theme .ch-forum-post-avatar img { border: 2px solid var(--ch-theme-surface); box-shadow: 0 0 0 1px var(--ch-theme-border); } .ch-theme .ch-forum-original-post { background: var(--ch-forum-accent-soft); color: var(--ch-forum-accent); } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-row, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-topic-row, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-post-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-composer { box-shadow: 0 8px 24px rgba(0,0,0,.18); } @media (max-width: 700px) { .ch-theme .ch-forums-page-header { padding: 18px; border-radius: 16px; } .ch-theme .ch-forum-row, .ch-theme .ch-forum-topic-row, .ch-theme .ch-forum-post-card, .ch-theme .ch-forum-composer { border-radius: 14px; } .ch-theme .ch-forum-row-main { align-items: flex-start; } .ch-theme .ch-forum-row-stats { padding-top: 2px; } .ch-theme .ch-forum-topic-row { gap: 9px; } .ch-theme .ch-forum-topic-meta { min-width: 54px; } .ch-theme .ch-forum-form-actions { align-items: stretch; flex-direction: column; } .ch-theme .ch-forum-form-actions button { width: 100%; } } .ch-theme .ch-forums-page { max-width: 980px; } .ch-theme .ch-forums-directory .ch-forums-list, .ch-theme .ch-forums-list--children, .ch-theme .ch-forum-topic-list, .ch-theme .ch-topic-thread { gap: 12px; } .ch-theme .ch-forum-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; position: relative; isolation: isolate; } .ch-theme .ch-forum-row-main { padding: 18px 20px; gap: 15px; } .ch-theme .ch-forum-row-icon { width: 46px; height: 46px; flex-basis: 46px; border-radius: 14px; font-size: 1.1rem; } .ch-theme .ch-forum-row-copy { gap: 5px; } .ch-theme .ch-forum-row-copy strong { font-size: 1.02rem; line-height: 1.25; } .ch-theme .ch-forum-row-copy span { font-size: .84rem; line-height: 1.45; } .ch-theme .ch-forum-row-stats { min-width: 150px; padding: 16px 18px; align-items: center; justify-content: center; border-left: 1px solid var(--ch-theme-border); background: color-mix(in srgb, var(--ch-theme-surface-soft) 72%, transparent); } .ch-theme .ch-forum-row-stats span { min-width: 48px; text-align: center; gap: 2px; } .ch-theme .ch-forum-row-stats strong { font-size: .98rem; } .ch-theme .ch-forum-children { grid-column: 1 / -1; padding: 0 20px 17px 81px; border-top: 1px solid color-mix(in srgb, var(--ch-theme-border) 72%, transparent); padding-top: 12px; } .ch-theme .ch-forum-single-header { margin-bottom: 16px; } .ch-theme .ch-forum-header-stats { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; } .ch-theme .ch-forum-header-stats span { display: inline-flex; align-items: baseline; gap: 6px; padding: 7px 10px; border: 1px solid var(--ch-theme-border); border-radius: 999px; background: var(--ch-theme-surface-soft); color: var(--ch-theme-muted); font-size: .76rem; font-weight: 700; } .ch-theme .ch-forum-header-stats strong { color: var(--ch-theme-text); font-size: .9rem; } .ch-theme .ch-forum-single-header .ch-forum-group-link { display: inline-flex; margin-top: 10px; } .ch-theme .ch-forum-section { display: grid; gap: 10px; margin: 0 0 16px; } .ch-theme .ch-forum-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 12px; padding: 0 2px; } .ch-theme .ch-forum-section-heading > div { display: grid; gap: 2px; } .ch-theme .ch-forum-section-heading span { color: var(--ch-theme-muted); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .ch-theme .ch-forum-section-heading h2 { margin: 0; color: var(--ch-theme-text); font-size: 1.08rem; line-height: 1.25; } .ch-theme .ch-forum-section-heading > strong { display: grid; place-items: center; min-width: 34px; height: 30px; padding: 0 9px; border: 1px solid var(--ch-forum-accent-border); border-radius: 999px; background: var(--ch-forum-accent-soft); color: var(--ch-forum-accent); font-size: .78rem; } .ch-theme .ch-forum-composer { margin-top: 0; box-shadow: 0 8px 26px rgba(15,23,42,.055); } .ch-theme .ch-forum-topic-row { min-height: 74px; } .ch-theme .ch-forum-topic-copy strong { font-size: .96rem; } .ch-theme .ch-forum-topic-meta { padding-left: 14px; border-left: 1px solid var(--ch-theme-border); } .ch-theme .ch-forum-post-card { padding: 18px 20px; } .ch-theme .ch-forum-post-content { font-size: .94rem; line-height: 1.65; } @media (max-width: 700px) { .ch-theme .ch-forum-row { grid-template-columns: 1fr; } .ch-theme .ch-forum-row-main { padding: 15px; } .ch-theme .ch-forum-row-stats { min-width: 0; justify-content: flex-start; padding: 11px 15px 14px 76px; border-left: 0; border-top: 1px solid var(--ch-theme-border); } .ch-theme .ch-forum-children { padding: 11px 15px 15px; } .ch-theme .ch-forum-topic-row { min-height: 0; } .ch-theme .ch-forum-topic-meta { padding-left: 8px; } .ch-theme .ch-forum-post-card { padding: 16px; } } .ch-theme .ch-forum-header-actions,.ch-theme .ch-forum-actions{gap:8px}.ch-theme .ch-forum-action-button{border-color:var(--ch-theme-border,#dce3eb);background:var(--ch-theme-surface,#fff);color:var(--ch-theme-text,#1f2937);box-shadow:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}.ch-theme .ch-forum-action-button:hover{transform:translateY(-1px);border-color:var(--ch-forum-accent-border);background:var(--ch-forum-accent-soft)}.ch-theme .ch-forum-action-button.is-active{background:var(--ch-forum-accent-soft);border-color:var(--ch-forum-accent-border);color:var(--ch-forum-accent)}.ch-theme .ch-forum-action-button.is-danger{color:#c33}.ch-theme .ch-group-forum-intro,.ch-theme .ch-group-forum-stats span,.ch-theme .ch-group-forum-recent{border-color:var(--ch-theme-border,#dce3eb);background:var(--ch-theme-surface,#fff);color:var(--ch-theme-text,#1f2937)}.ch-theme .ch-group-forum-recent a{border-color:var(--ch-theme-border,#e7ebf0);color:inherit}.ch-theme .ch-group-primary-action{background:var(--ch-forum-accent,#1473e6);color:#fff}.ch-theme .ch-group-section-eyebrow{color:var(--ch-forum-accent,#1473e6);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-action-button{background:var(--ch-theme-surface,#151b24);color:var(--ch-theme-text,#edf2f7)} .ch-theme-brand { --ch-logo-height: 56px; --ch-logo-mobile-height: 40px; } .ch-theme-brand--logo-title { flex-direction: row; align-items: center; gap: 10px; max-width: 420px; } .ch-theme-brand-copy { display: flex; flex-direction: column; min-width: 0; } .ch-theme-brand .custom-logo-link { display: flex; align-items: center; flex: 0 1 auto; min-width: 0; } .ch-theme-brand .custom-logo-link img { display: block; width: auto !important; height: auto !important; max-width: min(320px, 34vw); max-height: var(--ch-logo-height) !important; object-fit: contain; } @media (max-width: 782px) { .ch-theme-brand .custom-logo-link img { max-width: min(220px, 46vw); max-height: var(--ch-logo-mobile-height) !important; } .ch-theme-brand--logo-title .ch-theme-site-title { font-size: 1rem; } } @media (max-width: 480px) { .ch-theme-brand--logo-title .ch-theme-site-description { display: none; } } .ch-theme-brand[class*="ch-theme-brand-shape--"] .custom-logo-link { position: relative; isolation: isolate; } .ch-theme-brand:not(.ch-theme-brand-shape--natural) .custom-logo-link { width: var(--ch-logo-height); height: var(--ch-logo-height); min-width: var(--ch-logo-height); max-width: var(--ch-logo-height); overflow: hidden; } .ch-theme-brand:not(.ch-theme-brand-shape--natural) .custom-logo-link img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; } .ch-theme-brand-shape--rounded .custom-logo-link, .ch-theme-brand-shape--rounded .custom-logo-link img { border-radius: 22%; } .ch-theme-brand-shape--circle .custom-logo-link, .ch-theme-brand-shape--circle .custom-logo-link img { border-radius: 50%; } .ch-theme-brand-shape--squircle .custom-logo-link, .ch-theme-brand-shape--squircle .custom-logo-link img { border-radius: 34%; } .ch-theme-brand-shape--diamond .custom-logo-link, .ch-theme-brand-shape--diamond .custom-logo-link img { clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); } .ch-theme-brand-shape--hexagon .custom-logo-link, .ch-theme-brand-shape--hexagon .custom-logo-link img { clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%); } .ch-theme-brand-shape--shield .custom-logo-link, .ch-theme-brand-shape--shield .custom-logo-link img { clip-path: polygon(10% 5%, 90% 5%, 92% 58%, 50% 100%, 8% 58%); } .ch-theme-brand-shape--triangle .custom-logo-link, .ch-theme-brand-shape--triangle .custom-logo-link img { clip-path: polygon(50% 4%, 97% 91%, 3% 91%); } .ch-theme-brand-frame--subtle .custom-logo-link { box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 18%, transparent), 0 3px 10px rgba(0,0,0,.10); } .ch-theme-brand-frame--accent .custom-logo-link { box-shadow: 0 0 0 2px var(--ch-theme-accent, #1473e6), 0 3px 12px rgba(0,0,0,.12); } .ch-theme-brand-frame--glow .custom-logo-link { box-shadow: 0 0 0 1px color-mix(in srgb, var(--ch-theme-accent, #1473e6) 55%, transparent), 0 0 16px color-mix(in srgb, var(--ch-theme-accent, #1473e6) 42%, transparent); } .ch-theme-brand-frame--accent.ch-theme-brand-shape--diamond .custom-logo-link, .ch-theme-brand-frame--accent.ch-theme-brand-shape--hexagon .custom-logo-link, .ch-theme-brand-frame--accent.ch-theme-brand-shape--shield .custom-logo-link, .ch-theme-brand-frame--accent.ch-theme-brand-shape--triangle .custom-logo-link, .ch-theme-brand-frame--glow.ch-theme-brand-shape--diamond .custom-logo-link, .ch-theme-brand-frame--glow.ch-theme-brand-shape--hexagon .custom-logo-link, .ch-theme-brand-frame--glow.ch-theme-brand-shape--shield .custom-logo-link, .ch-theme-brand-frame--glow.ch-theme-brand-shape--triangle .custom-logo-link { filter: drop-shadow(0 0 5px color-mix(in srgb, var(--ch-theme-accent, #1473e6) 50%, transparent)); } @media (max-width: 782px) { .ch-theme-brand:not(.ch-theme-brand-shape--natural) .custom-logo-link { width: var(--ch-logo-mobile-height); height: var(--ch-logo-mobile-height); min-width: var(--ch-logo-mobile-height); max-width: var(--ch-logo-mobile-height); } } .ch-theme-brand .ch-theme-logo-link { position: relative; } .ch-theme-brand .ch-theme-mode-logo--dark { display: none !important; } html[data-ch-theme-mode="dark"] .ch-theme-brand .ch-theme-mode-logo--light { display: none !important; } html[data-ch-theme-mode="dark"] .ch-theme-brand .ch-theme-mode-logo--dark { display: block !important; } html[data-ch-theme-mode="dark"] .ch-theme-brand .ch-theme-mode-logo--light:only-child { display: block !important; } .ch-theme-brand:not(.ch-theme-brand-shape--natural) .ch-theme-logo-link .ch-theme-mode-logo { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; } .ch-theme-brand:not(.ch-theme-brand-shape--natural) .ch-theme-logo-link .ch-theme-mode-logo:first-child { position: relative !important; } .ch-theme-brand-shape--natural .ch-theme-logo-link .ch-theme-mode-logo { width: auto !important; height: auto !important; max-width: min(320px, 34vw) !important; max-height: var(--ch-logo-height) !important; object-fit: contain !important; } @media (max-width: 782px) { .ch-theme-brand-shape--natural .ch-theme-logo-link .ch-theme-mode-logo { max-width: min(220px, 46vw) !important; max-height: var(--ch-logo-mobile-height) !important; } } .ch-theme-main--blog .ch-theme-container, .ch-theme-main--single .ch-theme-container { width: min(100% - 32px, 1320px) !important; max-width: 1320px !important; margin-inline: auto !important; } body.ch-theme-blog-rail-standard .ch-theme-main--blog .ch-theme-layout--sidebar-right, body.ch-theme-blog-rail-standard .ch-theme-main--single .ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, 1fr) minmax(250px, 285px) !important; } body.ch-theme-blog-rail-standard .ch-theme-main--blog .ch-theme-layout--sidebar-left, body.ch-theme-blog-rail-standard .ch-theme-main--single .ch-theme-layout--sidebar-left { grid-template-columns: minmax(250px, 285px) minmax(0, 1fr) !important; } body.ch-theme-blog-rail-standard .ch-theme-main--blog .ch-theme-layout--sidebar-both, body.ch-theme-blog-rail-standard .ch-theme-main--single .ch-theme-layout--sidebar-both { grid-template-columns: minmax(220px, 250px) minmax(0, 1fr) minmax(220px, 250px) !important; } body.ch-theme-blog-rail-comfortable .ch-theme-main--blog .ch-theme-layout--sidebar-right, body.ch-theme-blog-rail-comfortable .ch-theme-main--single .ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, 1fr) minmax(300px, 325px) !important; } body.ch-theme-blog-rail-comfortable .ch-theme-main--blog .ch-theme-layout--sidebar-left, body.ch-theme-blog-rail-comfortable .ch-theme-main--single .ch-theme-layout--sidebar-left { grid-template-columns: minmax(300px, 325px) minmax(0, 1fr) !important; } body.ch-theme-blog-rail-comfortable .ch-theme-main--blog .ch-theme-layout--sidebar-both, body.ch-theme-blog-rail-comfortable .ch-theme-main--single .ch-theme-layout--sidebar-both { grid-template-columns: minmax(245px, 280px) minmax(0, 1fr) minmax(245px, 280px) !important; } body.ch-theme-blog-rail-wide .ch-theme-main--blog .ch-theme-layout--sidebar-right, body.ch-theme-blog-rail-wide .ch-theme-main--single .ch-theme-layout--sidebar-right { grid-template-columns: minmax(0, 1fr) minmax(330px, 370px) !important; } body.ch-theme-blog-rail-wide .ch-theme-main--blog .ch-theme-layout--sidebar-left, body.ch-theme-blog-rail-wide .ch-theme-main--single .ch-theme-layout--sidebar-left { grid-template-columns: minmax(330px, 370px) minmax(0, 1fr) !important; } body.ch-theme-blog-rail-wide .ch-theme-main--blog .ch-theme-layout--sidebar-both, body.ch-theme-blog-rail-wide .ch-theme-main--single .ch-theme-layout--sidebar-both { grid-template-columns: minmax(270px, 305px) minmax(0, 1fr) minmax(270px, 305px) !important; } .ch-theme-main--blog .ch-theme-sidebar, .ch-theme-main--single .ch-theme-sidebar { min-width: 0 !important; width: 100% !important; } .ch-theme-blog-layout-magazine .ch-theme-post-list--blog { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .ch-theme-blog-layout-magazine .ch-theme-post-list--blog > .ch-theme-post-card:first-child { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: minmax(280px, 1.15fr) minmax(0, 1fr) !important; min-height: 330px !important; } .ch-theme-blog-layout-magazine .ch-theme-post-list--blog > .ch-theme-post-card:first-child .ch-theme-post-thumb { min-height: 330px !important; height: 100% !important; } .ch-theme-blog-layout-magazine .ch-theme-post-list--blog > .ch-theme-post-card:not(:first-child) { display: flex !important; flex-direction: column !important; } .ch-theme-blog-layout-magazine .ch-theme-post-list--blog > .ch-theme-post-card:not(:first-child) .ch-theme-post-thumb { height: 190px !important; min-height: 190px !important; } .ch-theme-blog-layout-featured-grid .ch-theme-post-list--blog { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } .ch-theme-blog-layout-featured-grid .ch-theme-post-list--blog > .ch-theme-post-card:first-child { grid-column: 1 / -1 !important; } .ch-theme-blog-layout-featured-grid .ch-theme-post-list--blog > .ch-theme-post-card:first-child .ch-theme-post-thumb { height: 360px !important; min-height: 360px !important; } .ch-theme-blog-layout-featured-grid .ch-theme-post-list--blog > .ch-theme-post-card:nth-child(n/**/+2) .ch-theme-post-thumb { height: 180px !important; min-height: 180px !important; } .ch-theme-blog-layout-featured-grid .ch-theme-post-list--blog > .ch-theme-post-card { overflow: hidden !important; } .ch-theme-blog-layout-editorial .ch-theme-post-list--blog { display: grid !important; grid-template-columns: 1fr !important; gap: 22px !important; } .ch-theme-blog-layout-editorial .ch-theme-post-list--blog > .ch-theme-post-card { display: grid !important; grid-template-columns: minmax(260px, 38%) minmax(0, 1fr) !important; min-height: 230px !important; } .ch-theme-blog-layout-editorial .ch-theme-post-list--blog > .ch-theme-post-card:nth-child(even) { grid-template-columns: minmax(0, 1fr) minmax(260px, 38%) !important; } .ch-theme-blog-layout-editorial .ch-theme-post-list--blog > .ch-theme-post-card:nth-child(even) .ch-theme-post-thumb { order: 2 !important; } .ch-theme-blog-layout-editorial .ch-theme-post-list--blog > .ch-theme-post-card:nth-child(even) .ch-theme-post-body { order: 1 !important; } .ch-theme-blog-layout-editorial .ch-theme-post-thumb { height: 100% !important; min-height: 230px !important; } .ch-theme-blog-layout-editorial .ch-theme-post-body { display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 24px !important; } .ch-theme-blog-layout-editorial .ch-theme-post-title, .ch-theme-blog-layout-editorial .ch-theme-post-card h2 { font-size: clamp(1.3rem, 2.2vw, 1.85rem) !important; line-height: 1.12 !important; } @media (max-width: 900px) { .ch-theme-blog-layout-magazine .ch-theme-post-list--blog, .ch-theme-blog-layout-featured-grid .ch-theme-post-list--blog { grid-template-columns: 1fr !important; } .ch-theme-blog-layout-magazine .ch-theme-post-list--blog > .ch-theme-post-card:first-child, .ch-theme-blog-layout-editorial .ch-theme-post-list--blog > .ch-theme-post-card, .ch-theme-blog-layout-editorial .ch-theme-post-list--blog > .ch-theme-post-card:nth-child(even) { grid-template-columns: 1fr !important; } .ch-theme-blog-layout-editorial .ch-theme-post-list--blog > .ch-theme-post-card:nth-child(even) .ch-theme-post-thumb, .ch-theme-blog-layout-editorial .ch-theme-post-list--blog > .ch-theme-post-card:nth-child(even) .ch-theme-post-body { order: initial !important; } .ch-theme-blog-layout-magazine .ch-theme-post-list--blog > .ch-theme-post-card:first-child .ch-theme-post-thumb, .ch-theme-blog-layout-featured-grid .ch-theme-post-list--blog > .ch-theme-post-card:first-child .ch-theme-post-thumb, .ch-theme-blog-layout-editorial .ch-theme-post-thumb { height: 220px !important; min-height: 220px !important; } } @media (min-width: 1180px) { .ch-theme-main--blog .ch-theme-container, .ch-theme-main--single .ch-theme-container { width: min(calc(100% - 32px), 1580px) !important; max-width: 1580px !important; } body.ch-theme-blog-rail-standard .ch-theme-main--blog .ch-theme-layout--sidebar-both, body.ch-theme-blog-rail-standard .ch-theme-main--single .ch-theme-layout--sidebar-both { grid-template-columns: minmax(285px, 310px) minmax(620px, 1fr) minmax(285px, 310px) !important; } body.ch-theme-blog-rail-comfortable .ch-theme-main--blog .ch-theme-layout--sidebar-both, body.ch-theme-blog-rail-comfortable .ch-theme-main--single .ch-theme-layout--sidebar-both { grid-template-columns: minmax(315px, 340px) minmax(620px, 1fr) minmax(315px, 340px) !important; } body.ch-theme-blog-rail-wide .ch-theme-main--blog .ch-theme-layout--sidebar-both, body.ch-theme-blog-rail-wide .ch-theme-main--single .ch-theme-layout--sidebar-both { grid-template-columns: minmax(345px, 375px) minmax(620px, 1fr) minmax(345px, 375px) !important; } body.ch-theme-blog-rail-standard .ch-theme-main--blog .ch-theme-layout--sidebar-left, body.ch-theme-blog-rail-standard .ch-theme-main--single .ch-theme-layout--sidebar-left { grid-template-columns: minmax(300px, 325px) minmax(680px, 1fr) !important; } body.ch-theme-blog-rail-standard .ch-theme-main--blog .ch-theme-layout--sidebar-right, body.ch-theme-blog-rail-standard .ch-theme-main--single .ch-theme-layout--sidebar-right { grid-template-columns: minmax(680px, 1fr) minmax(300px, 325px) !important; } body.ch-theme-blog-rail-comfortable .ch-theme-main--blog .ch-theme-layout--sidebar-left, body.ch-theme-blog-rail-comfortable .ch-theme-main--single .ch-theme-layout--sidebar-left { grid-template-columns: minmax(335px, 360px) minmax(680px, 1fr) !important; } body.ch-theme-blog-rail-comfortable .ch-theme-main--blog .ch-theme-layout--sidebar-right, body.ch-theme-blog-rail-comfortable .ch-theme-main--single .ch-theme-layout--sidebar-right { grid-template-columns: minmax(680px, 1fr) minmax(335px, 360px) !important; } body.ch-theme-blog-rail-wide .ch-theme-main--blog .ch-theme-layout--sidebar-left, body.ch-theme-blog-rail-wide .ch-theme-main--single .ch-theme-layout--sidebar-left { grid-template-columns: minmax(375px, 410px) minmax(680px, 1fr) !important; } body.ch-theme-blog-rail-wide .ch-theme-main--blog .ch-theme-layout--sidebar-right, body.ch-theme-blog-rail-wide .ch-theme-main--single .ch-theme-layout--sidebar-right { grid-template-columns: minmax(680px, 1fr) minmax(375px, 410px) !important; } } .ch-theme-main--blog .ch-theme-content-wrap, .ch-theme-main--blog .ch-theme-post-list--blog, .ch-theme-main--blog .ch-theme-post-card, .ch-theme-main--blog .ch-theme-post-body, .ch-theme-main--single .ch-theme-content-wrap { min-width: 0 !important; } .ch-theme-main--blog .ch-theme-layout--sidebar-both .ch-theme-blog-wrap .ch-theme-post-list--blog { container-type: inline-size; } .ch-theme-blog-layout-featured-grid .ch-theme-layout--sidebar-both .ch-theme-post-list--blog { grid-template-columns: 1fr !important; } .ch-theme-blog-layout-featured-grid .ch-theme-layout--sidebar-both .ch-theme-post-list--blog > .ch-theme-post-card, .ch-theme-blog-layout-featured-grid .ch-theme-layout--sidebar-both .ch-theme-post-list--blog > .ch-theme-post-card:first-child { display: grid !important; grid-template-columns: minmax(220px, 38%) minmax(0, 1fr) !important; min-height: 210px !important; } .ch-theme-blog-layout-featured-grid .ch-theme-layout--sidebar-both .ch-theme-post-list--blog .ch-theme-post-thumb { height: 100% !important; min-height: 210px !important; } .ch-theme-blog-layout-featured-grid .ch-theme-post-title, .ch-theme-blog-layout-featured-grid .ch-theme-post-title a, .ch-theme-blog-layout-featured-grid .ch-theme-post-excerpt, .ch-theme-blog-layout-featured-grid .ch-theme-post-meta, .ch-theme-blog-layout-featured-grid .ch-theme-blog-engagement { min-width: 0 !important; word-break: normal !important; overflow-wrap: break-word !important; white-space: normal !important; } .ch-theme-blog-layout-featured-grid .ch-theme-post-title { font-size: clamp(1.2rem, 1.6vw, 1.65rem) !important; line-height: 1.14 !important; } .ch-theme-blog-layout-featured-grid .ch-theme-post-excerpt { font-size: .96rem !important; line-height: 1.55 !important; } .ch-theme-blog-categories { display: flex; gap: 8px; margin: 0 0 18px; padding: 4px 0 8px; overflow-x: auto; scrollbar-width: thin; } .ch-theme-blog-categories a { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 8px 12px; border: 1px solid var(--ch-theme-border); border-radius: 999px; background: var(--ch-theme-card); color: var(--ch-theme-text); font-size: .88rem; font-weight: 700; text-decoration: none; } .ch-theme-blog-categories a:hover, .ch-theme-blog-categories a.is-active { border-color: color-mix(in srgb, var(--ch-theme-blue) 60%, var(--ch-theme-border)); background: color-mix(in srgb, var(--ch-theme-blue) 10%, var(--ch-theme-card)); color: var(--ch-theme-blue); } .ch-theme-blog-trending { margin: 0 0 20px; padding: 18px; border: 1px solid var(--ch-theme-border); border-radius: 18px; background: var(--ch-theme-card); } .ch-theme-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 12px; } .ch-theme-section-heading h2 { margin: 2px 0 0; font-size: 1.3rem; } .ch-theme-trending-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; } .ch-theme-trending-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; padding: 10px 0; border-bottom: 1px solid color-mix(in srgb, var(--ch-theme-border) 70%, transparent); color: var(--ch-theme-text); text-decoration: none; } .ch-theme-trending-title { min-width: 0; font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ch-theme-trending-meta { flex: 0 0 auto; font-size: .78rem; color: var(--ch-theme-muted); } .ch-theme-featured-badge { display: inline-flex; align-items: center; margin: 0 0 8px; padding: 5px 9px; border-radius: 999px; background: color-mix(in srgb, var(--ch-theme-blue) 13%, var(--ch-theme-card)); border: 1px solid color-mix(in srgb, var(--ch-theme-blue) 45%, var(--ch-theme-border)); color: var(--ch-theme-blue); font-size: .72rem; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; } .ch-theme-blog-engagement { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 9px; } .ch-theme-blog-stat { display: inline-flex; align-items: center; padding: 5px 8px; border-radius: 999px; background: color-mix(in srgb, var(--ch-theme-text) 5%, transparent); color: var(--ch-theme-muted); font-size: .76rem; font-weight: 700; } .ch-theme-community-discussion-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; margin-top: 18px; padding: 14px 16px; border: 1px solid color-mix(in srgb, var(--ch-theme-blue) 42%, var(--ch-theme-border)); border-radius: 14px; background: color-mix(in srgb, var(--ch-theme-blue) 8%, var(--ch-theme-card)); color: var(--ch-theme-text); font-weight: 800; text-decoration: none; } .ch-theme-community-discussion-link:hover { color: var(--ch-theme-blue); } .ch-theme-author-card { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 18px; margin-top: 24px; padding: 20px; border: 1px solid var(--ch-theme-border); border-radius: 18px; background: var(--ch-theme-card); } .ch-theme-author-avatar img { display: block; width: 88px; height: 88px; border-radius: 50%; object-fit: cover; } .ch-theme-author-copy h2 { margin: 2px 0 6px; font-size: 1.3rem; } .ch-theme-author-copy p { margin: 0 0 8px; color: var(--ch-theme-muted); } .ch-theme-author-copy a { font-weight: 750; text-decoration: none; } .ch-theme-related-posts { margin-top: 26px; } .ch-theme-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .ch-theme-related-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--ch-theme-border); border-radius: 16px; background: var(--ch-theme-card); color: var(--ch-theme-text); text-decoration: none; } .ch-theme-related-thumb { display: block; height: 150px; overflow: hidden; } .ch-theme-related-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .ch-theme-related-body { display: flex; flex-direction: column; gap: 6px; padding: 12px; } .ch-theme-related-body strong { line-height: 1.25; } .ch-theme-related-body small { color: var(--ch-theme-muted); } @media (max-width: 1100px) { .ch-theme-blog-layout-featured-grid .ch-theme-layout--sidebar-both .ch-theme-post-list--blog > .ch-theme-post-card, .ch-theme-blog-layout-featured-grid .ch-theme-layout--sidebar-both .ch-theme-post-list--blog > .ch-theme-post-card:first-child { grid-template-columns: 1fr !important; } .ch-theme-blog-layout-featured-grid .ch-theme-layout--sidebar-both .ch-theme-post-list--blog .ch-theme-post-thumb { height: 220px !important; } } @media (max-width: 760px) { .ch-theme-trending-list, .ch-theme-related-grid { grid-template-columns: 1fr; } .ch-theme-author-card { grid-template-columns: 64px minmax(0, 1fr); padding: 16px; } .ch-theme-author-avatar img { width: 64px; height: 64px; } } @media (min-width: 1180px) { .ch-theme-main--blog .ch-theme-container, .ch-theme-main--single .ch-theme-container { width: min(calc(100vw - 28px), 1900px) !important; max-width: 1900px !important; } body.ch-theme-blog-rail-standard .ch-theme-main--blog .ch-theme-layout--sidebar-both, body.ch-theme-blog-rail-standard .ch-theme-main--single .ch-theme-layout--sidebar-both { grid-template-columns: minmax(320px, 350px) minmax(680px, 1fr) minmax(320px, 350px) !important; gap: 22px !important; } body.ch-theme-blog-rail-comfortable .ch-theme-main--blog .ch-theme-layout--sidebar-both, body.ch-theme-blog-rail-comfortable .ch-theme-main--single .ch-theme-layout--sidebar-both { grid-template-columns: minmax(360px, 390px) minmax(680px, 1fr) minmax(360px, 390px) !important; gap: 22px !important; } body.ch-theme-blog-rail-wide .ch-theme-main--blog .ch-theme-layout--sidebar-both, body.ch-theme-blog-rail-wide .ch-theme-main--single .ch-theme-layout--sidebar-both { grid-template-columns: minmax(400px, 440px) minmax(700px, 1fr) minmax(400px, 440px) !important; gap: 24px !important; } body.ch-theme-blog-rail-standard .ch-theme-main--blog .ch-theme-layout--sidebar-left, body.ch-theme-blog-rail-standard .ch-theme-main--single .ch-theme-layout--sidebar-left { grid-template-columns: minmax(330px, 370px) minmax(760px, 1fr) !important; } body.ch-theme-blog-rail-standard .ch-theme-main--blog .ch-theme-layout--sidebar-right, body.ch-theme-blog-rail-standard .ch-theme-main--single .ch-theme-layout--sidebar-right { grid-template-columns: minmax(760px, 1fr) minmax(330px, 370px) !important; } body.ch-theme-blog-rail-comfortable .ch-theme-main--blog .ch-theme-layout--sidebar-left, body.ch-theme-blog-rail-comfortable .ch-theme-main--single .ch-theme-layout--sidebar-left { grid-template-columns: minmax(380px, 410px) minmax(760px, 1fr) !important; } body.ch-theme-blog-rail-comfortable .ch-theme-main--blog .ch-theme-layout--sidebar-right, body.ch-theme-blog-rail-comfortable .ch-theme-main--single .ch-theme-layout--sidebar-right { grid-template-columns: minmax(760px, 1fr) minmax(380px, 410px) !important; } body.ch-theme-blog-rail-wide .ch-theme-main--blog .ch-theme-layout--sidebar-left, body.ch-theme-blog-rail-wide .ch-theme-main--single .ch-theme-layout--sidebar-left { grid-template-columns: minmax(430px, 470px) minmax(780px, 1fr) !important; } body.ch-theme-blog-rail-wide .ch-theme-main--blog .ch-theme-layout--sidebar-right, body.ch-theme-blog-rail-wide .ch-theme-main--single .ch-theme-layout--sidebar-right { grid-template-columns: minmax(780px, 1fr) minmax(430px, 470px) !important; } .ch-theme-main--single .ch-theme-content-wrap { max-width: none !important; width: 100% !important; margin-inline: 0 !important; } } .ch-theme-blog-layout-compact .ch-theme-post-list--blog { grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)) !important; gap: 18px !important; } .ch-theme-blog-layout-compact .ch-theme-layout--sidebar-both .ch-theme-post-list--blog { grid-template-columns: 1fr !important; } .ch-theme-blog-layout-compact .ch-theme-post-card { min-width: 0 !important; } .ch-theme-blog-layout-compact .ch-theme-post-title, .ch-theme-blog-layout-compact .ch-theme-post-title a { font-size: clamp(1.12rem, 1.5vw, 1.4rem) !important; line-height: 1.2 !important; word-break: normal !important; overflow-wrap: break-word !important; white-space: normal !important; } .ch-theme-blog-layout-compact .ch-theme-post-excerpt { font-size: .94rem !important; line-height: 1.55 !important; word-break: normal !important; overflow-wrap: break-word !important; } .ch-theme-blog-layout-compact .ch-theme-post-thumb { height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9 !important; background: color-mix(in srgb, var(--ch-theme-text) 4%, var(--ch-theme-card)) !important; } .ch-theme-blog-layout-compact .ch-theme-post-thumb img { width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; object-fit: contain !important; } .ch-theme-blog-layout-featured-grid .ch-theme-post-list--blog > .ch-theme-post-card:nth-child(n/**/+2) .ch-theme-post-thumb { height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9 !important; background: color-mix(in srgb, var(--ch-theme-text) 4%, var(--ch-theme-card)) !important; } .ch-theme-blog-layout-featured-grid .ch-theme-post-list--blog > .ch-theme-post-card:nth-child(n/**/+2) .ch-theme-post-thumb img { width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; object-fit: contain !important; object-position: center !important; } .ch-theme-post-thumb { position: relative; } .ch-theme-post-card-image { display: block; width: 100%; height: 100%; object-fit: cover; } .ch-theme-post-thumb--video .ch-theme-post-card-image { object-fit: contain; background: #000; } .ch-theme-video-thumb-badge { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 999px; transform: translate(-50%, -50%); background: rgba(0, 0, 0, .72); color: #fff; font-size: 18px; line-height: 1; pointer-events: none; box-shadow: 0 4px 18px rgba(0, 0, 0, .25); } .ch-theme-main--blog .ch-theme-sidebar .ch-theme-widget, .ch-theme-main--single .ch-theme-sidebar .ch-theme-widget { min-width: 0 !important; max-width: none !important; width: 100% !important; box-sizing: border-box !important; } .ch-theme-main--blog .ch-theme-sidebar img, .ch-theme-main--single .ch-theme-sidebar img, .ch-theme-main--blog .ch-theme-sidebar iframe, .ch-theme-main--single .ch-theme-sidebar iframe { max-width: 100% !important; } @media (min-width: 1025px) and (max-width: 1399px) { .ch-theme-main--blog .ch-theme-layout--sidebar-both, .ch-theme-main--single .ch-theme-layout--sidebar-both { grid-template-columns: minmax(280px, 320px) minmax(560px, 1fr) minmax(280px, 320px) !important; } .ch-theme-blog-layout-compact .ch-theme-layout--sidebar-both .ch-theme-post-list--blog, .ch-theme-blog-layout-featured-grid .ch-theme-layout--sidebar-both .ch-theme-post-list--blog { grid-template-columns: 1fr !important; } } .ch-theme-main--blog .ch-theme-sidebar, .ch-theme-main--single .ch-theme-sidebar { padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; align-self: start !important; } .ch-theme-main--blog .ch-theme-sidebar > :first-child, .ch-theme-main--single .ch-theme-sidebar > :first-child { margin-top: 0 !important; } .ch-theme-main--blog .ch-theme-sidebar > :last-child, .ch-theme-main--single .ch-theme-sidebar > :last-child { margin-bottom: 0 !important; } @media (min-width: 1180px) { .ch-theme-main--blog .ch-theme-container, .ch-theme-main--single .ch-theme-container { width: calc(100vw - 32px) !important; max-width: 1900px !important; } } .ch-theme-main--blog .ch-theme-sidebar, .ch-theme-main--single .ch-theme-sidebar { display: flex !important; flex-direction: column !important; gap: 12px !important; } .ch-theme-main--blog .ch-theme-sidebar > .ch-theme-widget, .ch-theme-main--single .ch-theme-sidebar > .ch-theme-widget, .ch-theme-main--blog .ch-theme-sidebar > .widget, .ch-theme-main--single .ch-theme-sidebar > .widget, .ch-theme-main--blog .ch-theme-sidebar > section, .ch-theme-main--single .ch-theme-sidebar > section { margin-top: 0 !important; margin-bottom: 0 !important; } .ch-theme-main--blog .ch-theme-sidebar > .ch-theme-widget:empty, .ch-theme-main--single .ch-theme-sidebar > .ch-theme-widget:empty, .ch-theme-main--blog .ch-theme-sidebar > .widget:empty, .ch-theme-main--single .ch-theme-sidebar > .widget:empty { display: none !important; } .ch-theme-main--blog .ch-theme-sidebar > *, .ch-theme-main--single .ch-theme-sidebar > * { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; } .ch-theme-main--blog .ch-theme-sidebar--left, .ch-theme-main--single .ch-theme-sidebar--left { justify-self: end !important; align-items: stretch !important; margin-left: auto !important; margin-right: 0 !important; } .ch-theme-main--blog .ch-theme-sidebar--right, .ch-theme-main--single .ch-theme-sidebar--right { justify-self: start !important; align-items: stretch !important; margin-left: 0 !important; margin-right: auto !important; } .ch-theme-main--blog .ch-theme-sidebar--left > * > *, .ch-theme-main--single .ch-theme-sidebar--left > * > * { margin-left: auto !important; margin-right: 0 !important; } .ch-theme-main--blog .ch-theme-sidebar--right > * > *, .ch-theme-main--single .ch-theme-sidebar--right > * > * { margin-left: 0 !important; margin-right: auto !important; } .ch-theme-blog-trending { position: relative; margin: 0 0 24px; padding: 20px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ch-theme-blue) 20%, var(--ch-theme-border)); border-radius: 20px; background: linear-gradient( 135deg, color-mix(in srgb, var(--ch-theme-blue) 5%, var(--ch-theme-card)) 0%, var(--ch-theme-card) 48%, color-mix(in srgb, var(--ch-theme-text) 2%, var(--ch-theme-card)) 100% ); box-shadow: 0 12px 30px color-mix(in srgb, #000 8%, transparent); } .ch-theme-blog-trending::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient( 180deg, var(--ch-theme-blue), color-mix(in srgb, var(--ch-theme-blue) 24%, transparent) ); pointer-events: none; } .ch-theme-trending-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 17px; padding: 0 2px 16px; border-bottom: 1px solid color-mix(in srgb, var(--ch-theme-border) 72%, transparent); } .ch-theme-trending-heading-copy { min-width: 0; } .ch-theme-trending-kicker { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 4px; color: var(--ch-theme-blue); font-size: .72rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; } .ch-theme-trending-pulse { display: inline-block; width: 8px; height: 8px; border-radius: 999px; background: var(--ch-theme-blue); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ch-theme-blue) 13%, transparent); } .ch-theme-trending-heading-copy h2 { margin: 0; font-size: clamp(1.35rem, 1.7vw, 1.65rem); line-height: 1.1; letter-spacing: -.02em; } .ch-theme-trending-heading-copy p { margin: 5px 0 0; color: var(--ch-theme-muted); font-size: .86rem; line-height: 1.35; } .ch-theme-trending-header-badge { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 7px 10px; border: 1px solid color-mix(in srgb, var(--ch-theme-blue) 30%, var(--ch-theme-border)); border-radius: 999px; background: color-mix(in srgb, var(--ch-theme-blue) 8%, var(--ch-theme-card)); color: var(--ch-theme-blue); font-size: .68rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; } .ch-theme-trending-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .ch-theme-trending-item { position: relative; display: grid; grid-template-columns: 34px 84px minmax(0, 1fr) 22px; align-items: center; gap: 11px; min-width: 0; padding: 10px; border: 1px solid color-mix(in srgb, var(--ch-theme-border) 78%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--ch-theme-card) 94%, transparent); color: var(--ch-theme-text); text-decoration: none; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; } .ch-theme-trending-item:hover, .ch-theme-trending-item:focus-visible { transform: translateY(-2px); border-color: color-mix(in srgb, var(--ch-theme-blue) 45%, var(--ch-theme-border)); background: color-mix(in srgb, var(--ch-theme-blue) 4%, var(--ch-theme-card)); box-shadow: 0 9px 22px color-mix(in srgb, #000 8%, transparent); outline: none; } .ch-theme-trending-item.is-top-story { border-color: color-mix(in srgb, var(--ch-theme-blue) 38%, var(--ch-theme-border)); background: color-mix(in srgb, var(--ch-theme-blue) 7%, var(--ch-theme-card)); } .ch-theme-trending-rank { align-self: start; padding-top: 3px; color: color-mix(in srgb, var(--ch-theme-blue) 72%, var(--ch-theme-muted)); font-size: .75rem; font-weight: 950; letter-spacing: .06em; } .ch-theme-trending-item.is-top-story .ch-theme-trending-rank { color: var(--ch-theme-blue); } .ch-theme-trending-thumb { position: relative; display: block; width: 84px; height: 62px; overflow: hidden; border-radius: 10px; background: color-mix(in srgb, var(--ch-theme-text) 5%, var(--ch-theme-card)); } .ch-theme-trending-thumb img { display: block; width: 100% !important; height: 100% !important; object-fit: cover !important; } .ch-theme-trending-thumb-placeholder { display: grid; place-items: center; width: 100%; height: 100%; color: var(--ch-theme-muted); font-size: 1.15rem; font-weight: 900; } .ch-theme-trending-copy { display: flex; flex-direction: column; min-width: 0; } .ch-theme-trending-category { margin-bottom: 3px; color: var(--ch-theme-blue); font-size: .65rem; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; } .ch-theme-trending-title { display: -webkit-box; min-width: 0; overflow: hidden; color: var(--ch-theme-text); font-size: .92rem; font-weight: 800; line-height: 1.25; white-space: normal; text-overflow: initial; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ch-theme-trending-meta { display: inline-flex; align-items: center; gap: 6px; margin-top: 5px; color: var(--ch-theme-muted); font-size: .72rem; font-weight: 650; } .ch-theme-trending-comment-icon { position: relative; display: inline-block; width: 13px; height: 10px; border: 1.5px solid currentColor; border-radius: 4px; opacity: .8; } .ch-theme-trending-comment-icon::after { content: ""; position: absolute; left: 2px; bottom: -4px; width: 4px; height: 4px; border-left: 1.5px solid currentColor; transform: skewY(-35deg); } .ch-theme-trending-arrow { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 999px; color: var(--ch-theme-muted); font-size: .95rem; transition: color .18s ease, transform .18s ease, background .18s ease; } .ch-theme-trending-item:hover .ch-theme-trending-arrow, .ch-theme-trending-item:focus-visible .ch-theme-trending-arrow { color: var(--ch-theme-blue); background: color-mix(in srgb, var(--ch-theme-blue) 10%, transparent); transform: translateX(2px); } @media (max-width: 980px) { .ch-theme-trending-list { grid-template-columns: 1fr; } } @media (max-width: 560px) { .ch-theme-blog-trending { padding: 16px; border-radius: 17px; } .ch-theme-trending-header { align-items: flex-start; margin-bottom: 12px; padding-bottom: 13px; } .ch-theme-trending-header-badge { display: none; } .ch-theme-trending-heading-copy p { font-size: .8rem; } .ch-theme-trending-item { grid-template-columns: 26px 72px minmax(0, 1fr); gap: 9px; padding: 9px; } .ch-theme-trending-thumb { width: 72px; height: 54px; } .ch-theme-trending-arrow { display: none; } } @media (max-width: 1024px) { .ch-theme-main--blog .ch-theme-container { display: block !important; width: min(100% - 20px, 760px) !important; max-width: 760px !important; margin-inline: auto !important; } .ch-theme-main--blog .ch-theme-container > .ch-theme-sidebar { display: none !important; } .ch-theme-main--blog .ch-theme-content-wrap, .ch-theme-main--blog .ch-theme-blog-wrap, .ch-theme-main--blog .ch-theme-post-list--blog { width: 100% !important; max-width: none !important; min-width: 0 !important; margin-inline: 0 !important; } .ch-theme-main--blog .ch-theme-post-list--blog { grid-template-columns: 1fr !important; } .ch-theme-main--blog .ch-theme-blog-trending { max-width: 100% !important; } .ch-theme-main--blog .ch-theme-blog-categories { max-width: 100% !important; overflow-x: auto !important; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .ch-theme-main--blog .ch-theme-blog-categories::-webkit-scrollbar { display: none; } } #mycred-notifications, #mycred-notice, .mycred-notifications, .mycred-notification, .mycred-notice, .mycred-toast, .mycred-snackbar, [class*="mycred"][class*="notice"], [class*="mycred"][class*="notification"]{ z-index:2147483000!important; } @media (min-width:783px){ .ch-theme-community-bar:not(.ch-theme-community-bar--desktop){display:none!important} body.ch-community-bar-bottom-desktop{padding-bottom:68px} } @media (max-width:782px){ .ch-theme-community-bar:not(.ch-theme-community-bar--mobile){display:none!important} body.ch-community-bar-bottom-mobile{padding-bottom:calc(66px + env(safe-area-inset-bottom))} } .ch-theme-community-bar--top{ max-height:76px; opacity:1; overflow:hidden; transition:max-height .22s ease,opacity .18s ease,border-color .18s ease } .ch-theme-community-bar--top.is-scroll-hidden{ max-height:0!important; opacity:0; border-top-color:transparent!important; border-bottom-color:transparent!important; pointer-events:none } .ch-theme-community-bar--bottom{ position:fixed; left:0;right:0;bottom:0; z-index:950; padding-bottom:env(safe-area-inset-bottom); border-top:1px solid rgba(217,227,240,.92); border-bottom:0; background:color-mix(in srgb,var(--ch-theme-surface) 94%,transparent); box-shadow:0 -10px 28px rgba(15,23,42,.11); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); transform:translateY(0); opacity:1; transition:transform .22s ease,opacity .18s ease } .ch-theme-community-bar--bottom.is-scroll-hidden{ transform:translateY(115%); opacity:0; pointer-events:none } .ch-theme-community-bar--bottom .ch-theme-header-inner--nav{ min-height:58px; padding-top:7px; padding-bottom:7px } .ch-theme-community-bar--bottom .ch-theme-menu-list--community, .ch-theme-community-bar--bottom .ch-theme-community-nav{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch } .ch-theme-community-bar--bottom .ch-theme-menu-list--community::-webkit-scrollbar, .ch-theme-community-bar--bottom .ch-theme-community-nav::-webkit-scrollbar{display:none} @media(max-width:782px){ .ch-theme-community-bar--bottom .ch-theme-header-inner--nav{ width:100%!important; padding-left:8px!important; padding-right:8px!important } .ch-theme-community-bar--bottom .ch-theme-menu-list--community, .ch-theme-community-bar--bottom .ch-theme-community-nav{ justify-content:flex-start; gap:6px } .ch-theme-community-bar--bottom .ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a{ min-height:42px; padding:8px 11px; font-size:.82rem } } .ch-theme-back-to-top{ position:fixed!important; z-index:940; width:var(--ch-btt-size); height:var(--ch-btt-size); bottom:var(--ch-btt-bottom); display:flex; align-items:center; justify-content:center; padding:0!important; border:1px solid color-mix(in srgb,var(--ch-btt-bg-light) 78%,#000 8%)!important; background:var(--ch-btt-bg-light)!important; background-image:none!important; color:var(--ch-btt-icon-light)!important; box-shadow:0 12px 30px rgba(15,23,42,.2)!important; line-height:1; cursor:pointer; opacity:0; pointer-events:none; transform:translateY(12px) scale(.92); transition:opacity .2s ease,transform .2s ease,background .16s ease,box-shadow .16s ease } .ch-theme-back-to-top--right{right:var(--ch-btt-edge)} .ch-theme-back-to-top--left{left:var(--ch-btt-edge)} .ch-theme-back-to-top--circle{border-radius:50%!important} .ch-theme-back-to-top--rounded{border-radius:15px!important} .ch-theme-back-to-top--square{border-radius:5px!important} .ch-theme-back-to-top--fade{transform:none} .ch-theme-back-to-top--slide{transform:translateY(20px)} .ch-theme-back-to-top.is-visible{ opacity:1; pointer-events:auto; transform:translateY(0) scale(1) } .ch-theme-back-to-top:hover, .ch-theme-back-to-top:focus-visible{ background:color-mix(in srgb,var(--ch-btt-bg-light) 86%,#000)!important; color:var(--ch-btt-icon-light)!important; box-shadow:0 16px 36px rgba(15,23,42,.27)!important; transform:translateY(-2px) scale(1.03); outline:none!important } .ch-theme-back-to-top-icon{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:calc(var(--ch-btt-size) * .48); font-weight:900; line-height:1 } .ch-theme-back-to-top-custom-icon{ display:block; width:58%; height:58%; object-fit:contain } html[data-ch-theme-mode="dark"] .ch-theme-back-to-top, body.ch-theme-mode-dark .ch-theme-back-to-top{ background:var(--ch-btt-bg-dark)!important; border-color:color-mix(in srgb,var(--ch-btt-bg-dark) 82%,#fff 12%)!important; color:var(--ch-btt-icon-dark)!important } html[data-ch-theme-mode="dark"] .ch-theme-back-to-top:hover, html[data-ch-theme-mode="dark"] .ch-theme-back-to-top:focus-visible, body.ch-theme-mode-dark .ch-theme-back-to-top:hover, body.ch-theme-mode-dark .ch-theme-back-to-top:focus-visible{ background:color-mix(in srgb,var(--ch-btt-bg-dark) 84%,#fff)!important; color:var(--ch-btt-icon-dark)!important } @media(min-width:783px){ body.ch-community-bar-bottom-desktop .ch-theme-back-to-top{bottom:calc(var(--ch-btt-bottom) + 66px)} .ch-theme-back-to-top:not(.ch-theme-back-to-top--desktop){display:none!important} } @media(max-width:782px){ body.ch-community-bar-bottom-mobile .ch-theme-back-to-top{bottom:calc(var(--ch-btt-bottom) + 64px + env(safe-area-inset-bottom))} .ch-theme-back-to-top:not(.ch-theme-back-to-top--mobile){display:none!important} } @media(prefers-reduced-motion:reduce){ .ch-theme-community-bar,.ch-theme-back-to-top{transition:none!important} } .ch-theme-nav-pill, .ch-theme-menu-list--community > li > a{ position:relative; } .ch-theme-nav-badge{ display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 5px; margin-left:3px; border-radius:999px; background:#dc2626; color:#fff!important; font-size:10px; font-weight:800; line-height:1; box-shadow:0 0 0 2px var(--ch-theme-surface); } .ch-theme-community-bar--bottom.has-center-action .ch-theme-header-inner--nav{ padding-left:84px!important; padding-right:84px!important; } .ch-theme-community-center-action{ position:absolute; left:50%; top:0; transform:translate(-50%,-32%); z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; width:66px; height:66px; border-radius:50%; border:4px solid var(--ch-theme-surface); background:var(--ch-theme-accent,#0080ff); color:#fff!important; text-decoration:none!important; box-shadow:0 12px 26px rgba(15,23,42,.24); } .ch-theme-community-center-action:hover, .ch-theme-community-center-action:focus-visible{ color:#fff!important; transform:translate(-50%,-36%) scale(1.035); outline:none; } .ch-theme-community-center-action-icon{ font-size:27px; font-weight:900; line-height:.85; } .ch-theme-community-center-action-label{ margin-top:4px; font-size:9px; font-weight:800; line-height:1; white-space:nowrap; } @media(max-width:782px){ .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only .ch-theme-nav-label{ display:none!important; } .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only .ch-theme-nav-pill, .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only .ch-theme-menu-list--community>li>a{ min-width:50px; min-height:46px; padding:8px 10px; justify-content:center; } .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only .ch-theme-nav-icon{ font-size:20px; } .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only .ch-theme-nav-badge{ position:absolute; top:3px; right:3px; margin:0; } } .ch-theme-back-to-top--progress::before{ content:""; position:absolute; inset:-5px; border-radius:inherit; padding:3px; background:conic-gradient(var(--ch-btt-progress-light) var(--ch-btt-progress,0%),rgba(255,255,255,.18) 0); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; } html[data-ch-theme-mode="dark"] .ch-theme-back-to-top--progress::before, body.ch-theme-mode-dark .ch-theme-back-to-top--progress::before{ background:conic-gradient(var(--ch-btt-progress-dark) var(--ch-btt-progress,0%),rgba(255,255,255,.15) 0); } .ch-theme-back-to-top{isolation:isolate} .ch-theme-back-to-top-icon{ position:relative; z-index:2; color:inherit!important; -webkit-text-fill-color:currentColor!important } .ch-theme-back-to-top-icon svg{ display:block!important; width:56%!important; height:56%!important; fill:currentColor!important; stroke:none!important; overflow:visible!important; opacity:1!important; visibility:visible!important; pointer-events:none!important } .ch-theme-back-to-top.is-visible{visibility:visible!important} .ch-theme-community-bar .ch-theme-nav-icon{ display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;flex:0 0 20px!important;font-size:0!important } .ch-theme-community-bar .ch-theme-nav-icon svg{display:block!important;width:19px!important;height:19px!important;color:currentColor!important} .ch-theme-community-bar .ch-theme-nav-pill, .ch-theme-community-bar .ch-theme-menu-list--community>li>a{ gap:7px!important;border-radius:10px!important;font-size:13px!important;font-weight:650!important;letter-spacing:-.01em!important;line-height:1.15!important;text-transform:none!important } .ch-theme-community-bar--bottom .ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a{ background:transparent!important;border-color:transparent!important;box-shadow:none!important } .ch-theme-community-bar--bottom .ch-theme-nav-pill:hover, .ch-theme-community-bar--bottom .ch-theme-nav-pill:focus-visible, .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a:hover, .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a:focus-visible{ background:color-mix(in srgb,var(--ch-theme-accent,#0080ff) 8%,transparent)!important } .ch-theme-community-bar--bottom .ch-theme-nav-pill.is-active, .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li.current-menu-item>a{ background:color-mix(in srgb,var(--ch-theme-accent,#0080ff) 10%,transparent)!important;color:var(--ch-theme-accent,#0080ff)!important } .ch-theme-community-bar--bottom.has-center-action .ch-theme-header-inner--nav{padding-left:10px!important;padding-right:10px!important} .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav>:nth-child(3), .ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community>li:nth-child(3){margin-left:82px!important} .ch-theme-community-center-action{width:60px!important;height:60px!important;border-width:3px!important;box-shadow:0 10px 24px rgba(15,23,42,.22)!important} .ch-theme-community-center-action-icon{font-size:25px!important;font-weight:600!important} .ch-theme-community-center-action-label{font-size:8px!important;font-weight:750!important;letter-spacing:-.01em!important} @media(max-width:782px){ .ch-theme-community-bar--bottom .ch-theme-nav-label{font-size:10.5px!important;font-weight:650!important} .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only .ch-theme-nav-icon{width:22px!important;height:22px!important;flex-basis:22px!important} .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only .ch-theme-nav-icon svg{width:21px!important;height:21px!important} .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav>:nth-child(3), .ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community>li:nth-child(3){margin-left:74px!important} } .ch-theme-back-to-top{z-index:2147482500!important;visibility:visible} .ch-theme-back-to-top:not(.is-visible){opacity:0!important;pointer-events:none!important} .ch-theme-back-to-top.is-visible{display:flex!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important} .ch-theme-community-bar--bottom .ch-theme-community-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;overflow-x:auto!important}.ch-theme-community-bar--bottom .ch-theme-nav-pill{flex:0 0 auto!important;min-width:82px!important;justify-content:center!important;padding:8px 10px!important}.ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav>:nth-child(3){margin-left:0!important}.ch-theme-nav-center-spacer{display:block!important;flex:0 0 78px!important;width:78px!important;min-width:78px!important;height:1px!important}.ch-theme-community-center-action{left:50%!important;z-index:8!important}.ch-theme-messages-counter{position:absolute;top:2px;right:5px}.ch-theme-messages-counter .better-messages-unread-counter,.ch-theme-header-message-badge .better-messages-unread-counter{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:999px!important;background:#dc2626!important;color:#fff!important;font-size:9px!important;font-weight:900!important}.ch-theme-header-quick-actions{display:inline-flex;align-items:center;gap:6px}.ch-theme-header-icon-button{position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;padding:0!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:50%!important;background:var(--ch-theme-surface,#fff)!important;color:var(--ch-theme-text,#182230)!important;text-decoration:none!important}.ch-theme-header-icon-button>span:first-child,.ch-theme-header-icon-button svg{display:flex;width:18px;height:18px}.ch-theme-header-icon-badge,.ch-theme-header-message-badge{position:absolute;top:-4px;right:-4px;z-index:2}.ch-theme-header-icon-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:9px;font-weight:900}@media(max-width:1040px){.ch-theme-community-bar--bottom .ch-theme-nav-pill{min-width:72px!important}.ch-theme-nav-center-spacer{flex-basis:72px!important;width:72px!important;min-width:72px!important}}@media(max-width:782px){.ch-theme-community-bar--bottom .ch-theme-community-nav{justify-content:flex-start!important}.ch-theme-community-bar--bottom .ch-theme-nav-pill{min-width:58px!important;padding:7px!important}.ch-theme-nav-center-spacer{flex-basis:68px!important;width:68px!important;min-width:68px!important}.ch-theme-header-icon-button{width:34px!important;height:34px!important}} .ch-theme-nav-notification-trigger{ font:inherit!important; cursor:pointer!important; } .ch-theme-notification-popup{ position:fixed; z-index:2147482600; max-height:min(520px,72vh); border:1px solid var(--ch-theme-border,#dbe3ec); border-radius:15px; background:var(--ch-theme-surface,#fff); box-shadow:0 18px 52px rgba(15,23,42,.25); overflow:hidden; } .ch-theme-notification-popup-inner{ width:100%; max-height:inherit; overflow:auto; } .ch-theme-notification-popup-loading, .ch-theme-notification-popup-fallback{ padding:18px; color:var(--ch-theme-text,#182230); font-size:13px; } .ch-theme-notification-popup-fallback{ display:grid; gap:8px; } .ch-theme-notification-popup-fallback strong{ font-size:15px; } .ch-theme-notification-popup-fallback p{ margin:0; color:var(--ch-theme-muted,#64748b); } .ch-theme-notification-popup-fallback a{ display:inline-flex; width:max-content; min-height:36px; align-items:center; padding:7px 11px; border-radius:9px; background:var(--ch-theme-accent,#0080ff); color:#fff!important; font-size:12px; font-weight:800; text-decoration:none!important; } .ch-theme-notification-popup .ch-notification-bell{ width:100%; } .ch-theme-notification-popup .ch-notification-dropdown{ position:static!important; display:block!important; width:100%!important; max-width:none!important; max-height:none!important; margin:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; } @media(max-width:782px){ .ch-theme-notification-popup{ left:10px!important; right:10px!important; width:auto!important; max-height:min(520px,68vh); } } .ch-theme-nav-badge,.ch-theme-header-icon-badge,.ch-theme-messages-counter .better-messages-unread-counter,.ch-theme-header-message-badge .better-messages-unread-counter{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#dc2626!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:18px!important}.ch-theme-header-message-badge:empty{display:none!important}button.ch-theme-nav-pill{appearance:none!important;color:var(--ch-theme-text)!important;font:inherit!important}.ch-theme-back-to-top{z-index:2147482400!important}@media(min-width:783px){.ch-theme-community-bar--bottom .ch-theme-menu-list--community,.ch-theme-community-bar--bottom .ch-theme-community-nav{display:flex!important;justify-content:center!important;gap:4px!important;width:100%!important;overflow:visible!important}.ch-theme-community-bar--bottom .ch-theme-menu-list--community>li:not(.ch-theme-nav-center-spacer-item),.ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{flex:1 1 0!important;min-width:84px!important;max-width:126px!important;margin:0!important}.ch-theme-community-bar--bottom .ch-theme-nav-center-spacer-item,.ch-theme-community-bar--bottom .ch-theme-nav-center-spacer{flex:0 0 84px!important;width:84px!important;min-width:84px!important;margin:0!important}.ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community>li:nth-child(3),.ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav>:nth-child(3){margin-left:0!important}.ch-theme-community-center-action-label{font-size:10px!important;font-weight:900!important}}.ch-theme-header-preview-popup{position:fixed;z-index:2147482700;max-height:min(540px,72vh);overflow:auto;border:1px solid var(--ch-theme-border,#dbe3ec);border-radius:15px;background:var(--ch-theme-surface,#fff);box-shadow:0 18px 52px rgba(15,23,42,.25)}.ch-theme-header-preview-fallback{padding:16px} .ch-theme-header-icon-badge, .ch-theme-header-message-badge, .ch-theme-nav-badge, .ch-theme-messages-counter{ position:absolute!important; top:1px!important; right:2px!important; z-index:4!important; width:auto!important; min-width:18px!important; height:18px!important; margin:0!important; padding:0!important; border:0!important; border-radius:999px!important; background:transparent!important; line-height:18px!important; } .ch-theme-header-icon-badge, .ch-theme-nav-badge, .ch-theme-header-message-badge .better-messages-unread-counter, .ch-theme-messages-counter .better-messages-unread-counter{ display:inline-flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; min-width:18px!important; height:18px!important; margin:0!important; padding:0 5px!important; border:0!important; border-radius:999px!important; background:#dc2626!important; color:#fff!important; box-shadow:0 0 0 2px var(--ch-theme-surface,#fff)!important; font-family:inherit!important; font-size:10px!important; font-weight:900!important; line-height:18px!important; letter-spacing:-.02em!important; } .ch-theme-header-message-badge:empty, .ch-theme-messages-counter:empty{display:none!important} .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav>:nth-child(3), .ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community>li:nth-child(3){ margin-left:0!important; } @media(min-width:783px){ .ch-theme-community-bar--bottom .ch-theme-header-inner--nav{ width:min(100%,1240px)!important; max-width:1240px!important; padding:7px 18px!important; } .ch-theme-community-bar--bottom .ch-theme-menu-list--community, .ch-theme-community-bar--bottom .ch-theme-community-nav{ display:flex!important; align-items:center!important; justify-content:center!important; flex-wrap:nowrap!important; gap:4px!important; width:100%!important; overflow:visible!important; } .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li:not(.ch-theme-nav-center-spacer-item), .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{ flex:1 1 0!important; min-width:0!important; max-width:150px!important; margin:0!important; } .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a, .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; min-height:46px!important; padding:7px 6px!important; white-space:nowrap!important; } .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer-item, .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer{ flex:0 0 92px!important; width:92px!important; min-width:92px!important; max-width:92px!important; margin:0!important; padding:0!important; pointer-events:none!important; } .ch-theme-community-center-action{ width:64px!important; height:64px!important; } .ch-theme-community-center-action-label{ font-size:10px!important; font-weight:900!important; letter-spacing:.05em!important; } } @media(max-width:782px){ .ch-theme-community-bar.ch-theme-community-bar--mobile{ display:block!important; } .ch-theme-community-bar--bottom .ch-theme-menu-list--community, .ch-theme-community-bar--bottom .ch-theme-community-nav{ display:flex!important; justify-content:flex-start!important; flex-wrap:nowrap!important; overflow-x:auto!important; overscroll-behavior-x:contain; } .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li, .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{ flex:0 0 auto!important; } } .ch-theme-messages-preview-frame{ display:block; width:100%; height:min(500px,68vh); border:0; background:var(--ch-theme-surface,#fff); } body.ch-theme-messages-preview-frame-page{ padding-top:0!important; padding-bottom:0!important; margin:0!important; } body.ch-theme-messages-preview-frame-page .ch-theme-header, body.ch-theme-messages-preview-frame-page .ch-theme-community-bar, body.ch-theme-messages-preview-frame-page .ch-theme-back-to-top, body.ch-theme-messages-preview-frame-page .ch-theme-footer, body.ch-theme-messages-preview-frame-page footer{ display:none!important; } body.ch-theme-messages-preview-frame-page #primary, body.ch-theme-messages-preview-frame-page main{ width:100%!important; max-width:none!important; margin:0!important; padding:8px!important; } button.ch-theme-nav-pill, .ch-theme-nav-messages-trigger, .ch-theme-nav-notification-trigger{ appearance:none!important; -webkit-appearance:none!important; border:0!important; background:transparent!important; color:var(--ch-theme-text)!important; font:inherit!important; } .ch-theme-header-icon-badge, .ch-theme-header-message-badge .better-messages-unread-counter, .ch-theme-messages-counter .better-messages-unread-counter, .ch-theme-nav-badge{ min-width:18px!important; height:18px!important; padding:0 5px!important; line-height:18px!important; border-radius:999px!important; font-size:10px!important; font-weight:900!important; } .ch-theme-community-bar--bottom .ch-theme-menu-list--community, .ch-theme-community-bar--bottom .ch-theme-community-nav{ display:flex!important; align-items:stretch!important; justify-content:center!important; gap:6px!important; width:100%!important; } .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li:not(.ch-theme-nav-center-spacer-item), .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-community-nav>button.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-community-nav>a.ch-theme-nav-pill{ flex:1 1 0!important; min-width:0!important; max-width:none!important; margin:0!important; } .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a, .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; min-height:46px!important; width:100%!important; padding:8px 10px!important; text-align:center!important; } .ch-theme-community-bar--bottom .ch-theme-nav-label, .ch-theme-community-bar--bottom .ch-theme-menu-list--community .ch-theme-nav-label{ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer-item, .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer{ flex:0 0 82px!important; width:82px!important; min-width:82px!important; margin:0!important; } .ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community>li:nth-child(3), .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav>:nth-child(3){ margin-left:0!important; } .ch-theme-community-bar--mobile{ display:block!important; } @media (max-width: 782px){ .ch-theme-community-bar--bottom .ch-theme-header-inner--nav{padding-left:8px!important;padding-right:8px!important} .ch-theme-community-bar--bottom .ch-theme-menu-list--community, .ch-theme-community-bar--bottom .ch-theme-community-nav{gap:4px!important} .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li:not(.ch-theme-nav-center-spacer-item), .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-community-nav>button.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-community-nav>a.ch-theme-nav-pill{flex:1 1 0!important;min-width:0!important} .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a, .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{min-height:44px!important;padding:7px 6px!important} .ch-theme-community-bar--bottom .ch-theme-nav-label{font-size:10px!important} .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer-item, .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer{flex:0 0 68px!important;width:68px!important;min-width:68px!important} } .ch-theme-menu-panel .ch-theme-community-menu, .ch-theme-menu-panel .ch-theme-community-nav{ display:none!important; } .ch-theme-sidebar .widget button, .ch-theme-sidebar .widget input[type="submit"], .ch-theme-sidebar .widget .button, .ch-theme-sidebar .widget .wp-block-search__button, .ch-theme-sidebar .widget form button, .ch-theme-sidebar .ch-theme-widget button, .ch-theme-sidebar .ch-theme-widget input[type="submit"], .ch-theme-sidebar .ch-theme-widget .button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; padding:0 16px!important; border-radius:14px!important; border:1px solid rgba(0,128,255,.18)!important; background:linear-gradient(180deg,#1490ff 0%, #0077ee 100%)!important; color:#ffffff!important; font-size:14px!important; font-weight:800!important; line-height:1!important; box-shadow:0 10px 24px rgba(0,128,255,.18)!important; text-decoration:none!important; white-space:nowrap!important; } .ch-theme-sidebar .widget button:hover, .ch-theme-sidebar .widget input[type="submit"]:hover, .ch-theme-sidebar .widget .button:hover, .ch-theme-sidebar .widget .wp-block-search__button:hover, .ch-theme-sidebar .widget form button:hover, .ch-theme-sidebar .ch-theme-widget button:hover, .ch-theme-sidebar .ch-theme-widget input[type="submit"]:hover, .ch-theme-sidebar .ch-theme-widget .button:hover{ transform:translateY(-1px)!important; box-shadow:0 14px 30px rgba(0,128,255,.24)!important; filter:saturate(1.03)!important; } .ch-theme-sidebar .widget input[type="text"], .ch-theme-sidebar .widget input[type="search"], .ch-theme-sidebar .widget input[type="email"], .ch-theme-sidebar .widget input[type="url"], .ch-theme-sidebar .widget input[type="number"], .ch-theme-sidebar .widget select, .ch-theme-sidebar .ch-theme-widget input[type="text"], .ch-theme-sidebar .ch-theme-widget input[type="search"], .ch-theme-sidebar .ch-theme-widget input[type="email"], .ch-theme-sidebar .ch-theme-widget input[type="url"], .ch-theme-sidebar .ch-theme-widget input[type="number"], .ch-theme-sidebar .ch-theme-widget select{ min-height:44px!important; border-radius:14px!important; border:1px solid rgba(148,163,184,.34)!important; background:rgba(7,18,38,.22)!important; color:var(--ch-theme-text)!important; padding:0 14px!important; box-shadow:none!important; } .ch-theme-sidebar .widget .wp-block-search__inside-wrapper, .ch-theme-sidebar .widget form[role="search"], .ch-theme-sidebar .ch-theme-widget .wp-block-search__inside-wrapper, .ch-theme-sidebar .ch-theme-widget form[role="search"]{ display:flex!important; align-items:center!important; gap:10px!important; } .ch-theme-sidebar .widget .is-style-circle, .ch-theme-sidebar .ch-theme-widget .is-style-circle, .ch-theme-sidebar .widget button[aria-label], .ch-theme-sidebar .ch-theme-widget button[aria-label]{ min-width:42px!important; width:42px!important; padding:0!important; } html[data-ch-theme-mode="dark"] .ch-theme-sidebar .widget input[type="text"], html[data-ch-theme-mode="dark"] .ch-theme-sidebar .widget input[type="search"], html[data-ch-theme-mode="dark"] .ch-theme-sidebar .widget input[type="email"], html[data-ch-theme-mode="dark"] .ch-theme-sidebar .widget select, html[data-ch-theme-mode="dark"] .ch-theme-sidebar .ch-theme-widget input[type="text"], html[data-ch-theme-mode="dark"] .ch-theme-sidebar .ch-theme-widget input[type="search"], html[data-ch-theme-mode="dark"] .ch-theme-sidebar .ch-theme-widget input[type="email"], html[data-ch-theme-mode="dark"] .ch-theme-sidebar .ch-theme-widget select, body.ch-theme-mode-dark .ch-theme-sidebar .widget input[type="text"], body.ch-theme-mode-dark .ch-theme-sidebar .widget input[type="search"], body.ch-theme-mode-dark .ch-theme-sidebar .widget input[type="email"], body.ch-theme-mode-dark .ch-theme-sidebar .widget select, body.ch-theme-mode-dark .ch-theme-sidebar .ch-theme-widget input[type="text"], body.ch-theme-mode-dark .ch-theme-sidebar .ch-theme-widget input[type="search"], body.ch-theme-mode-dark .ch-theme-sidebar .ch-theme-widget input[type="email"], body.ch-theme-mode-dark .ch-theme-sidebar .ch-theme-widget select{ background:rgba(15,23,42,.88)!important; border-color:#334155!important; color:#f8fafc!important; } @media (max-width:782px){ .ch-theme-sidebar .widget button, .ch-theme-sidebar .widget input[type="submit"], .ch-theme-sidebar .widget .button, .ch-theme-sidebar .widget .wp-block-search__button, .ch-theme-sidebar .widget form button, .ch-theme-sidebar .ch-theme-widget button, .ch-theme-sidebar .ch-theme-widget input[type="submit"], .ch-theme-sidebar .ch-theme-widget .button{ min-height:40px!important; padding:0 14px!important; border-radius:12px!important; font-size:13px!important; } } @media(min-width:783px){ .ch-theme-community-bar--bottom .ch-theme-menu-list--community, .ch-theme-community-bar--bottom .ch-theme-community-nav{ display:flex!important;align-items:center!important;justify-content:center!important; flex-wrap:nowrap!important;gap:8px!important;width:100%!important;overflow:visible!important } .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li:not(.ch-theme-nav-center-spacer-item), .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-community-nav>button.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-community-nav>a.ch-theme-nav-pill{ flex:0 0 102px!important;min-width:102px!important;max-width:102px!important;margin:0!important } .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a, .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{ min-height:44px!important;padding:7px 8px!important;border-radius:12px!important } .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer-item, .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer{ flex:0 0 96px!important;width:96px!important;min-width:96px!important;max-width:96px!important } } .ch-theme-community-center-action{ left:50%!important;bottom:7px!important;transform:translateX(-50%)!important; width:74px!important;height:44px!important;min-width:74px!important;min-height:44px!important; padding:0 14px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:14px!important; background:linear-gradient(180deg,#168fff 0%,#0877e8 100%)!important;color:#fff!important; box-shadow:0 10px 26px rgba(0,104,218,.34)!important;text-decoration:none!important } .ch-theme-community-center-action:hover,.ch-theme-community-center-action:focus-visible{ transform:translateX(-50%) translateY(-1px)!important;box-shadow:0 14px 30px rgba(0,104,218,.40)!important } .ch-theme-community-center-action-icon{display:none!important} .ch-theme-community-center-action-label{margin:0!important;font-size:12px!important;font-weight:900!important;line-height:1!important;letter-spacing:.05em!important;color:#fff!important} .ch-theme-header-icon-badge, .ch-theme-header-message-badge .better-messages-unread-counter, .ch-theme-nav-badge, .ch-theme-messages-counter .better-messages-unread-counter{ display:inline-flex!important;align-items:center!important;justify-content:center!important; box-sizing:border-box!important;min-width:18px!important;height:18px!important;padding:0 5px!important; border:0!important;border-radius:999px!important;background:#dc2626!important;color:#fff!important; font:900 10px/18px inherit!important;letter-spacing:-.02em!important;box-shadow:0 0 0 2px var(--ch-theme-surface,#fff)!important } .ch-theme-header-icon-badge,.ch-theme-header-message-badge{top:-4px!important;right:-4px!important} .ch-theme-nav-badge,.ch-theme-messages-counter{top:1px!important;right:3px!important} .ch-theme-sidebar .wp-block-search__inside-wrapper, .ch-theme-sidebar form[role="search"]{display:flex!important;align-items:stretch!important;gap:8px!important} .ch-theme-sidebar .wp-block-search__input, .ch-theme-sidebar form[role="search"] input[type="search"]{ min-height:42px!important;height:42px!important;border-radius:12px!important;padding:0 13px!important } .ch-theme-sidebar .wp-block-search__button, .ch-theme-sidebar form[role="search"] button, .ch-theme-sidebar form[role="search"] input[type="submit"]{ flex:0 0 auto!important;width:auto!important;min-width:72px!important;min-height:42px!important;height:42px!important; padding:0 14px!important;border-radius:12px!important;font-size:13px!important;font-weight:850!important; box-shadow:0 6px 15px rgba(0,128,255,.15)!important;transform:none!important } .ch-theme-sidebar .wp-block-search__button:hover, .ch-theme-sidebar form[role="search"] button:hover, .ch-theme-sidebar form[role="search"] input[type="submit"]:hover{transform:none!important;box-shadow:0 8px 18px rgba(0,128,255,.20)!important} .ch-theme-header-preview-note{padding:10px 14px;border-top:1px solid var(--ch-theme-border,#dbe3ec);font-size:12px;color:var(--ch-theme-muted,#64748b)} .ch-theme-header-message-badge, .ch-theme-messages-counter{ position:absolute!important; z-index:5!important; display:block!important; width:18px!important; height:18px!important; min-width:18px!important; margin:0!important; padding:0!important; border:0!important; border-radius:999px!important; background:transparent!important; line-height:18px!important; } .ch-theme-header-icon-badge, .ch-theme-nav-badge, .ch-theme-header-message-badge .better-messages-unread-counter, .ch-theme-messages-counter .better-messages-unread-counter{ display:flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; position:relative!important; inset:auto!important; transform:none!important; width:18px!important; min-width:18px!important; max-width:18px!important; height:18px!important; min-height:18px!important; max-height:18px!important; margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; background:#dc2626!important; color:#fff!important; box-shadow:0 0 0 2px var(--ch-theme-surface,#101b2c)!important; font-family:inherit!important; font-size:9px!important; font-weight:900!important; line-height:18px!important; letter-spacing:0!important; } .ch-theme-header-icon-button{position:relative!important} .ch-theme-header-icon-badge, .ch-theme-header-message-badge{ position:absolute!important; top:-4px!important; right:-4px!important; } .ch-theme-community-bar--bottom .ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a{position:relative!important} .ch-theme-community-bar--bottom .ch-theme-nav-badge, .ch-theme-community-bar--bottom .ch-theme-messages-counter{ position:absolute!important; top:2px!important; left:calc(50% + 13px)!important; right:auto!important; transform:none!important; } @media(min-width:783px){ .ch-theme-community-bar--bottom .ch-theme-header-inner--nav{ width:min(100%,1180px)!important; max-width:1180px!important; padding:6px 18px!important; } .ch-theme-community-bar--bottom .ch-theme-menu-list--community, .ch-theme-community-bar--bottom .ch-theme-community-nav{ display:flex!important; align-items:center!important; justify-content:center!important; flex-wrap:nowrap!important; gap:6px!important; width:100%!important; overflow:visible!important; } .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li:not(.ch-theme-nav-center-spacer-item), .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{ flex:1 1 110px!important; min-width:92px!important; max-width:132px!important; margin:0!important; } .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a, .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{ display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; width:100%!important; min-height:44px!important; padding:6px 8px!important; overflow:visible!important; } .ch-theme-community-bar--bottom .ch-theme-nav-label{ display:inline!important; max-width:none!important; overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; } .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer-item, .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer{ flex:0 0 82px!important; width:82px!important; min-width:82px!important; max-width:82px!important; margin:0!important; } } .ch-theme-community-center-action{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:2px!important; left:50%!important; bottom:5px!important; transform:translateX(-50%)!important; width:64px!important; height:58px!important; min-width:64px!important; min-height:58px!important; padding:5px 8px!important; border:1px solid rgba(255,255,255,.22)!important; border-radius:16px!important; background:linear-gradient(180deg,#168fff 0%,#0877e8 100%)!important; color:#fff!important; box-shadow:0 9px 22px rgba(0,104,218,.30)!important; } .ch-theme-community-center-action-icon{ display:flex!important; align-items:center!important; justify-content:center!important; width:18px!important; height:18px!important; color:#fff!important; } .ch-theme-community-center-action-icon svg{display:block!important;width:18px!important;height:18px!important} .ch-theme-community-center-action-label{ margin:0!important; color:#fff!important; font-size:10px!important; font-weight:900!important; line-height:1!important; letter-spacing:.04em!important; } .ch-theme-community-center-action:hover, .ch-theme-community-center-action:focus-visible{ transform:translateX(-50%) translateY(-1px)!important; box-shadow:0 12px 27px rgba(0,104,218,.38)!important; } .ch-theme-notification-popup{ border:1px solid rgba(148,163,184,.28)!important; border-radius:16px!important; background:var(--ch-theme-surface,#101b2c)!important; box-shadow:0 24px 62px rgba(0,0,0,.36)!important; overflow:hidden!important; } .ch-theme-notification-preview-head{ display:flex;align-items:center;justify-content:space-between;gap:12px; padding:13px 14px;border-bottom:1px solid rgba(148,163,184,.20) } .ch-theme-notification-preview-head strong{font-size:14px;font-weight:900;color:var(--ch-theme-text,#f8fafc)} .ch-theme-notification-preview-head span{font-size:10px;font-weight:800;color:var(--ch-theme-muted,#94a3b8)} .ch-theme-notification-preview-list{max-height:min(420px,58vh);overflow:auto;padding:5px} .ch-theme-notification-preview-item{ position:relative;display:flex;gap:10px;align-items:flex-start;padding:11px 10px;border-radius:10px; color:var(--ch-theme-text,#f8fafc)!important;text-decoration:none!important } .ch-theme-notification-preview-item:hover{background:rgba(128,160,200,.10)} .ch-theme-notification-preview-item.is-unread{background:rgba(0,128,255,.08)} .ch-theme-notification-preview-dot{width:7px;height:7px;flex:0 0 7px;margin-top:6px;border-radius:50%;background:transparent} .ch-theme-notification-preview-item.is-unread .ch-theme-notification-preview-dot{background:#168fff} .ch-theme-notification-preview-copy{display:grid;gap:4px;min-width:0} .ch-theme-notification-preview-copy strong{font-size:12px;line-height:1.35;font-weight:800;color:inherit} .ch-theme-notification-preview-copy small{font-size:10px;color:var(--ch-theme-muted,#94a3b8)} .ch-theme-notification-preview-empty, .ch-theme-notification-preview-loading, .ch-theme-notification-preview-error{padding:18px;color:var(--ch-theme-text,#f8fafc)} .ch-theme-notification-preview-error p{color:var(--ch-theme-muted,#94a3b8)} .ch-theme-notification-preview-foot{padding:9px 10px 10px;border-top:1px solid rgba(148,163,184,.20)} .ch-theme-notification-preview-foot a, .ch-theme-notification-preview-error a{ display:flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;border-radius:9px; background:rgba(0,128,255,.12);color:#6eb6ff!important;font-size:11px;font-weight:900;text-decoration:none!important } .ch-theme-header-preview-popup .ch-quick-preview-panel--messages{background:var(--ch-theme-surface,#101b2c)!important} .ch-theme-header-preview-popup .ch-quick-preview-heading{min-height:46px!important;padding:12px 14px!important} .ch-theme-header-preview-popup .ch-quick-preview-messages-app{height:min(455px,62vh)!important;overflow:auto!important} .ch-theme-header-preview-popup .ch-quick-preview-messages-app .bp-messages-wrap{min-height:100%!important;background:transparent!important} .ch-theme-header-icon-badge, .ch-theme-header-message-badge, .ch-theme-nav-badge, .ch-theme-messages-counter{ position:absolute!important; z-index:8!important; display:block!important; width:18px!important; min-width:18px!important; height:18px!important; min-height:18px!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; } .ch-theme-unread-badge{ box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; width:18px!important; min-width:18px!important; max-width:18px!important; height:18px!important; min-height:18px!important; max-height:18px!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; background:#dc2626!important; color:#fff!important; font-family:inherit!important; font-size:9px!important; font-weight:900!important; line-height:18px!important; letter-spacing:0!important; box-shadow:0 0 0 2px var(--ch-theme-surface,#101b2c)!important; } .ch-theme-header-icon-badge, .ch-theme-header-message-badge{top:-4px!important;right:-4px!important;left:auto!important} .ch-theme-community-bar--bottom .ch-theme-nav-badge, .ch-theme-community-bar--bottom .ch-theme-messages-counter{ top:0!important; left:calc(50% + 10px)!important; right:auto!important; } @media(min-width:783px){ .ch-theme-community-bar--bottom .ch-theme-header-inner--nav{width:min(100%,1240px)!important;max-width:1240px!important;padding:6px 18px!important} .ch-theme-community-bar--bottom .ch-theme-menu-list--community, .ch-theme-community-bar--bottom .ch-theme-community-nav{display:flex!important;align-items:center!important;justify-content:stretch!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;overflow:visible!important} .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li:not(.ch-theme-nav-center-spacer-item), .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{flex:var(--ch-nav-grow,1) 1 0!important;min-width:0!important;max-width:none!important;margin:0!important} .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a, .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{min-width:0!important;width:100%!important;min-height:44px!important;padding:6px 7px!important;gap:6px!important;justify-content:center!important;overflow:visible!important} .ch-theme-community-bar--bottom .ch-theme-nav-label{display:inline!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:11px!important} .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer-item, .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer{flex:0 0 72px!important;width:72px!important;min-width:72px!important;max-width:72px!important;margin:0!important;padding:0!important} } .ch-theme-community-center-action{top:0!important;bottom:auto!important;transform:translate(-50%,-22%)!important;width:56px!important;min-width:56px!important;height:56px!important;min-height:56px!important;padding:5px!important;gap:2px!important;border:3px solid var(--ch-theme-surface,#101b2c)!important;border-radius:18px!important;background:linear-gradient(180deg,#1594ff,#0878e8)!important;box-shadow:0 9px 22px rgba(0,104,218,.28)!important} .ch-theme-community-center-action:hover,.ch-theme-community-center-action:focus-visible{transform:translate(-50%,-25%)!important} .ch-theme-community-center-action-icon{display:flex!important;width:16px!important;height:16px!important} .ch-theme-community-center-action-icon svg{width:16px!important;height:16px!important} .ch-theme-community-center-action-label{font-size:9px!important;line-height:1!important;letter-spacing:.045em!important} .ch-theme-popup-skeleton{display:grid;gap:9px;padding:14px;min-height:150px;background:var(--ch-theme-surface,#101b2c)} .ch-theme-popup-skeleton span{display:block;height:42px;border-radius:10px;background:linear-gradient(90deg,rgba(148,163,184,.08),rgba(148,163,184,.18),rgba(148,163,184,.08));background-size:220% 100%;animation:ch-popup-skeleton 1.15s ease-in-out infinite} .ch-theme-popup-skeleton .ch-theme-popup-skeleton-title{height:18px;width:42%;border-radius:6px} @keyframes ch-popup-skeleton{0%{background-position:100% 0}100%{background-position:-100% 0}} @media(prefers-reduced-motion:reduce){.ch-theme-popup-skeleton span{animation:none}} @media (min-width:783px){ .ch-theme-community-bar--bottom .ch-theme-header-inner--nav{ width:min(100%,1160px)!important; max-width:1160px!important; padding:6px 14px!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav, .ch-theme-community-bar--bottom .ch-theme-menu-list--community{ display:flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; width:100%!important; overflow:visible!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li:not(.ch-theme-nav-center-spacer-item){ flex:1 1 0!important; min-width:0!important; max-width:142px!important; margin:0!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a{ display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; width:100%!important; min-height:44px!important; padding:6px 9px!important; border-radius:12px!important; white-space:nowrap!important; } .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer, .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer-item{ flex:0 0 74px!important; width:74px!important; min-width:74px!important; max-width:74px!important; padding:0!important; margin:0!important; } .ch-theme-community-bar--bottom .ch-theme-nav-label{ overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; } } .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav>:nth-child(3), .ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community>li:nth-child(3){ margin-left:0!important; } .ch-theme-menu-item--store>a, .ch-theme-menu-item--custom>a{ color:inherit!important; text-decoration:none!important; } @media (max-width:782px){ .ch-theme-community-bar--bottom .ch-theme-community-nav, .ch-theme-community-bar--bottom .ch-theme-menu-list--community{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:4px!important; overflow-x:auto!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li:not(.ch-theme-nav-center-spacer-item){ flex:0 0 auto!important; min-width:62px!important; } } .ch-theme-community-nav[data-ch-balanced-nav="1"]{ display:grid!important; grid-auto-flow:column!important; grid-auto-columns:minmax(82px,1fr)!important; align-items:stretch!important; justify-content:center!important; gap:6px!important; width:min(100%,1120px)!important; margin:0 auto!important; overflow:visible!important; } .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill, .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-center-spacer, .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-balance-placeholder{ min-width:0!important; width:auto!important; max-width:none!important; margin:0!important; } .ch-theme-nav-balance-placeholder{ display:block!important; visibility:hidden!important; pointer-events:none!important; min-height:46px!important; } .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-center-spacer{ display:block!important; visibility:hidden!important; min-height:46px!important; } .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:46px!important; padding:7px 8px!important; } .ch-theme-community-nav[data-ch-balanced-nav="1"] .ch-theme-nav-label{ overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; } .ch-theme-community-nav[data-ch-balanced-nav="1"] .ch-theme-nav-pill:first-child .ch-theme-nav-label{ overflow:visible!important; text-overflow:clip!important; } .ch-theme-header-icon-button{position:relative!important} .ch-theme-header-icon-button>.ch-theme-unread-badge.ch-theme-header-unread-badge{ position:absolute!important; top:-5px!important; right:-5px!important; z-index:8!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; min-width:18px!important; height:18px!important; padding:0 5px!important; margin:0!important; border:0!important; border-radius:999px!important; background:#dc2626!important; color:#fff!important; box-shadow:0 0 0 2px var(--ch-theme-surface,#fff)!important; font-family:inherit!important; font-size:10px!important; font-weight:900!important; line-height:18px!important; } .ch-theme-sidebar .wp-block-search__inside-wrapper, .ch-theme-sidebar form[role="search"], .ch-theme-sidebar .widget_product_search form{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:8px!important; } .ch-theme-sidebar .wp-block-search__button, .ch-theme-sidebar form[role="search"] button, .ch-theme-sidebar .widget_product_search button, .ch-theme-sidebar .widget_product_search input[type="submit"]{ min-width:70px!important; width:auto!important; height:40px!important; min-height:40px!important; padding:0 14px!important; border-radius:12px!important; font-size:12px!important; font-weight:850!important; line-height:1!important; box-shadow:0 6px 16px rgba(0,128,255,.16)!important; } .ch-theme-sidebar .wp-block-search__input, .ch-theme-sidebar form[role="search"] input[type="search"], .ch-theme-sidebar .widget_product_search input[type="search"]{ min-width:0!important; width:100%!important; height:40px!important; min-height:40px!important; padding:0 12px!important; border-radius:12px!important; font-size:13px!important; } @media(max-width:782px){ .ch-theme-community-nav[data-ch-balanced-nav="1"]{ grid-auto-columns:minmax(56px,1fr)!important; gap:3px!important; width:100%!important; } .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill, .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-center-spacer, .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-balance-placeholder{ min-height:44px!important; } .ch-theme-community-nav[data-ch-balanced-nav="1"] .ch-theme-nav-label{font-size:10px!important} } @media (min-width:783px){ .ch-theme-community-bar--bottom .ch-theme-header-inner--nav{max-width:1040px!important;width:min(1040px,calc(100% - 24px))!important;padding-left:10px!important;padding-right:10px!important} .ch-theme-community-bar--bottom .ch-theme-community-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;width:100%!important} .ch-theme-community-bar--bottom .ch-theme-community-nav>.ch-theme-nav-pill{flex:0 1 102px!important;width:102px!important;max-width:102px!important;min-width:76px!important;padding:7px 8px!important} .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer, .ch-theme-community-bar--bottom .ch-theme-nav-balance-placeholder{flex:0 0 72px!important;width:72px!important;min-width:72px!important;max-width:72px!important} } .ch-theme-sidebar .widget_search .wp-block-search__inside-wrapper, .ch-theme-sidebar .widget_search form, .ch-theme-sidebar .widget .wp-block-search__inside-wrapper, .ch-theme-sidebar .ch-theme-widget .wp-block-search__inside-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important;gap:8px!important;width:100%!important} .ch-theme-sidebar .widget_search input[type="search"], .ch-theme-sidebar .widget .wp-block-search__input, .ch-theme-sidebar .ch-theme-widget .wp-block-search__input{width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;padding:0 14px!important;border-radius:12px!important;font-size:14px!important} .ch-theme-sidebar .widget_search button, .ch-theme-sidebar .widget .wp-block-search__button, .ch-theme-sidebar .ch-theme-widget .wp-block-search__button{width:auto!important;min-width:72px!important;height:44px!important;min-height:44px!important;padding:0 14px!important;border-radius:12px!important;font-size:13px!important;font-weight:800!important;line-height:1!important} .ch-theme-header-preview-popup{overflow:visible!important} .ch-theme-header-preview-popup .ch-theme-header-preview-inner{overflow:visible!important} .ch-theme-header-preview-popup .bp-messages-wrap, .ch-theme-header-preview-popup .better-messages-list{overflow:visible!important} .ch-theme-header-preview-popup [class*="dropdown"], .ch-theme-header-preview-popup [class*="popover"], .ch-theme-header-preview-popup [class*="context-menu"], .ch-theme-header-preview-popup [class*="actions-menu"], .ch-theme-header-preview-popup [class*="bm-menu"]{z-index:2147483646!important} body.ch-theme .ch-composer, body.ch-theme .ch-activity-card, body.ch-theme .ch-comment-bubble, body.ch-theme .ch-profile-card, body.ch-theme .ch-profile-section, body.ch-theme .ch-bookmarks-header, body.ch-theme .ch-bookmarks-empty, body.ch-theme .ch-notifications-header, body.ch-theme .ch-member-directory, body.ch-theme .ch-group-card, body.ch-theme .ch-forum-card{ color:var(--ch-theme-text,#182230); } body.ch-theme .ch-composer input, body.ch-theme .ch-composer textarea, body.ch-theme .ch-composer select, body.ch-theme .ch-profile-section input, body.ch-theme .ch-profile-section textarea, body.ch-theme .ch-profile-section select{ color:var(--ch-theme-text,#182230)!important; background:var(--ch-theme-surface,#fff)!important; border-color:var(--ch-theme-border,#dbe3ec)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment-bubble, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-section, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmarks-empty, html[data-ch-theme-mode="dark"] body.ch-theme .ch-notifications-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-member-directory, html[data-ch-theme-mode="dark"] body.ch-theme .ch-group-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-card, body.ch-theme-mode-dark .ch-composer, body.ch-theme-mode-dark .ch-activity-card, body.ch-theme-mode-dark .ch-comment-bubble, body.ch-theme-mode-dark .ch-profile-card, body.ch-theme-mode-dark .ch-profile-section{ color:#f8fafc!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer input, html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer textarea, html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer select, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-section input, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-section textarea, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-section select, body.ch-theme-mode-dark .ch-composer input, body.ch-theme-mode-dark .ch-composer textarea, body.ch-theme-mode-dark .ch-composer select{ color:#f8fafc!important; background:#0f172a!important; border-color:#334155!important; } .ch-theme-header-preview-popup .bp-messages-wrap, .ch-theme-header-preview-popup .better-messages-list, .ch-theme-header-preview-popup .better-messages-conversation, .ch-theme-header-preview-popup .better-messages-chat-room{ color:inherit; } .bp-messages-wrap .bm-dropdown, .bp-messages-wrap .bm-dropdown-content, .bp-messages-wrap .bm-context-menu, .bp-messages-wrap .bm-popover, .better-messages-list .bm-dropdown, .better-messages-list .bm-context-menu{ z-index:2147483646!important; } body.ch-theme .pmpro, body.ch-theme .pmpro_card, body.ch-theme .pmpro_section, body.ch-theme .pmpro_form{ font-family:inherit; } #block-233.widget_search .wp-block-search, .ch-theme-sidebar .widget_search .wp-block-search{display:grid!important;gap:9px!important;width:100%!important} #block-233.widget_search .wp-block-search__label, .ch-theme-sidebar .widget_search .wp-block-search__label{display:block!important;margin:0!important;color:var(--ch-theme-text,#182230)!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important} #block-233.widget_search .wp-block-search__inside-wrapper, .ch-theme-sidebar .widget_search .wp-block-search__inside-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr) 82px!important;align-items:stretch!important;gap:10px!important;width:100%!important} #block-233.widget_search .wp-block-search__input, .ch-theme-sidebar .widget_search .wp-block-search__input{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:0 16px!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:13px!important;background:var(--ch-theme-surface,#fff)!important;color:var(--ch-theme-text,#182230)!important;font-size:14px!important;line-height:48px!important;box-shadow:inset 0 1px 1px rgba(15,23,42,.03)!important} #block-233.widget_search .wp-block-search__input::placeholder, .ch-theme-sidebar .widget_search .wp-block-search__input::placeholder{color:var(--ch-theme-muted,#7a8798)!important;opacity:1!important} #block-233.widget_search .wp-block-search__button, .ch-theme-sidebar .widget_search .wp-block-search__button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:82px!important;min-width:82px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 17px!important;border:1px solid rgba(0,128,255,.35)!important;border-radius:13px!important;background:linear-gradient(180deg,#1497ff 0%,#087fea 100%)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;box-shadow:0 7px 18px rgba(0,128,255,.2)!important} #block-233.widget_search .wp-block-search__button:hover, .ch-theme-sidebar .widget_search .wp-block-search__button:hover{transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(0,128,255,.25)!important} html[data-ch-theme-mode="dark"] #block-233.widget_search .wp-block-search__input, body.ch-theme-mode-dark #block-233.widget_search .wp-block-search__input{background:#0b1627!important;border-color:#2d4260!important;color:#f8fafc!important} .ch-theme-header-preview-popup, .ch-theme-header-preview-popup .ch-theme-header-preview-inner, .ch-theme-header-preview-popup .ch-quick-preview-messages-app, .ch-theme-header-preview-popup .bp-messages-wrap, .ch-theme-header-preview-popup .better-messages-list{overflow:visible!important} body .bm-dropdown, body .bm-dropdown-content, body .bm-popover, body .bm-context-menu, body .bm-menu, body .bpbm-dropdown-menu, body [class*="better-messages"][class*="dropdown"], body [class*="better-messages"][class*="popover"], body [class*="better-messages"][class*="menu"]{z-index:2147483647!important} #block-233.widget_search form.wp-block-search, .widget_search form.wp-block-search{ display:block!important; width:100%!important; min-width:0!important; margin:0!important; } #block-233.widget_search .wp-block-search__label, .widget_search .wp-block-search__label{ display:block!important; position:static!important; float:none!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0 0 10px!important; padding:0!important; writing-mode:horizontal-tb!important; text-orientation:mixed!important; white-space:nowrap!important; word-break:keep-all!important; overflow-wrap:normal!important; line-height:1.3!important; text-align:left!important; } #block-233.widget_search .wp-block-search__inside-wrapper, .widget_search .wp-block-search__inside-wrapper{ display:grid!important; grid-template-columns:minmax(0,1fr) 88px!important; align-items:stretch!important; gap:10px!important; width:100%!important; min-width:0!important; } #block-233.widget_search .wp-block-search__input, .widget_search .wp-block-search__input{ width:100%!important; min-width:0!important; height:48px!important; min-height:48px!important; padding:0 16px!important; border-radius:13px!important; } #block-233.widget_search .wp-block-search__button, .widget_search .wp-block-search__button{ width:88px!important; min-width:88px!important; height:48px!important; min-height:48px!important; margin:0!important; padding:0 16px!important; border-radius:13px!important; } .ch-theme-header-preview-popup{ z-index:100000!important; isolation:auto!important; } .ch-theme-header-preview-popup.is-messages-preview{ overflow:visible!important; background:#fff!important; color:#111827!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-theme-header-preview-inner, .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-panel--messages, .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-messages-app{ overflow:visible!important; background:#fff!important; color:#111827!important; } .ch-theme-header-preview-popup.is-messages-preview .bp-messages-wrap, .ch-theme-header-preview-popup.is-messages-preview .better-messages-list, .ch-theme-header-preview-popup.is-messages-preview .better-messages-conversation, .ch-theme-header-preview-popup.is-messages-preview .better-messages-chat-room{ color:inherit; overflow:visible!important; } body .bm-dropdown, body .bm-dropdown-content, body .bm-context-menu, body .bm-popover, body .bm-menu, body .bpbm-dropdown-menu, body [class*="bm-"][class*="dropdown"], body [class*="bm-"][class*="popover"], body [class*="bm-"][class*="menu"], body [class*="better-messages"][class*="dropdown"], body [class*="better-messages"][class*="popover"], body [class*="better-messages"][class*="menu"], body [role="menu"]{ z-index:200000!important; } .ch-theme-notification-popup{overflow:hidden!important;max-height:none!important}.ch-theme-notification-popup-inner{overflow:hidden!important;max-height:none!important}.ch-theme-notification-preview-list{max-height:min(420px,58vh)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable}.ch-inline-video-source{display:none!important} .ch-theme-header-preview-popup.is-messages-preview{ width:min(600px,calc(100vw - 24px))!important; max-width:600px!important; max-height:min(680px,82vh)!important; overflow:visible!important; border:1px solid var(--ch-theme-border,#d8e4f2)!important; border-radius:16px!important; background:var(--ch-theme-surface,#fff)!important; color:var(--ch-theme-text,#111827)!important; box-shadow:0 26px 72px rgba(2,8,23,.34)!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-theme-header-preview-inner, .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-panel--messages{ width:100%!important; min-width:0!important; overflow:visible!important; background:var(--ch-theme-surface,#fff)!important; color:var(--ch-theme-text,#111827)!important; border-radius:inherit!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-heading{ position:relative!important; z-index:2!important; min-height:48px!important; padding:12px 15px!important; border-bottom:1px solid var(--ch-theme-border,#d8e4f2)!important; background:var(--ch-theme-surface,#fff)!important; color:var(--ch-theme-text,#111827)!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-messages-app{ width:100%!important; height:min(570px,70vh)!important; min-height:420px!important; overflow:hidden!important; background:transparent!important; color:inherit!important; } .ch-theme-header-preview-popup.is-messages-preview .bp-messages-wrap, .ch-theme-header-preview-popup.is-messages-preview .better-messages-list{ width:100%!important; max-width:none!important; min-height:420px!important; height:100%!important; margin:0!important; border:0!important; border-radius:0 0 16px 16px!important; box-shadow:none!important; } body .bm-dropdown, body .bm-dropdown-content, body .bm-context-menu, body .bm-popover, body .bm-menu, body .bpbm-dropdown-menu, body [class*="bm-"][class*="dropdown"], body [class*="bm-"][class*="popover"], body [class*="bm-"][class*="menu"], body [class*="better-messages"][class*="dropdown"], body [class*="better-messages"][class*="popover"], body [class*="better-messages"][class*="menu"]{ z-index:200000!important; } @media(max-width:782px){ .ch-theme-header-preview-popup.is-messages-preview{ left:8px!important; right:8px!important; width:auto!important; max-width:none!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-messages-app{ height:min(620px,76vh)!important; min-height:380px!important; } } body.ch-theme-pmpro-account-page .pmpro, body.ch-theme-pmpro-account-page .pmpro_account, body.ch-theme-pmpro-account-page .pmpro_section, body.ch-theme-pmpro-account-page .pmpro_card, body.ch-theme-pmpro-account-page .pmpro_content_message{ color:var(--ch-theme-text)!important; } body.ch-theme-pmpro-account-page .pmpro_section, body.ch-theme-pmpro-account-page .pmpro_card, body.ch-theme-pmpro-account-page .pmpro_account-membership-levelname, body.ch-theme-pmpro-account-page .pmpro_account-profile, body.ch-theme-pmpro-account-page .pmpro_account-invoices, body.ch-theme-pmpro-account-page .pmpro_account-links{ border:1px solid var(--ch-theme-border)!important; border-radius:16px!important; background:var(--ch-theme-surface)!important; box-shadow:var(--ch-theme-soft-shadow)!important; } body.ch-theme-pmpro-account-page .pmpro_section, body.ch-theme-pmpro-account-page .pmpro_card{padding:18px!important;margin-bottom:16px!important} body.ch-theme-pmpro-account-page .pmpro h1, body.ch-theme-pmpro-account-page .pmpro h2, body.ch-theme-pmpro-account-page .pmpro h3, body.ch-theme-pmpro-account-page .pmpro strong, body.ch-theme-pmpro-account-page .pmpro th{color:var(--ch-theme-text)!important} body.ch-theme-pmpro-account-page .pmpro p, body.ch-theme-pmpro-account-page .pmpro td, body.ch-theme-pmpro-account-page .pmpro label, body.ch-theme-pmpro-account-page .pmpro small{color:var(--ch-theme-muted)!important} body.ch-theme-pmpro-account-page .pmpro table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--ch-theme-border)!important;border-radius:12px!important;overflow:hidden!important;background:var(--ch-theme-surface)!important} body.ch-theme-pmpro-account-page .pmpro th, body.ch-theme-pmpro-account-page .pmpro td{padding:11px 12px!important;border-bottom:1px solid var(--ch-theme-border)!important} body.ch-theme-pmpro-account-page .pmpro input, body.ch-theme-pmpro-account-page .pmpro select, body.ch-theme-pmpro-account-page .pmpro textarea{min-height:44px!important;border:1px solid var(--ch-theme-border)!important;border-radius:11px!important;background:var(--ch-theme-surface)!important;color:var(--ch-theme-text)!important;padding:9px 12px!important} body.ch-theme-pmpro-account-page .pmpro .pmpro_btn, body.ch-theme-pmpro-account-page .pmpro input[type="submit"], body.ch-theme-pmpro-account-page .pmpro button{ display:inline-flex!important;align-items:center!important;justify-content:center!important; min-height:42px!important;padding:9px 15px!important;border:1px solid var(--ch-theme-blue)!important;border-radius:11px!important; background:var(--ch-theme-blue)!important;color:#fff!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important; } .widget_pmpro_login, .pmpro_login_wrap, .pmpro_login{ color:var(--ch-theme-text)!important; } .widget_pmpro_login input[type="text"], .widget_pmpro_login input[type="email"], .widget_pmpro_login input[type="password"], .pmpro_login_wrap input[type="text"], .pmpro_login_wrap input[type="email"], .pmpro_login_wrap input[type="password"]{ box-sizing:border-box!important;width:100%!important;min-height:44px!important;padding:9px 12px!important; border:1px solid var(--ch-theme-border)!important;border-radius:11px!important;background:var(--ch-theme-surface)!important;color:var(--ch-theme-text)!important; } .widget_pmpro_login input[type="submit"], .widget_pmpro_login button, .pmpro_login_wrap input[type="submit"], .pmpro_login_wrap button{ min-height:42px!important;padding:9px 15px!important;border-radius:11px!important;border:1px solid var(--ch-theme-blue)!important; background:var(--ch-theme-blue)!important;color:#fff!important;font-weight:800!important; } .widget_pmpro_login a,.pmpro_login_wrap a{color:var(--ch-theme-blue)!important;font-weight:700!important} body.ch-theme-login-security-page .wfls-content, body.ch-theme-login-security-page .wfls-block, body.ch-theme-login-security-page .wfls-card, body.ch-theme-login-security-page .wordfence-login-security, body.ch-theme-login-security-page [class*="wordfence-login-security"], body.ch-theme-login-security-page [class*="wfls-"]{ color:var(--ch-theme-text); } body.ch-theme-login-security-page .wfls-block, body.ch-theme-login-security-page .wfls-card, body.ch-theme-login-security-page .wordfence-login-security{ border-color:var(--ch-theme-border)!important; background:var(--ch-theme-surface)!important; border-radius:15px!important; } body.ch-theme-login-security-page input, body.ch-theme-login-security-page select, body.ch-theme-login-security-page textarea{ border:1px solid var(--ch-theme-border)!important;border-radius:10px!important;background:var(--ch-theme-surface)!important;color:var(--ch-theme-text)!important; } body.ch-theme-login-security-page button, body.ch-theme-login-security-page input[type="submit"]{ min-height:40px!important;border-radius:10px!important;background:var(--ch-theme-blue)!important;color:#fff!important;border-color:var(--ch-theme-blue)!important;font-weight:800!important; } body.ch-theme-login-security-page table{color:var(--ch-theme-text)!important;background:var(--ch-theme-surface)!important;border-color:var(--ch-theme-border)!important} html[data-ch-theme-mode="dark"] .ch-theme-header-preview-popup.is-messages-preview, body.ch-theme-mode-dark .ch-theme-header-preview-popup.is-messages-preview, html[data-ch-theme-mode="dark"] .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-heading, body.ch-theme-mode-dark .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-heading{ background:#0f172a!important;color:#f8fafc!important;border-color:#334155!important; } html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-account-page .pmpro_section, html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-account-page .pmpro_card, body.ch-theme-mode-dark.ch-theme-pmpro-account-page .pmpro_section, body.ch-theme-mode-dark.ch-theme-pmpro-account-page .pmpro_card, html[data-ch-theme-mode="dark"] body.ch-theme-login-security-page .wfls-block, html[data-ch-theme-mode="dark"] body.ch-theme-login-security-page .wfls-card, body.ch-theme-mode-dark.ch-theme-login-security-page .wfls-block, body.ch-theme-mode-dark.ch-theme-login-security-page .wfls-card{ background:#0f172a!important;border-color:#334155!important;color:#f8fafc!important; } .ch-theme-account-panel>a{display:flex!important;align-items:center!important;gap:9px!important}.ch-theme-account-item-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;flex:0 0 20px!important}.ch-profile-name-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important}.ch-profile-member-type-row{margin-top:4px!important}.ch-profile-member-type{font-size:11px!important;padding:4px 9px!important}.ch-suggestion-section{font-family:var(--ch-theme-font,inherit)!important}.ch-suggestion-section h2{font-size:22px!important;letter-spacing:-.02em!important}.ch-suggestion-section p{font-size:14px!important;line-height:1.6!important}.ch-announcement-dialog{font-family:var(--ch-theme-font,inherit)!important} .ch-theme-header-preview-popup.is-messages-preview{ width:min(390px,calc(100vw - 24px))!important; max-height:min(620px,78vh)!important; overflow:hidden!important; border-radius:16px!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-theme-header-preview-inner, .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-panel--messages{ display:flex!important; flex-direction:column!important; min-height:0!important; height:min(590px,74vh)!important; overflow:hidden!important; background:var(--ch-theme-surface,#fff)!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-heading{ flex:0 0 auto!important; display:flex!important; align-items:center!important; gap:10px!important; min-height:52px!important; padding:11px 14px!important; border-bottom:1px solid var(--ch-theme-border,#dbe3ec)!important; background:var(--ch-theme-surface,#fff)!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-heading>strong{ flex:1 1 auto!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:var(--ch-theme-text,#172033)!important; font-size:15px!important; font-weight:800!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-heading>a{ flex:0 0 auto!important; color:var(--ch-theme-link,#2563eb)!important; font-size:12px!important; font-weight:700!important; text-decoration:none!important; } .ch-quick-message-list{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overscroll-behavior:contain!important; padding:4px 0!important; } .ch-quick-message-row{ appearance:none!important; display:grid!important; grid-template-columns:46px minmax(0,1fr) auto!important; gap:10px!important; align-items:center!important; width:100%!important; min-height:66px!important; margin:0!important; padding:9px 12px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; text-align:left!important; cursor:pointer!important; } .ch-quick-message-row:hover, .ch-quick-message-row:focus-visible{ background:var(--ch-theme-soft,#f4f7fb)!important; outline:none!important; } .ch-quick-message-row.is-unread{background:rgba(37,99,235,.055)!important} .ch-quick-message-avatar, .ch-quick-message-avatar img{ display:block!important; width:46px!important; height:46px!important; border-radius:50%!important; object-fit:cover!important; } .ch-quick-message-copy{display:block!important;min-width:0!important} .ch-quick-message-title-line{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important} .ch-quick-message-title-line strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--ch-theme-text,#172033)!important;font-size:13px!important;font-weight:800!important} .ch-quick-message-title-line small{flex:0 0 auto!important;padding:2px 6px!important;border-radius:999px!important;background:rgba(37,99,235,.1)!important;color:#2563eb!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important} .ch-quick-message-excerpt{display:block!important;margin-top:3px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--ch-theme-muted,#64748b)!important;font-size:12px!important;line-height:1.35!important} .ch-quick-message-meta{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:5px!important;color:var(--ch-theme-muted,#64748b)!important;font-size:10px!important;white-space:nowrap!important} .ch-quick-message-unread{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#2563eb!important;color:#fff!important;font-size:9px!important;font-weight:900!important} .ch-quick-message-empty{padding:28px 16px!important;color:var(--ch-theme-muted,#64748b)!important;text-align:center!important} .ch-message-back{ appearance:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 32px!important; width:32px!important; height:32px!important; padding:0!important; border:0!important; border-radius:50%!important; background:transparent!important; color:var(--ch-theme-text,#172033)!important; box-shadow:none!important; font-size:20px!important; line-height:1!important; cursor:pointer!important; } .ch-message-back:hover,.ch-message-back:focus-visible{background:var(--ch-theme-soft,#f4f7fb)!important;outline:none!important} .ch-quick-message-thread-body{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overscroll-behavior:contain!important; padding:14px 12px!important; background:var(--ch-theme-page,#f7f9fc)!important; } .ch-quick-message-bubble-row{display:flex!important;align-items:flex-end!important;gap:7px!important;margin:8px 0!important} .ch-quick-message-bubble-row.is-mine{justify-content:flex-end!important} .ch-quick-message-bubble-avatar,.ch-quick-message-bubble-avatar img{display:block!important;width:30px!important;height:30px!important;border-radius:50%!important;object-fit:cover!important} .ch-quick-message-bubble{max-width:78%!important;padding:8px 10px!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:14px 14px 14px 4px!important;background:var(--ch-theme-surface,#fff)!important;color:var(--ch-theme-text,#172033)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important} .ch-quick-message-bubble-row.is-mine .ch-quick-message-bubble{border-color:#2563eb!important;border-radius:14px 14px 4px 14px!important;background:#2563eb!important;color:#fff!important} .ch-quick-message-bubble p{margin:0!important;color:inherit!important;font-size:13px!important;line-height:1.42!important} .ch-quick-message-bubble .ch-quick-message-sender{display:block!important;margin:0 0 3px!important;color:var(--ch-theme-muted,#64748b)!important;font-size:10px!important;font-weight:800!important} .ch-quick-message-bubble time{display:block!important;margin-top:4px!important;color:var(--ch-theme-muted,#64748b)!important;font-size:9px!important;opacity:.85!important} .ch-quick-message-bubble-row.is-mine .ch-quick-message-bubble time{color:rgba(255,255,255,.78)!important;text-align:right!important} .ch-quick-message-compose{ flex:0 0 auto!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:8px!important; align-items:end!important; padding:10px 11px!important; border-top:1px solid var(--ch-theme-border,#dbe3ec)!important; background:var(--ch-theme-surface,#fff)!important; } .ch-quick-message-compose textarea{ box-sizing:border-box!important; width:100%!important; min-height:42px!important; max-height:110px!important; margin:0!important; padding:10px 11px!important; resize:vertical!important; border:1px solid var(--ch-theme-border,#cbd5e1)!important; border-radius:12px!important; background:var(--ch-theme-input,#fff)!important; color:var(--ch-theme-text,#172033)!important; box-shadow:none!important; font:inherit!important; font-size:13px!important; line-height:1.35!important; } .ch-quick-message-compose textarea:focus{border-color:#2563eb!important;outline:2px solid rgba(37,99,235,.14)!important;outline-offset:0!important} .ch-quick-message-send{ appearance:none!important; min-width:62px!important; min-height:42px!important; margin:0!important; padding:0 13px!important; border:0!important; border-radius:11px!important; background:#2563eb!important; color:#fff!important; box-shadow:none!important; font-size:12px!important; font-weight:800!important; cursor:pointer!important; } .ch-quick-message-send:disabled{opacity:.6!important;cursor:wait!important} .ch-quick-message-status{grid-column:1/-1!important;min-height:0!important;color:var(--ch-theme-muted,#64748b)!important;font-size:10px!important} html[data-ch-theme-mode="dark"] .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-panel--messages, body.ch-theme-mode-dark .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-panel--messages, html[data-ch-theme-mode="dark"] .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-heading, body.ch-theme-mode-dark .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-heading, html[data-ch-theme-mode="dark"] .ch-quick-message-compose, body.ch-theme-mode-dark .ch-quick-message-compose{background:var(--ch-theme-surface,#101b2c)!important} html[data-ch-theme-mode="dark"] .ch-quick-message-thread-body, body.ch-theme-mode-dark .ch-quick-message-thread-body{background:#0b1422!important} html[data-ch-theme-mode="dark"] .ch-quick-message-row:hover, html[data-ch-theme-mode="dark"] .ch-quick-message-row:focus-visible, body.ch-theme-mode-dark .ch-quick-message-row:hover, body.ch-theme-mode-dark .ch-quick-message-row:focus-visible{background:rgba(255,255,255,.055)!important} html[data-ch-theme-mode="dark"] .ch-quick-message-bubble, body.ch-theme-mode-dark .ch-quick-message-bubble{background:#152238!important;border-color:#26364f!important;color:#f8fafc!important} html[data-ch-theme-mode="dark"] .ch-quick-message-compose textarea, body.ch-theme-mode-dark .ch-quick-message-compose textarea{background:#0f1b2d!important;border-color:#334155!important;color:#f8fafc!important} @media(max-width:600px){ .ch-theme-header-preview-popup.is-messages-preview{left:10px!important;right:10px!important;width:auto!important;max-height:calc(100vh - 86px)!important} .ch-theme-header-preview-popup.is-messages-preview .ch-theme-header-preview-inner, .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-panel--messages{height:min(620px,calc(100vh - 100px))!important} } .ch-activity-destination-row{margin-top:4px;font-size:.82rem;line-height:1.35;color:var(--ch-theme-muted,#707780);display:flex;gap:4px;align-items:center;flex-wrap:wrap} .ch-activity-destination-row a{font-weight:700;color:inherit;text-decoration:none} .ch-activity-destination-row a:hover{text-decoration:underline} .ch-group-composer-shell{margin-bottom:18px} .ch-group-composer-shell .ch-composer{margin:0} .ch-composer-destination--locked .ch-composer-destination-control strong{font-size:.92rem;line-height:1.2} body:not(.wp-admin) #mycred-notifications, body:not(.wp-admin) #mycred-notice, body:not(.wp-admin) .mycred-notifications, body:not(.wp-admin) .mycred-notification, body:not(.wp-admin) .mycred-notice, body:not(.wp-admin) .mycred-toast, body:not(.wp-admin) .mycred-snackbar, body:not(.wp-admin) [class*="mycred"][class*="notice"], body:not(.wp-admin) [class*="mycred"][class*="notification"]{ box-sizing:border-box!important; max-width:min(92vw,420px)!important; padding:12px 16px!important; border:1px solid rgba(30,64,175,.22)!important; border-radius:14px!important; background:#ffffff!important; color:#172033!important; box-shadow:0 14px 34px rgba(15,23,42,.18)!important; font-size:14px!important; font-weight:650!important; line-height:1.4!important; letter-spacing:0!important; text-shadow:none!important; overflow-wrap:anywhere!important; } body:not(.wp-admin) [class*="mycred"][class*="notice"] a, body:not(.wp-admin) [class*="mycred"][class*="notification"] a, body:not(.wp-admin) #mycred-notifications a, body:not(.wp-admin) #mycred-notice a{ color:#1d4ed8!important; font-weight:800!important; } html[data-ch-theme-mode="dark"] body:not(.wp-admin) #mycred-notifications, html[data-ch-theme-mode="dark"] body:not(.wp-admin) #mycred-notice, html[data-ch-theme-mode="dark"] body:not(.wp-admin) .mycred-notifications, html[data-ch-theme-mode="dark"] body:not(.wp-admin) .mycred-notification, html[data-ch-theme-mode="dark"] body:not(.wp-admin) .mycred-notice, html[data-ch-theme-mode="dark"] body:not(.wp-admin) .mycred-toast, html[data-ch-theme-mode="dark"] body:not(.wp-admin) .mycred-snackbar, body.ch-theme-mode-dark:not(.wp-admin) [class*="mycred"][class*="notice"], body.ch-theme-mode-dark:not(.wp-admin) [class*="mycred"][class*="notification"]{ border-color:rgba(148,163,184,.26)!important; background:#111827!important; color:#f8fafc!important; box-shadow:0 14px 36px rgba(0,0,0,.42)!important; } html[data-ch-theme-mode="dark"] body:not(.wp-admin) [class*="mycred"][class*="notice"] a, html[data-ch-theme-mode="dark"] body:not(.wp-admin) [class*="mycred"][class*="notification"] a, body.ch-theme-mode-dark:not(.wp-admin) [class*="mycred"][class*="notice"] a, body.ch-theme-mode-dark:not(.wp-admin) [class*="mycred"][class*="notification"] a{ color:#93c5fd!important; } @media (min-width:1180px){ .ch-theme-container--community:has(.ch-theme-community-shell:not(.ch-theme-community-shell--community)){ width:min(100% - 20px,1540px)!important; max-width:1540px!important; --ch-social-stack-width:820px; --ch-social-widget-width:340px; --ch-social-widget-gap:8px; } .ch-theme-community-shell:not(.ch-theme-community-shell--community).ch-theme-layout--sidebar{ display:grid!important; align-items:start!important; justify-content:center!important; gap:var(--ch-social-widget-gap,6px)!important; column-gap:var(--ch-social-widget-gap,6px)!important; } .ch-theme-community-shell:not(.ch-theme-community-shell--community).ch-theme-layout--sidebar-both{ grid-template-columns:minmax(300px,var(--ch-social-widget-width)) minmax(0,var(--ch-social-stack-width)) minmax(300px,var(--ch-social-widget-width))!important; } .ch-theme-community-shell:not(.ch-theme-community-shell--community).ch-theme-layout--sidebar-left{ grid-template-columns:minmax(300px,var(--ch-social-widget-width)) minmax(0,var(--ch-social-stack-width))!important; } .ch-theme-community-shell:not(.ch-theme-community-shell--community).ch-theme-layout--sidebar-right{ grid-template-columns:minmax(0,var(--ch-social-stack-width)) minmax(300px,var(--ch-social-widget-width))!important; } .ch-theme-community-shell:not(.ch-theme-community-shell--community) .ch-theme-sidebar--left{ justify-self:end!important;width:100%!important;max-width:var(--ch-social-widget-width,340px)!important;margin-right:0!important;padding-right:0!important; } .ch-theme-community-shell:not(.ch-theme-community-shell--community) .ch-theme-sidebar--right{ justify-self:start!important;width:100%!important;max-width:var(--ch-social-widget-width,340px)!important;margin-left:0!important;padding-left:0!important; } .ch-theme-community-shell:not(.ch-theme-community-shell--community) .ch-theme-community-content-wrap{ justify-self:center!important;width:100%!important;margin-left:0!important;margin-right:0!important; } } .ch-reward-toast{ position:fixed;right:20px;bottom:24px;z-index:2147483200;display:flex;align-items:center;gap:11px; box-sizing:border-box;min-width:260px;max-width:min(92vw,390px);padding:13px 15px;border:1px solid #d8e1ec; border-radius:14px;background:#fff;color:#172033;box-shadow:0 14px 36px rgba(15,23,42,.22); opacity:0;transform:translateY(12px) scale(.98);transition:opacity .2s ease,transform .2s ease;pointer-events:none; } .ch-reward-toast.is-visible{opacity:1;transform:translateY(0) scale(1)} .ch-reward-toast-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#f2c94c;color:#3b2b00;font-size:18px;font-weight:900} .ch-reward-toast-copy{display:grid;gap:2px;min-width:0;line-height:1.25} .ch-reward-toast-copy strong{color:inherit;font-size:13px;font-weight:800} .ch-reward-toast-copy span{color:#4b5565;font-size:12px;font-weight:650} html[data-ch-theme-mode="dark"] .ch-reward-toast,body.ch-theme-mode-dark .ch-reward-toast{border-color:#334155;background:#111827;color:#f8fafc;box-shadow:0 16px 42px rgba(0,0,0,.46)} html[data-ch-theme-mode="dark"] .ch-reward-toast-copy span,body.ch-theme-mode-dark .ch-reward-toast-copy span{color:#cbd5e1} @media(max-width:782px){.ch-reward-toast{left:12px;right:12px;bottom:86px;max-width:none;min-width:0}} .ch-theme-header-preview-popup.is-messages-preview{ width:min(430px,calc(100vw - 24px))!important; max-width:430px!important; max-height:min(620px,78vh)!important; overflow:hidden!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-theme-header-preview-inner, .ch-theme-header-preview-popup.is-messages-preview .ch-quick-preview-panel--messages{ overflow:hidden!important; max-height:inherit!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-quick-message-list{ max-height:min(520px,66vh)!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; scrollbar-gutter:stable; } .ch-theme-header-preview-popup.is-messages-preview .ch-quick-message-row{ width:100%; cursor:pointer; } body.ch-theme-better-messages-page .ch-theme-main, body.ch-theme-better-messages-page #primary, body.ch-theme-better-messages-page .site-main{ width:100%!important; max-width:none!important; } body.ch-theme-better-messages-page .ch-theme-container, body.ch-theme-better-messages-page .entry-content, body.ch-theme-better-messages-page .page-content{ width:min(1240px,calc(100% - 32px))!important; max-width:1240px!important; margin-inline:auto!important; } body.ch-theme-better-messages-page .bp-messages-wrap-main, body.ch-theme-better-messages-page .bp-messages-wrap{ width:100%!important; max-width:1180px!important; min-height:min(760px,calc(100vh - 180px))!important; margin:22px auto 40px!important; border:1px solid var(--ch-theme-border,#d8e4f2)!important; border-radius:18px!important; background:var(--ch-theme-surface,#fff)!important; box-shadow:0 18px 48px rgba(15,23,42,.10)!important; overflow:hidden!important; } @media(max-width:782px){ .ch-theme-header-preview-popup.is-messages-preview{ left:8px!important;right:8px!important;width:auto!important;max-width:none!important; max-height:72vh!important; } .ch-theme-header-preview-popup.is-messages-preview .ch-quick-message-list{max-height:60vh!important} body.ch-theme-better-messages-page .ch-theme-container, body.ch-theme-better-messages-page .entry-content, body.ch-theme-better-messages-page .page-content{width:100%!important;max-width:none!important} body.ch-theme-better-messages-page .bp-messages-wrap-main, body.ch-theme-better-messages-page .bp-messages-wrap{ margin:0!important;border:0!important;border-radius:0!important;min-height:calc(100dvh - var(--ch-theme-header-height,64px))!important;box-shadow:none!important } } .ch-post-reaction-wrap .ch-reaction-summary{ display:inline-flex;align-items:center;gap:2px;margin-left:5px;vertical-align:middle; } .ch-post-reaction-wrap .ch-reaction-summary:empty{display:none} .ch-post-reaction-wrap .ch-reaction-summary-item{ display:inline-flex;align-items:center;justify-content:center;line-height:1; } .ch-post-reaction-wrap .ch-reaction-summary-item .ch-reaction-emoji{font-size:16px;line-height:1} .ch-post-reaction-wrap .ch-reaction-summary-item .ch-reaction-icon-img{width:17px;height:17px;object-fit:contain;border-radius:0} body:not(.wp-admin) #mycred-notifications *, body:not(.wp-admin) #mycred-notice *, body:not(.wp-admin) .mycred-notifications *, body:not(.wp-admin) .mycred-notification *, body:not(.wp-admin) .mycred-notice *, body:not(.wp-admin) .mycred-toast *, body:not(.wp-admin) .mycred-snackbar *, body:not(.wp-admin) [class*="mycred"][class*="notice"] *, body:not(.wp-admin) [class*="mycred"][class*="notification"] *{ color:#172033!important;text-shadow:none!important; } html[data-ch-theme-mode="dark"] body:not(.wp-admin) #mycred-notifications *, html[data-ch-theme-mode="dark"] body:not(.wp-admin) #mycred-notice *, html[data-ch-theme-mode="dark"] body:not(.wp-admin) .mycred-notifications *, html[data-ch-theme-mode="dark"] body:not(.wp-admin) .mycred-notification *, html[data-ch-theme-mode="dark"] body:not(.wp-admin) .mycred-notice *, html[data-ch-theme-mode="dark"] body:not(.wp-admin) .mycred-toast *, html[data-ch-theme-mode="dark"] body:not(.wp-admin) .mycred-snackbar *, body.ch-theme-mode-dark:not(.wp-admin) [class*="mycred"][class*="notice"] *, body.ch-theme-mode-dark:not(.wp-admin) [class*="mycred"][class*="notification"] *{ color:#f8fafc!important; } body:not(.wp-admin) #mycred-notifications a, body:not(.wp-admin) #mycred-notice a, body:not(.wp-admin) [class*="mycred"][class*="notice"] a, body:not(.wp-admin) [class*="mycred"][class*="notification"] a{color:#1d4ed8!important} html[data-ch-theme-mode="dark"] body:not(.wp-admin) #mycred-notifications a, html[data-ch-theme-mode="dark"] body:not(.wp-admin) #mycred-notice a, html[data-ch-theme-mode="dark"] body:not(.wp-admin) [class*="mycred"][class*="notice"] a, html[data-ch-theme-mode="dark"] body:not(.wp-admin) [class*="mycred"][class*="notification"] a{color:#93c5fd!important} body.ch-theme-better-messages-page .bp-messages-wrap-main, body.ch-theme-better-messages-page .bp-messages-wrap{ width:100%!important;max-width:none!important;box-sizing:border-box!important; min-height:640px!important;height:min(76vh,820px)!important; border:1px solid var(--ch-theme-border)!important;border-radius:16px!important; overflow:hidden!important;box-shadow:var(--ch-theme-soft-shadow)!important; } body.ch-theme-better-messages-page .bp-messages-wrap .chat-footer{min-height:58px!important;} @media(max-width:782px){ body.ch-theme-better-messages-page .bp-messages-wrap-main, body.ch-theme-better-messages-page .bp-messages-wrap{ height:calc(100dvh - var(--ch-theme-header-height,64px))!important; min-height:0!important;border-radius:0!important;border-left:0!important;border-right:0!important; } } .ch-theme-header-icon-button > .ch-theme-unread-badge.ch-theme-header-unread-badge{ width:auto!important;min-width:18px!important;max-width:28px!important;height:18px!important; padding:0 4px!important;border-radius:999px!important;font-size:9px!important;font-weight:750!important; line-height:18px!important;letter-spacing:-.01em!important;font-family:Arial,Helvetica,sans-serif!important; font-variant-numeric:tabular-nums!important; } @keyframes chRewardArrival{ 0%{opacity:0;transform:translateY(18px) scale(.88) rotate(-1deg);filter:blur(2px)} 58%{opacity:1;transform:translateY(-3px) scale(1.035) rotate(.25deg);filter:blur(0)} 100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)} } @keyframes chRewardGoldPulse{ 0%,100%{box-shadow:0 16px 44px rgba(0,0,0,.34),0 0 0 1px rgba(200,168,75,.28),0 0 18px rgba(200,168,75,.22)} 50%{box-shadow:0 18px 52px rgba(0,0,0,.42),0 0 0 2px rgba(245,211,105,.55),0 0 34px rgba(200,168,75,.48)} } @keyframes chRewardStarSpin{ 0%{transform:scale(.7) rotate(-25deg)}55%{transform:scale(1.18) rotate(12deg)}100%{transform:scale(1) rotate(0)} } .ch-reward-toast{ right:22px!important;bottom:26px!important;min-width:300px!important;max-width:min(92vw,430px)!important; padding:15px 17px!important;gap:13px!important;border:2px solid #c8a84b!important;border-radius:16px!important; background:linear-gradient(145deg,#11100c 0%,#17150f 55%,#0b0b0a 100%)!important;color:#f5f0e8!important; box-shadow:0 16px 44px rgba(0,0,0,.34),0 0 0 1px rgba(200,168,75,.28),0 0 18px rgba(200,168,75,.22)!important; } .ch-reward-toast.is-visible{ animation:chRewardArrival .48s cubic-bezier(.18,.89,.32,1.28) both,chRewardGoldPulse 1.65s ease-in-out .45s 2!important; } .ch-reward-toast-icon{ width:42px!important;height:42px!important;flex-basis:42px!important;border:1px solid rgba(245,240,232,.26)!important; background:radial-gradient(circle at 35% 30%,#f5d975 0%,#c8a84b 48%,#8d7024 100%)!important; color:#080808!important;font-size:21px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 5px 16px rgba(200,168,75,.28)!important; animation:chRewardStarSpin .6s cubic-bezier(.18,.89,.32,1.28) both; } .ch-reward-toast-copy strong{font-size:14px!important;font-weight:850!important;letter-spacing:.01em!important;color:#f5f0e8!important} .ch-reward-toast-copy span{font-size:13px!important;font-weight:800!important;color:#e6c75f!important;letter-spacing:.015em!important} @media(max-width:782px){ .ch-reward-toast{left:12px!important;right:12px!important;bottom:88px!important;min-width:0!important} } body:not(.wp-admin) #mycred-notifications, body:not(.wp-admin) #mycred-notice, body:not(.wp-admin) .mycred-notifications, body:not(.wp-admin) .mycred-notification, body:not(.wp-admin) .mycred-notice, body:not(.wp-admin) .mycred-toast, body:not(.wp-admin) .mycred-snackbar, body:not(.wp-admin) [class*="mycred"][class*="notice"], body:not(.wp-admin) [class*="mycred"][class*="notification"]{ border:2px solid #c8a84b!important;border-radius:15px!important; background:linear-gradient(145deg,#11100c,#17150f 58%,#0b0b0a)!important;color:#f5f0e8!important; box-shadow:0 16px 44px rgba(0,0,0,.36),0 0 24px rgba(200,168,75,.30)!important; } body:not(.wp-admin) #mycred-notifications *, body:not(.wp-admin) #mycred-notice *, body:not(.wp-admin) .mycred-notifications *, body:not(.wp-admin) .mycred-notification *, body:not(.wp-admin) .mycred-notice *, body:not(.wp-admin) .mycred-toast *, body:not(.wp-admin) .mycred-snackbar *, body:not(.wp-admin) [class*="mycred"][class*="notice"] *, body:not(.wp-admin) [class*="mycred"][class*="notification"] *{color:#f5f0e8!important;text-shadow:none!important} body.ch-theme-better-messages-page .ch-theme-container, body.ch-theme-better-messages-page .entry-content, body.ch-theme-better-messages-page .page-content{ width:100%!important;max-width:900px!important;margin-inline:auto!important; } body.ch-theme-better-messages-page .bp-messages-wrap-main, body.ch-theme-better-messages-page .bp-messages-wrap{ width:100%!important;max-width:820px!important;height:min(720px,calc(100vh - 170px))!important; min-height:560px!important;margin:18px auto 34px!important;border-radius:16px!important; } @media(max-width:782px){ body.ch-theme-better-messages-page .ch-theme-container, body.ch-theme-better-messages-page .entry-content, body.ch-theme-better-messages-page .page-content{width:100%!important;max-width:none!important} body.ch-theme-better-messages-page .bp-messages-wrap-main, body.ch-theme-better-messages-page .bp-messages-wrap{ width:100%!important;max-width:none!important;height:calc(100dvh - var(--ch-theme-header-height,64px))!important; min-height:0!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important; } } @media (max-width: 782px) { body.ch-theme .ch-theme-sidebar, body.ch-theme .ch-theme-community-sidebar { display: none !important; } body.ch-theme .ch-theme-layout, body.ch-theme .ch-theme-layout--sidebar, body.ch-theme .ch-theme-layout--sidebar-left, body.ch-theme .ch-theme-layout--sidebar-right, body.ch-theme .ch-theme-layout--sidebar-both, body.ch-theme .ch-theme-community-shell, body.ch-theme .ch-theme-community-shell.ch-theme-layout--sidebar-left, body.ch-theme .ch-theme-community-shell.ch-theme-layout--sidebar-right, body.ch-theme .ch-theme-community-shell.ch-theme-layout--sidebar-both { grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } body.ch-theme .ch-theme-page-shell, body.ch-theme .ch-theme-community-content-wrap { min-width: 0 !important; max-width: 100% !important; } } body.ch-theme-better-messages-page .bp-messages-wrap-main{ width:min(100%,900px)!important;max-width:900px!important;height:min(760px,calc(100vh - 150px))!important;min-height:580px!important;margin:18px auto 34px!important;border-radius:16px!important;overflow:hidden!important } @media(max-width:782px){ body.ch-theme-better-messages-page .bp-messages-wrap-main{width:100%!important;max-width:none!important;height:calc(100dvh - var(--ch-theme-header-height,64px) - env(safe-area-inset-bottom))!important;min-height:0!important;margin:0!important;border-radius:0!important} } @media(max-width:782px){ .ch-theme-back-to-top{width:42px!important;height:42px!important;--ch-btt-size:42px!important;--ch-btt-edge:12px!important} .ch-theme-back-to-top-icon{font-size:20px!important} } @media(max-width:782px){ .ch-theme-community-bar--bottom .ch-theme-community-nav, .ch-theme-community-bar--bottom .ch-theme-menu-list--community{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;align-items:center!important;justify-content:stretch!important;gap:2px!important;width:100%!important;padding-inline:5px!important} .ch-theme-community-bar--bottom .ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a{width:100%!important;min-width:0!important;justify-content:center!important;text-align:center!important;padding:7px 4px!important} .ch-theme-community-bar--bottom .ch-theme-menu-list--community>li{min-width:0!important;margin:0!important;text-align:center!important} } @media(max-width:782px){ body.ch-theme .ch-theme-community-shell--saved, body.ch-theme .ch-theme-community-shell--saved .ch-theme-community-content-wrap, body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-page, body.ch-theme .ch-theme-community-shell--saved .ch-feed, body.ch-theme .ch-theme-community-shell--saved .ch-activity-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} body.ch-theme .ch-theme-community-shell--saved{overflow-x:clip!important} body.ch-theme .ch-theme-community-shell--saved img,body.ch-theme .ch-theme-community-shell--saved video,body.ch-theme .ch-theme-community-shell--saved iframe{max-width:100%!important} } @media(max-width:782px){ body.woocommerce .ch-theme-container,body.woocommerce-page .ch-theme-container{width:calc(100% - 16px)!important;max-width:none!important;padding-inline:0!important} body.woocommerce ul.products,body.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important} body.woocommerce ul.products li.product,body.woocommerce-page ul.products li.product{width:auto!important;float:none!important;margin:0!important;padding:10px!important;border-radius:13px!important;min-width:0!important} body.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;line-height:1.25!important;padding:.5em 0 .25em!important} body.woocommerce ul.products li.product .price{font-size:13px!important;margin-bottom:7px!important} body.woocommerce ul.products li.product .button{font-size:12px!important;min-height:38px!important;padding:8px 10px!important;width:100%!important;margin-top:5px!important} body.single-product div.product{display:block!important} body.single-product div.product .summary{padding-inline:2px!important} body.woocommerce-cart table.shop_table,body.woocommerce-checkout table.shop_table{font-size:13px!important} } @media(max-width:390px){body.woocommerce ul.products,body.woocommerce-page ul.products{gap:8px!important}} .ch-reward-toast, body:not(.wp-admin) .mycred-notification, body:not(.wp-admin) .mycred-notice{ border-color:#c8a84b!important;background:linear-gradient(135deg,#090909 0%,#16130a 55%,#090909 100%)!important;color:#f5f0e8!important;box-shadow:0 18px 54px rgba(0,0,0,.46),0 0 0 1px rgba(245,211,105,.32),0 0 34px rgba(200,168,75,.38)!important } @media(max-width:782px){ .ch-reward-toast{left:10px!important;right:10px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;max-width:none!important;padding:13px 14px!important;border-radius:15px!important} .ch-reward-toast-icon{width:38px!important;height:38px!important;flex-basis:38px!important} .ch-reward-toast-copy strong{font-size:13px!important}.ch-reward-toast-copy span{font-size:12px!important} body:not(.wp-admin) .mycred-notification,body:not(.wp-admin) .mycred-notice,body:not(.wp-admin) [class*="mycred"][class*="notification"]{left:10px!important;right:10px!important;top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;font-size:13px!important;padding:13px 14px!important} } body.ch-theme-better-messages-page .ch-theme-community-shell, body.ch-theme-better-messages-page .ch-theme-layout { grid-template-columns:minmax(0,1fr) !important; } body.ch-theme-better-messages-page .ch-theme-sidebar, body.ch-theme-better-messages-page .ch-theme-community-sidebar { display:none !important; } body.ch-theme-better-messages-page .ch-profile-content .bp-messages-wrap, body.ch-theme-better-messages-page #primary .bp-messages-wrap:not(.bp-better-messages-list):not(.bp-better-messages-mini) { width:min(100%,960px) !important;max-width:960px !important;min-width:0 !important;height:min(760px,calc(100dvh - 150px)) !important; min-height:560px !important;margin:14px auto 34px !important;border-radius:18px !important;overflow:hidden !important; box-shadow:0 16px 46px rgba(15,23,42,.13) !important; } @media(max-width:782px){ body.ch-theme-better-messages-page .ch-theme-community-bar--bottom{display:none !important} body.ch-theme-better-messages-page .ch-profile-header-card, body.ch-theme-better-messages-page .ch-profile-tabs{display:none !important} body.ch-theme-better-messages-page .ch-theme-main, body.ch-theme-better-messages-page .ch-theme-container--community, body.ch-theme-better-messages-page .ch-theme-community-content-wrap{padding:0 !important;margin:0 !important;width:100% !important;max-width:none !important} body.ch-theme-better-messages-page .ch-profile-content .bp-messages-wrap, body.ch-theme-better-messages-page #primary .bp-messages-wrap:not(.bp-better-messages-list):not(.bp-better-messages-mini){ width:100% !important;max-width:none !important;height:calc(100dvh - var(--ch-theme-header-height,64px)) !important;min-height:0 !important; margin:0 !important;border-radius:0 !important;box-shadow:none !important; } } body.ch-theme-membership-hub .ch-theme-page-shell{max-width:980px!important;margin-inline:auto!important} .ch-membership-hub-shell{display:grid;gap:14px;max-width:960px;margin:12px auto 32px} .ch-membership-hub-header{display:grid;gap:5px;padding:20px 22px 0;border:1px solid var(--ch-theme-border,#dbe3ec);border-radius:20px;background:var(--ch-theme-surface,#fff);overflow:hidden} .ch-membership-hub-kicker{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--ch-theme-accent,#2563eb)} .ch-membership-hub-header h1{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.08;color:var(--ch-theme-text,#0f172a)} .ch-membership-hub-tabs{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.ch-membership-hub-tabs::-webkit-scrollbar{display:none}.ch-membership-hub-tab{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border-radius:12px 12px 0 0;color:var(--ch-theme-muted,#64748b)!important;text-decoration:none!important;font-weight:850;border-bottom:3px solid transparent}.ch-membership-hub-tab.is-active{color:var(--ch-theme-text,#0f172a)!important;border-bottom-color:var(--ch-theme-accent,#2563eb);background:color-mix(in srgb,var(--ch-theme-accent,#2563eb) 7%,transparent)} .ch-membership-hub-content{padding:20px 22px;border:1px solid var(--ch-theme-border,#dbe3ec);border-radius:20px;background:var(--ch-theme-surface,#fff);color:var(--ch-theme-text,#0f172a)} .ch-membership-hub-content .pmpro,.ch-membership-hub-content [class*="pmpro"]{max-width:100%!important;box-sizing:border-box!important}.ch-membership-hub-content table{width:100%;border-collapse:separate;border-spacing:0}.ch-membership-hub-content input,.ch-membership-hub-content select,.ch-membership-hub-content textarea{max-width:100%;min-height:44px;border-radius:11px!important}.ch-membership-hub-content .pmpro_btn,.ch-membership-hub-content input[type="submit"],.ch-membership-hub-content button{min-height:42px;border-radius:11px!important;font-weight:850!important} @media(max-width:782px){.ch-membership-hub-shell{margin:8px 8px 24px;gap:10px}.ch-membership-hub-header{padding:16px 14px 0;border-radius:16px}.ch-membership-hub-content{padding:14px;border-radius:16px;overflow-x:hidden}.ch-membership-hub-content table{font-size:12px}.ch-membership-hub-content th,.ch-membership-hub-content td{padding:8px 6px!important}.ch-membership-hub-tab{min-height:40px;padding:7px 11px;font-size:13px}} .ch-suggestion-section{max-width:820px!important;margin-inline:auto!important;padding:22px!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:20px!important;background:var(--ch-theme-surface,#fff)!important;box-shadow:0 12px 34px rgba(15,23,42,.06)!important} .ch-suggestion-section h2,.ch-suggestion-section h3{margin-top:0!important}.ch-suggestion-form{display:grid!important;gap:14px!important}.ch-suggestion-form label{display:grid!important;gap:7px!important;font-size:13px!important;font-weight:850!important;color:var(--ch-theme-text,#0f172a)!important}.ch-suggestion-form input[type="text"],.ch-suggestion-form textarea,.ch-suggestion-form select{width:100%!important;max-width:100%!important;border:1px solid var(--ch-theme-border,#cbd5e1)!important;border-radius:13px!important;background:var(--ch-theme-surface,#fff)!important;color:var(--ch-theme-text,#0f172a)!important;padding:11px 12px!important;font:inherit!important}.ch-suggestion-form textarea{min-height:170px!important;resize:vertical!important}.ch-suggestion-form button,.ch-suggestion-form input[type="submit"]{min-height:44px!important;border-radius:12px!important;font-weight:900!important} @media(max-width:782px){.ch-suggestion-section{margin:8px!important;padding:15px!important;border-radius:16px!important}.ch-suggestion-form textarea{min-height:150px!important}} body:not(.wp-admin) #mycred-notifications, body:not(.wp-admin) #mycred-notice, body:not(.wp-admin) .mycred-notifications, body:not(.wp-admin) .mycred-notification, body:not(.wp-admin) .mycred-notice, body:not(.wp-admin) [class*="mycred"][class*="notification"]{ border:1px solid #c8a84b!important;border-radius:18px!important;background:linear-gradient(135deg,#070707,#1b160a 58%,#070707)!important;color:#f5f0e8!important; box-shadow:0 20px 60px rgba(0,0,0,.46),0 0 0 1px rgba(200,168,75,.22),0 0 34px rgba(200,168,75,.28)!important; } body:not(.wp-admin) #mycred-notifications *,body:not(.wp-admin) #mycred-notice *,body:not(.wp-admin) .mycred-notification *,body:not(.wp-admin) .mycred-notice *{color:#f5f0e8!important;text-shadow:none!important} body:not(.wp-admin) #mycred-notifications strong,body:not(.wp-admin) #mycred-notice strong,body:not(.wp-admin) .mycred-notification strong{color:#f0cf66!important} @media(max-width:782px){body:not(.wp-admin) #mycred-notifications,body:not(.wp-admin) #mycred-notice,body:not(.wp-admin) .mycred-notification,body:not(.wp-admin) .mycred-notice{left:10px!important;right:10px!important;top:auto!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;padding:12px 13px!important;font-size:13px!important;border-radius:16px!important}} body.woocommerce .ch-theme-main--woocommerce .ch-theme-container,body.woocommerce-page .ch-theme-main--woocommerce .ch-theme-container{max-width:1240px!important} .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:16px!important}.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;padding:12px!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:16px!important;background:var(--ch-theme-surface,#fff)!important;box-shadow:0 8px 24px rgba(15,23,42,.05)!important;min-width:0!important}.woocommerce ul.products li.product img{aspect-ratio:1/1!important;object-fit:contain!important;border-radius:12px!important;margin:0 0 9px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;line-height:1.25!important;padding:2px 0 4px!important}.woocommerce ul.products li.product .price{font-size:14px!important;font-weight:850!important}.woocommerce ul.products li.product .button{width:100%!important;min-height:40px!important;margin-top:7px!important;padding:8px 10px!important;border-radius:10px!important;font-size:12px!important} .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .select2-container .select2-selection{min-height:44px!important;border-radius:10px!important}.woocommerce-checkout .col2-set,.woocommerce-account .col2-set{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.woocommerce-checkout-review-order,.woocommerce-cart-form,.cart_totals,.woocommerce-checkout #payment{border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:16px!important;background:var(--ch-theme-surface,#fff)!important;padding:14px!important}.woocommerce table.shop_table{border-collapse:separate!important;border-spacing:0!important;border-radius:14px!important;overflow:hidden!important}.woocommerce .quantity .qty{min-height:40px!important;width:64px!important;border-radius:9px!important} @media(max-width:782px){body.woocommerce .ch-theme-container,body.woocommerce-page .ch-theme-container{width:calc(100% - 12px)!important}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.woocommerce ul.products li.product{padding:8px!important;border-radius:12px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:12px!important;line-height:1.22!important}.woocommerce ul.products li.product .price{font-size:12px!important}.woocommerce ul.products li.product .button{font-size:11px!important;min-height:36px!important;padding:7px 6px!important}.woocommerce-checkout .col2-set,.woocommerce-account .col2-set{grid-template-columns:1fr!important;gap:10px!important}.woocommerce-checkout-review-order,.woocommerce-cart-form,.cart_totals,.woocommerce-checkout #payment{padding:10px!important;border-radius:13px!important}.woocommerce table.shop_table{font-size:11px!important}.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:7px 5px!important}.woocommerce form .form-row{margin-bottom:8px!important}.woocommerce form .form-row label{font-size:12px!important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .select2-container .select2-selection{min-height:40px!important;font-size:13px!important}} @media(max-width:782px){.ch-theme-community-bar--bottom .ch-theme-community-nav,.ch-theme-community-bar--bottom .ch-theme-menu-list--community{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;align-items:center!important;width:100%!important}.ch-theme-community-bar--bottom .ch-theme-nav-pill,.ch-theme-community-bar--bottom .ch-theme-menu-list--community>li>a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-width:0!important;margin:0!important;padding-inline:3px!important}} @media(max-width:782px){body.ch-theme .ch-theme-community-shell--saved,body.ch-theme .ch-theme-community-shell--saved *{box-sizing:border-box}body.ch-theme .ch-theme-community-shell--saved{width:100%!important;max-width:100%!important;overflow-x:clip!important}.ch-theme-community-shell--saved .ch-theme-community-content-wrap,.ch-theme-community-shell--saved .ch-bookmarks-page,.ch-theme-community-shell--saved .ch-feed,.ch-theme-community-shell--saved .ch-activity-card{width:100%!important;max-width:100%!important;min-width:0!important}.ch-theme-community-shell--saved img,.ch-theme-community-shell--saved video,.ch-theme-community-shell--saved iframe{max-width:100%!important}} body.woocommerce .ch-theme-main--woocommerce>.ch-theme-container, body.woocommerce-page .ch-theme-main--woocommerce>.ch-theme-container{width:min(calc(100% - 24px),1280px)!important;max-width:1280px!important;margin-inline:auto!important} .ch-membership-hub-shell{font-family:inherit!important;color:var(--ch-theme-text,#172033)!important} .ch-membership-hub-header{padding:24px 26px 0!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(15,23,42,.07)!important} .ch-membership-hub-kicker{font-size:10.5px!important;font-weight:750!important;letter-spacing:.12em!important} .ch-membership-hub-header h1{font-size:clamp(25px,3vw,34px)!important;font-weight:760!important;letter-spacing:-.025em!important;line-height:1.08!important} .ch-membership-hub-intro{margin:4px 0 0!important;max-width:650px;color:var(--ch-theme-muted,#667085)!important;font-size:13.5px!important;font-weight:480!important;line-height:1.5!important} .ch-membership-hub-tabs{margin-top:16px!important;gap:4px!important;scroll-snap-type:x proximity!important} .ch-membership-hub-tab{scroll-snap-align:start!important;min-height:44px!important;padding:9px 15px!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;border-radius:10px 10px 0 0!important;transition:background .16s ease,color .16s ease,border-color .16s ease!important} .ch-membership-hub-content{position:relative!important;padding:24px 26px!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(15,23,42,.06)!important;transition:opacity .16s ease,transform .16s ease!important} .ch-membership-hub-shell.is-loading .ch-membership-hub-content{opacity:.48!important;transform:translateY(2px)!important;pointer-events:none!important} .ch-membership-hub-shell.is-loading .ch-membership-hub-content::after{content:"";position:absolute;inset:0;margin:auto;width:26px;height:26px;border-radius:50%;border:3px solid color-mix(in srgb,var(--ch-theme-accent,#2563eb) 22%,transparent);border-top-color:var(--ch-theme-accent,#2563eb);animation:chMembershipSpin .7s linear infinite} @keyframes chMembershipSpin{to{transform:rotate(360deg)}} .ch-membership-hub-content h2,.ch-membership-hub-content h3{font-weight:740!important;letter-spacing:-.015em!important;color:var(--ch-theme-text,#172033)!important} .ch-membership-hub-content p,.ch-membership-hub-content td,.ch-membership-hub-content th,.ch-membership-hub-content label{font-weight:470!important;line-height:1.5!important;color:var(--ch-theme-text,#172033)!important} .ch-membership-hub-content .pmpro_btn,.ch-membership-hub-content button,.ch-membership-hub-content input[type="submit"]{font-weight:700!important;letter-spacing:0!important} html[data-ch-theme-mode="dark"] .ch-membership-hub-header,html[data-ch-theme-mode="dark"] .ch-membership-hub-content{box-shadow:0 14px 38px rgba(0,0,0,.24)!important} @media(max-width:782px){ .ch-membership-hub-shell{margin:7px 8px 22px!important} .ch-membership-hub-header{padding:17px 15px 0!important;border-radius:16px!important} .ch-membership-hub-header h1{font-size:25px!important} .ch-membership-hub-intro{font-size:12.5px!important} .ch-membership-hub-tabs{margin-top:12px!important} .ch-membership-hub-tab{min-height:40px!important;padding:7px 11px!important;font-size:12.5px!important} .ch-membership-hub-content{padding:15px!important;border-radius:16px!important} } body.ch-theme .bp-better-messages-list.bm-opened{animation:chBmOpen .2s cubic-bezier(.2,.8,.2,1) both!important;transform-origin:bottom right!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;box-shadow:0 20px 54px rgba(15,23,42,.22)!important} @keyframes chBmOpen{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}} body.single-product .product{color:var(--ch-theme-text,#172033)!important} body.single-product .product .summary{padding:18px!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:18px!important;background:var(--ch-theme-surface,#fff)!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important} body.single-product .product .product_title{font-size:clamp(24px,3vw,34px)!important;line-height:1.12!important;font-weight:760!important;letter-spacing:-.025em!important;color:var(--ch-theme-text,#172033)!important} body.single-product .product .price{font-size:20px!important;font-weight:760!important;color:var(--ch-theme-accent,#0080ff)!important} body.single-product .woocommerce-product-details__short-description,body.single-product .product .summary p,body.single-product .product .summary label{color:var(--ch-theme-text,#172033)!important;line-height:1.55!important} body.single-product .variations,body.single-product .variations td,body.single-product .variations th{color:var(--ch-theme-text,#172033)!important;background:transparent!important} body.single-product select,body.single-product input.qty{color:var(--ch-theme-text,#172033)!important;background:var(--ch-theme-surface,#fff)!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:10px!important} body.single-product .woocommerce-tabs,body.single-product .related.products,body.single-product .up-sells{color:var(--ch-theme-text,#172033)!important} html[data-ch-theme-mode="dark"] body.single-product .product .summary{background:#111827!important;border-color:#334155!important} html[data-ch-theme-mode="dark"] body.single-product select,html[data-ch-theme-mode="dark"] body.single-product input.qty{background:#0f172a!important;border-color:#334155!important;color:#f8fafc!important} @media(max-width:782px){body.single-product .product .summary{padding:14px!important;border-radius:15px!important}body.single-product .product .product_title{font-size:25px!important}body.single-product .product .price{font-size:18px!important}} body.single-product .woocommerce-product-details__short-description{ margin:14px 0 16px!important;padding:12px 14px!important;border-radius:12px!important; background:var(--ch-theme-surface-soft,#f6f8fb)!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important; color:var(--ch-theme-text,#172033)!important;line-height:1.6!important; } body.single-product .woocommerce-product-details__short-description p{margin:0 0 9px!important}body.single-product .woocommerce-product-details__short-description p:last-child{margin-bottom:0!important} html[data-ch-theme-mode="dark"] body.single-product .woocommerce-product-details__short-description{background:#131c2b!important;border-color:#334155!important;color:#f1f5f9!important} @media(max-width:782px){ body:has(.bp-messages-full-screen) .ch-theme-community-bar--bottom, body:has(.bp-messages-mobile) .ch-theme-community-bar--bottom, body:has(.bp-messages-wrap-main [data-full-screen="1"]) .ch-theme-community-bar--bottom{display:none!important} .bp-messages-full-screen,.bp-messages-mobile{z-index:2147483300!important} } @media (min-width:1540px){ body.ch-theme .ch-theme-container--community.ch-theme-community-shell, body.ch-theme .ch-theme-container--community .ch-theme-community-shell{ --ch-social-stack-width:820px; --ch-social-widget-width:340px; --ch-social-widget-gap:8px; } body.ch-theme .ch-theme-container--community.ch-theme-layout--sidebar, body.ch-theme .ch-theme-container--community .ch-theme-community-shell.ch-theme-layout--sidebar{ display:grid!important;align-items:start!important;justify-content:center!important; gap:var(--ch-social-widget-gap)!important;column-gap:var(--ch-social-widget-gap)!important; width:min(calc(100vw - 32px),1516px)!important;max-width:1516px!important;margin-inline:auto!important; } body.ch-theme .ch-theme-container--community.ch-theme-layout--sidebar-both, body.ch-theme .ch-theme-container--community .ch-theme-community-shell.ch-theme-layout--sidebar-both{ grid-template-columns:340px minmax(0,820px) 340px!important; } body.ch-theme .ch-theme-container--community.ch-theme-layout--sidebar-left, body.ch-theme .ch-theme-container--community .ch-theme-community-shell.ch-theme-layout--sidebar-left{ grid-template-columns:340px minmax(0,820px)!important;width:1168px!important;max-width:1168px!important; } body.ch-theme .ch-theme-container--community.ch-theme-layout--sidebar-right, body.ch-theme .ch-theme-container--community .ch-theme-community-shell.ch-theme-layout--sidebar-right{ grid-template-columns:minmax(0,820px) 340px!important;width:1168px!important;max-width:1168px!important; } body.ch-theme .ch-theme-container--community .ch-theme-sidebar, body.ch-theme .ch-theme-container--community.ch-theme-layout--sidebar>.ch-theme-sidebar{ width:340px!important;max-width:340px!important;min-width:340px!important;margin:0!important;padding:0!important; position:sticky!important;top:var(--ch-community-sidebar-sticky-top,88px)!important;align-self:start!important; max-height:none!important;overflow:visible!important; } body.admin-bar.ch-theme .ch-theme-container--community .ch-theme-sidebar, body.admin-bar.ch-theme .ch-theme-container--community.ch-theme-layout--sidebar>.ch-theme-sidebar{ top:var(--ch-community-sidebar-sticky-top,120px)!important; } body.ch-theme .ch-theme-container--community .ch-theme-community-content-wrap, body.ch-theme .ch-theme-container--community.ch-theme-layout--sidebar>.ch-theme-community-content-wrap{ width:820px!important;max-width:820px!important;min-width:0!important;margin:0!important;padding:0!important;justify-self:stretch!important; } body.ch-theme .ch-theme-container--community .ch-theme-sidebar--left{justify-self:end!important} body.ch-theme .ch-theme-container--community .ch-theme-sidebar--right{justify-self:start!important} } @media (min-width:1180px) and (max-width:1539px){ body.ch-theme .ch-theme-container--community.ch-theme-layout--sidebar-left, body.ch-theme .ch-theme-container--community .ch-theme-community-shell.ch-theme-layout--sidebar-left, body.ch-theme .ch-theme-container--community.ch-theme-layout--sidebar-right, body.ch-theme .ch-theme-container--community .ch-theme-community-shell.ch-theme-layout--sidebar-right{ --ch-social-stack-width:820px;--ch-social-widget-width:340px;--ch-social-widget-gap:8px; display:grid!important;justify-content:center!important;gap:8px!important;width:1168px!important;max-width:calc(100vw - 24px)!important;margin-inline:auto!important; } body.ch-theme .ch-theme-container--community.ch-theme-layout--sidebar-left, body.ch-theme .ch-theme-container--community .ch-theme-community-shell.ch-theme-layout--sidebar-left{grid-template-columns:340px minmax(0,820px)!important} body.ch-theme .ch-theme-container--community.ch-theme-layout--sidebar-right, body.ch-theme .ch-theme-container--community .ch-theme-community-shell.ch-theme-layout--sidebar-right{grid-template-columns:minmax(0,820px) 340px!important} } body.ch-theme.ch-bm-chat-open .ch-theme-community-bar--bottom{display:none!important} body.ch-theme .ch-social-embed--x,body.ch-theme .ch-social-embed--facebook{width:100%!important;max-width:100%!important;overflow:visible!important;border-radius:14px!important} body.ch-theme .ch-social-embed--facebook iframe{display:block!important;width:100%!important;max-width:100%!important;border:0!important;overflow:visible!important} body.ch-theme .ch-social-embed--facebook iframe{height:520px!important;min-height:520px!important} body.ch-theme .ch-user-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:20px!important;padding:2px 7px!important;line-height:1!important;vertical-align:middle!important} body.ch-theme .ch-user-badge-img{display:block!important;width:14px!important;height:14px!important;min-width:14px!important;object-fit:contain!important;margin:0!important;border-radius:3px!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.16))} body.ch-theme .ch-user-badge-emoji{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:14px!important;height:14px!important;line-height:14px!important;font-size:12px!important;margin:0!important} body.ch-theme .ch-user-badge-label{display:inline-flex!important;align-items:center!important;line-height:1!important;font-size:10px!important;font-weight:650!important;letter-spacing:.005em!important;margin:0!important;padding:0!important} body.ch-theme.single-product .woocommerce-breadcrumb{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;margin:0 0 14px!important;padding:9px 12px!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:12px!important;background:var(--ch-theme-surface,#fff)!important;color:var(--ch-theme-muted,#64748b)!important;font-size:12px!important;line-height:1.35!important} body.ch-theme.single-product .woocommerce-breadcrumb a{color:var(--ch-theme-text,#172033)!important;font-weight:650!important;text-decoration:none!important} body.ch-theme.single-product .woocommerce-product-details__short-description, body.ch-theme.single-product .woocommerce-product-details__short-description *{color:var(--ch-theme-text,#172033)!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-breadcrumb, body.ch-theme-mode-dark.single-product .woocommerce-breadcrumb{background:#111827!important;border-color:#334155!important;color:#94a3b8!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-breadcrumb a, body.ch-theme-mode-dark.single-product .woocommerce-breadcrumb a{color:#f8fafc!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-product-details__short-description, html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-product-details__short-description *, body.ch-theme-mode-dark.single-product .woocommerce-product-details__short-description, body.ch-theme-mode-dark.single-product .woocommerce-product-details__short-description *{color:#f8fafc!important} @media (max-width:781px){ body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:8px!important; min-width:0!important; overflow:hidden!important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header .ch-bookmarks-actions, body.ch-theme.ch-route-saved .ch-bookmarks-header .ch-bookmarks-actions, body.ch-theme .ch-saved-page .ch-bookmarks-header .ch-bookmarks-actions{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:7px!important; min-width:0!important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-count, body.ch-theme.ch-route-saved .ch-bookmarks-count, body.ch-theme .ch-saved-page .ch-bookmarks-count, body.ch-theme .ch-saved-page .ch-bookmarks-count-zero-move{ position:static!important; inset:auto!important; align-self:flex-start!important; max-width:100%!important; margin:0!important; padding:5px 9px!important; font-size:12px!important; line-height:1.2!important; white-space:normal!important; overflow-wrap:anywhere!important; transform:none!important; } body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-nav, body.ch-theme .ch-saved-page .ch-bookmarks-nav{ position:static!important; inset:auto!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; transform:none!important; } } body.ch-theme.woocommerce .woocommerce-breadcrumb, body.ch-theme.woocommerce-page .woocommerce-breadcrumb{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:5px!important; margin:0 0 14px!important; padding:9px 12px!important; border:1px solid var(--ch-theme-border,#dbe3ec)!important; border-radius:12px!important; background:var(--ch-theme-surface,#fff)!important; color:var(--ch-theme-muted,#64748b)!important; font-size:12px!important; line-height:1.35!important; } body.ch-theme.woocommerce .woocommerce-breadcrumb a, body.ch-theme.woocommerce-page .woocommerce-breadcrumb a{ color:var(--ch-theme-text,#172033)!important; font-weight:650!important; text-decoration:none!important; } body.ch-theme.single-product .woocommerce-tabs .panel, body.ch-theme.single-product .woocommerce-Tabs-panel, body.ch-theme.single-product .woocommerce-Tabs-panel--description{ box-sizing:border-box!important; width:100%!important; margin:0 0 18px!important; padding:18px 20px!important; border:1px solid var(--ch-theme-border,#dbe3ec)!important; border-radius:14px!important; background:var(--ch-theme-surface,#fff)!important; color:var(--ch-theme-text,#172033)!important; line-height:1.62!important; } body.ch-theme.single-product .woocommerce-tabs .panel > :first-child, body.ch-theme.single-product .woocommerce-Tabs-panel > :first-child{margin-top:0!important} body.ch-theme.single-product .woocommerce-tabs .panel > :last-child, body.ch-theme.single-product .woocommerce-Tabs-panel > :last-child{margin-bottom:0!important} body.ch-theme.single-product .woocommerce-tabs .panel :is(p,li,span,strong,em,h1,h2,h3,h4,h5,h6,td,th), body.ch-theme.single-product .woocommerce-Tabs-panel :is(p,li,span,strong,em,h1,h2,h3,h4,h5,h6,td,th){color:inherit!important} body.ch-theme.single-product .woocommerce-tabs .panel ul, body.ch-theme.single-product .woocommerce-tabs .panel ol, body.ch-theme.single-product .woocommerce-Tabs-panel ul, body.ch-theme.single-product .woocommerce-Tabs-panel ol{padding-left:1.35rem!important;margin:.65rem 0 1rem!important} body.ch-theme.single-product .woocommerce-tabs .panel li, body.ch-theme.single-product .woocommerce-Tabs-panel li{margin:.28rem 0!important;padding-left:.12rem!important} html[data-ch-theme-mode="dark"] body.ch-theme.woocommerce .woocommerce-breadcrumb, html[data-ch-theme-mode="dark"] body.ch-theme.woocommerce-page .woocommerce-breadcrumb, body.ch-theme-mode-dark.woocommerce .woocommerce-breadcrumb, body.ch-theme-mode-dark.woocommerce-page .woocommerce-breadcrumb{ background:#111827!important;border-color:#334155!important;color:#94a3b8!important; } html[data-ch-theme-mode="dark"] body.ch-theme.woocommerce .woocommerce-breadcrumb a, html[data-ch-theme-mode="dark"] body.ch-theme.woocommerce-page .woocommerce-breadcrumb a, body.ch-theme-mode-dark.woocommerce .woocommerce-breadcrumb a, body.ch-theme-mode-dark.woocommerce-page .woocommerce-breadcrumb a{color:#f8fafc!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-tabs .panel, html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-Tabs-panel, body.ch-theme-mode-dark.single-product .woocommerce-tabs .panel, body.ch-theme-mode-dark.single-product .woocommerce-Tabs-panel{ background:#111827!important; border-color:#334155!important; color:#e5edf7!important; } @media(max-width:781px){ body.ch-theme.single-product .woocommerce-tabs .panel, body.ch-theme.single-product .woocommerce-Tabs-panel{padding:14px!important;border-radius:12px!important;font-size:13px!important} body.ch-theme.woocommerce .woocommerce-breadcrumb, body.ch-theme.woocommerce-page .woocommerce-breadcrumb{padding:8px 10px!important;font-size:11px!important;margin-bottom:10px!important} } @media (min-width:783px){ body.ch-theme .ch-user-badges.ch-user-badges-icon-only-desktop .ch-user-badge-label{display:none!important} body.ch-theme .ch-user-badges.ch-user-badges-icon-only-desktop .ch-user-badge{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;gap:0!important;justify-content:center!important} body.ch-theme .ch-user-badges.ch-user-badges-icon-only-desktop .ch-user-badge-img{width:17px!important;height:17px!important;min-width:17px!important} body.ch-theme .ch-user-badges.ch-user-badges-icon-only-desktop .ch-user-badge-emoji{width:17px!important;height:17px!important;font-size:14px!important} } @media (max-width:782px){ body.ch-theme .ch-user-badges.ch-user-badges-icon-only-mobile .ch-user-badge-label{display:none!important} body.ch-theme .ch-user-badges.ch-user-badges-icon-only-mobile .ch-user-badge{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;gap:0!important;justify-content:center!important} body.ch-theme .ch-user-badges.ch-user-badges-icon-only-mobile .ch-user-badge-img{width:17px!important;height:17px!important;min-width:17px!important} body.ch-theme .ch-user-badges.ch-user-badges-icon-only-mobile .ch-user-badge-emoji{width:17px!important;height:17px!important;font-size:14px!important} } @media (max-width:781px){ html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell, html body.ch-theme.ch-route-saved .ch-bookmarks-shell, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell, html body.ch-theme .ch-saved-page .ch-bookmarks-shell{ display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;max-width:100%!important;min-width:0!important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero, html body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero{ order:1!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;position:relative!important;inset:auto!important;z-index:1!important; width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:14px 13px 11px!important; border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;overflow:hidden!important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme.ch-route-saved .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme .ch-bookmarks-page .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero .ch-bookmarks-count, html body.ch-theme .ch-saved-page .ch-bookmarks-count-zero-move{ position:static!important;inset:auto!important;display:inline-flex!important;align-self:flex-start!important;width:auto!important;max-width:100%!important;height:auto!important;min-height:28px!important; margin:8px 0 0!important;padding:4px 8px!important;transform:none!important;white-space:nowrap!important;font-size:11px!important;line-height:1.15!important; } html body.ch-theme .ch-theme-community-shell--saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme.ch-route-saved .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-bookmarks-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-saved-page .ch-bookmarks-shell > .ch-bookmarks-nav:not(.ch-bookmarks-nav-in-header), html body.ch-theme .ch-saved-page .ch-bookmarks-nav-zero-move{ order:2!important;position:static!important;inset:auto!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important; gap:7px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;margin:0 0 12px!important;padding:7px 11px 12px!important;transform:none!important; background:var(--ch-theme-surface,#fff)!important;border:1px solid var(--ch-theme-border,#d9e3f0)!important;border-top:0!important;border-radius:0 0 18px 18px!important;box-shadow:0 14px 32px rgba(16,24,40,.06)!important;overflow:hidden!important; } html body.ch-theme .ch-saved-page .ch-bookmarks-nav a{flex:0 0 auto!important;min-height:32px!important;padding:7px 10px!important;margin:0!important;white-space:nowrap!important} html body.ch-theme .ch-saved-page .ch-bookmarks-list, html body.ch-theme .ch-saved-page .ch-bookmarks-empty, html body.ch-theme .ch-saved-page .ch-feed{order:3!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-saved-page .ch-bookmarks-nav, body.ch-theme-mode-dark .ch-saved-page .ch-bookmarks-nav{background:#111827!important;border-color:#263241!important} } body.ch-theme .ch-social-embed{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:10px auto 0!important;overflow:hidden!important} body.ch-theme .ch-social-embed iframe{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 auto!important;border:0!important} body.ch-theme .ch-social-embed--facebook iframe{height:520px!important;min-height:420px!important} body.ch-theme .ch-social-embed--instagram iframe{height:760px!important;min-height:560px!important} body.ch-theme .ch-social-embed--tiktok iframe{height:740px!important;min-height:560px!important} @media(max-width:781px){ body.ch-theme .ch-social-embed--facebook iframe{height:min(72dvh,620px)!important;min-height:360px!important} body.ch-theme .ch-social-embed--instagram iframe{height:min(82dvh,760px)!important;min-height:520px!important} body.ch-theme .ch-social-embed--tiktok iframe{height:min(82dvh,740px)!important;min-height:520px!important} } body.ch-theme.single-product .woocommerce-tabs ul.tabs, body.ch-theme.single-product .woocommerce-tabs .wc-tabs{ display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important; } body.ch-theme.single-product .woocommerce-tabs ul.tabs::before, body.ch-theme.single-product .woocommerce-tabs ul.tabs::after{display:none!important} body.ch-theme.single-product .woocommerce-tabs ul.tabs li{ margin:0!important;padding:0!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:999px!important;background:var(--ch-theme-surface,#fff)!important;box-shadow:none!important; } body.ch-theme.single-product .woocommerce-tabs ul.tabs li::before, body.ch-theme.single-product .woocommerce-tabs ul.tabs li::after{display:none!important} body.ch-theme.single-product .woocommerce-tabs ul.tabs li a{ display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:7px 12px!important;color:var(--ch-theme-text,#172033)!important;font-size:12px!important;font-weight:700!important;line-height:1.15!important;text-decoration:none!important; } body.ch-theme.single-product .woocommerce-tabs ul.tabs li.active{background:var(--ch-theme-accent,#0b84ff)!important;border-color:var(--ch-theme-accent,#0b84ff)!important} body.ch-theme.single-product .woocommerce-tabs ul.tabs li.active a{color:#fff!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-tabs ul.tabs li, body.ch-theme-mode-dark.single-product .woocommerce-tabs ul.tabs li{background:#111827!important;border-color:#334155!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-tabs ul.tabs li a, body.ch-theme-mode-dark.single-product .woocommerce-tabs ul.tabs li a{color:#e5edf7!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-tabs ul.tabs li.active, body.ch-theme-mode-dark.single-product .woocommerce-tabs ul.tabs li.active{background:#1687ff!important;border-color:#1687ff!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-tabs ul.tabs li.active a, body.ch-theme-mode-dark.single-product .woocommerce-tabs ul.tabs li.active a{color:#fff!important} body.ch-theme.single-product .woocommerce-tabs .panel img, body.ch-theme.single-product .woocommerce-Tabs-panel img{display:block!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:14px auto!important;border-radius:10px!important} body.ch-theme.single-product .woocommerce-tabs .panel figure, body.ch-theme.single-product .woocommerce-Tabs-panel figure{max-width:100%!important;margin:14px auto!important} @media(max-width:781px){ body.ch-theme.single-product .woocommerce-tabs ul.tabs{gap:6px!important} body.ch-theme.single-product .woocommerce-tabs ul.tabs li a{min-height:32px!important;padding:6px 10px!important;font-size:11px!important} } @media(max-width:781px){ body.ch-theme .ch-saved-page .ch-bookmarks-shell{display:block!important;width:100%!important;max-width:100%!important;overflow-x:clip!important} body.ch-theme .ch-saved-page .ch-bookmarks-header.ch-page-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;padding:12px 13px!important;margin:0 0 12px!important;border-radius:18px!important;overflow:hidden!important} body.ch-theme .ch-saved-page .ch-bookmarks-heading{min-width:0!important} body.ch-theme .ch-saved-page .ch-bookmarks-actions{position:static!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important} body.ch-theme .ch-saved-page .ch-bookmarks-count{position:static!important;align-self:flex-start!important;display:inline-flex!important;align-items:baseline!important;gap:4px!important;margin:0!important;padding:0!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;white-space:nowrap!important} body.ch-theme .ch-saved-page .ch-bookmarks-count span{font-size:12px!important;font-weight:750!important;line-height:1!important} body.ch-theme .ch-saved-page .ch-bookmarks-count small{font-size:11px!important;line-height:1!important} body.ch-theme .ch-saved-page .ch-bookmarks-nav-in-header{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;overflow:visible!important} body.ch-theme .ch-saved-page .ch-bookmarks-nav-in-header a{flex:0 0 auto!important;min-height:32px!important;padding:7px 10px!important;margin:0!important;font-size:12px!important;line-height:1.1!important;white-space:nowrap!important} } body.ch-theme .ch-user-badge{min-height:18px!important;padding:2px 6px!important;gap:3px!important;font-size:9px!important} body.ch-theme .ch-user-badge-img{width:12px!important;height:12px!important;min-width:12px!important} body.ch-theme .ch-user-badge-label{font-size:9px!important} body.ch-theme .ch-user-badge-shape-rounded{border-radius:6px!important} body.ch-theme .ch-user-badge-shape-square{border-radius:2px!important} body.ch-theme .ch-social-embed--x{display:flex!important;justify-content:center!important;overflow:visible!important;max-width:100%!important} body.ch-theme .ch-social-embed--x .twitter-tweet{width:100%!important;max-width:550px!important;margin:0 auto!important} body.ch-theme .ch-social-embed--x iframe.twitter-tweet-rendered{width:100%!important;max-width:550px!important;min-height:0!important;height:auto!important;margin:0 auto!important} body.ch-theme.single-product .woocommerce-tabs ul.tabs li a{color:#172033!important;background:transparent!important;text-shadow:none!important} body.ch-theme.single-product .woocommerce-tabs ul.tabs li.active a{color:#fff!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-tabs ul.tabs li:not(.active) a, body.ch-theme-mode-dark.single-product .woocommerce-tabs ul.tabs li:not(.active) a{color:#eaf1fb!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-tabs ul.tabs li.active a, body.ch-theme-mode-dark.single-product .woocommerce-tabs ul.tabs li.active a{color:#fff!important} body.ch-theme.single-product .woocommerce-Tabs-panel img[data-src],body.ch-theme.single-product .woocommerce-Tabs-panel img[data-lazy-src]{max-width:100%!important;height:auto!important} .ch-reward-toast{ position:fixed!important;left:50%!important;right:auto!important;top:var(--ch-reward-banner-top,64px)!important;bottom:auto!important; width:min(980px,calc(100vw - 24px))!important;max-width:980px!important;min-width:0!important; transform:translate(-50%,-10px) scale(.99)!important;display:flex!important;justify-content:center!important; padding:9px 16px!important;gap:10px!important;border:2px solid #c8a84b!important;border-radius:0 0 14px 14px!important; background:linear-gradient(90deg,#090907,#17140d 50%,#090907)!important;color:#f5f0e8!important; box-shadow:0 10px 26px rgba(0,0,0,.28),0 0 20px rgba(200,168,75,.28)!important; } .ch-reward-toast.is-visible{transform:translate(-50%,0) scale(1)!important} .ch-reward-toast-icon{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:16px!important} .ch-reward-toast-copy{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important} .ch-reward-toast-copy strong{font-size:13px!important}.ch-reward-toast-copy span{font-size:12px!important}.ch-reward-toast-copy small{font-size:10px!important;color:#f0cf66!important} @media(max-width:782px){ .ch-reward-toast{width:calc(100vw - 12px)!important;padding:8px 10px!important;border-radius:0 0 12px 12px!important} .ch-reward-toast-copy{gap:5px!important}.ch-reward-toast-copy small{display:none!important} } body.ch-theme .ch-user-badges{gap:3px!important} body.ch-theme .ch-user-badge{min-height:16px!important;padding:1px 5px!important;gap:2px!important;font-size:8px!important;border-width:1px!important} body.ch-theme .ch-user-badge-img{width:11px!important;height:11px!important;min-width:11px!important} body.ch-theme .ch-user-badge-emoji{width:11px!important;height:11px!important;font-size:10px!important;line-height:11px!important} body.ch-theme .ch-user-badge-label{font-size:8.5px!important;line-height:1!important;font-weight:650!important} body.ch-theme .ch-user-badge-shape-pill{border-radius:999px!important} body.ch-theme .ch-user-badge-shape-rounded{border-radius:5px!important} body.ch-theme .ch-user-badge-shape-square{border-radius:1px!important} body.ch-theme .ch-user-badge-shape-circle{border-radius:50%!important;aspect-ratio:1/1;padding-inline:3px!important} body.ch-theme .ch-user-badge-shape-shield{border-radius:4px 4px 8px 8px!important;clip-path:polygon(8% 0,92% 0,100% 72%,50% 100%,0 72%)!important;padding-bottom:3px!important} body.ch-theme .ch-user-badge-shape-seal{clip-path:polygon(50% 0,61% 11%,76% 5%,83% 19%,100% 21%,94% 38%,100% 50%,91% 63%,96% 79%,79% 83%,72% 100%,56% 93%,44% 100%,28% 93%,21% 83%,4% 79%,9% 63%,0 50%,6% 38%,0 21%,17% 19%,24% 5%,39% 11%)!important;padding:4px 7px!important;border-radius:0!important} body.ch-theme .ch-user-badge-shape-burst{clip-path:polygon(50% 0,60% 14%,75% 7%,80% 23%,97% 25%,87% 40%,100% 50%,87% 60%,97% 75%,80% 77%,75% 93%,60% 86%,50% 100%,40% 86%,25% 93%,20% 77%,3% 75%,13% 60%,0 50%,13% 40%,3% 25%,20% 23%,25% 7%,40% 14%)!important;border-radius:0!important;padding:4px 7px!important} body.ch-theme .ch-user-badge-shape-hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)!important;border-radius:0!important;padding-inline:7px!important} body.ch-theme .ch-user-badge-shape-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;border-radius:0!important;padding:5px 9px!important} body.ch-theme .ch-user-badge-shape-ticket{clip-path:polygon(0 0,100% 0,100% 35%,92% 50%,100% 65%,100% 100%,0 100%,0 65%,8% 50%,0 35%)!important;border-radius:2px!important;padding-inline:7px!important} @media(min-width:783px){body.ch-theme .ch-user-badges.ch-user-badges-icon-only-desktop .ch-user-badge{width:20px!important;height:20px!important;min-width:20px!important;padding:2px!important}} @media(max-width:782px){body.ch-theme .ch-user-badges.ch-user-badges-icon-only-mobile .ch-user-badge{width:20px!important;height:20px!important;min-width:20px!important;padding:2px!important}} body.ch-theme .ch-user-badge{ height:var(--ch-badge-full-desktop,16px)!important;min-height:var(--ch-badge-full-desktop,16px)!important; box-sizing:border-box!important;padding:1px calc(var(--ch-badge-full-desktop,16px)*.31)!important; font-size:calc(var(--ch-badge-full-desktop,16px)*.52)!important; } body.ch-theme .ch-user-badge-img{width:calc(var(--ch-badge-full-desktop,16px)*.68)!important;height:calc(var(--ch-badge-full-desktop,16px)*.68)!important;min-width:calc(var(--ch-badge-full-desktop,16px)*.68)!important} body.ch-theme .ch-user-badge-emoji{width:calc(var(--ch-badge-full-desktop,16px)*.68)!important;height:calc(var(--ch-badge-full-desktop,16px)*.68)!important;font-size:calc(var(--ch-badge-full-desktop,16px)*.6)!important;line-height:1!important} body.ch-theme .ch-user-badge-label{font-size:calc(var(--ch-badge-full-desktop,16px)*.52)!important;line-height:1!important} body.ch-theme .ch-user-badge-shape-seal{clip-path:polygon(50% 0,58% 7%,68% 3%,74% 12%,85% 10%,88% 21%,98% 26%,94% 37%,100% 50%,94% 63%,98% 74%,88% 79%,85% 90%,74% 88%,68% 97%,58% 93%,50% 100%,42% 93%,32% 97%,26% 88%,15% 90%,12% 79%,2% 74%,6% 63%,0 50%,6% 37%,2% 26%,12% 21%,15% 10%,26% 12%,32% 3%,42% 7%)!important;border-radius:0!important} body.ch-theme .ch-user-badge-shape-burst{clip-path:polygon(50% 0,60% 18%,75% 7%,78% 28%,100% 25%,84% 42%,100% 50%,84% 58%,100% 75%,78% 72%,75% 93%,60% 82%,50% 100%,40% 82%,25% 93%,22% 72%,0 75%,16% 58%,0 50%,16% 42%,0 25%,22% 28%,25% 7%,40% 18%)!important;border-radius:0!important} body.ch-theme .ch-user-badge-shape-tag{clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%,8% 50%)!important;border-radius:0!important} body.ch-theme .ch-user-badge-shape-octagon{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)!important;border-radius:0!important} body.ch-theme .ch-user-badge-shape-bookmark{clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)!important;border-radius:0!important} body.ch-theme .ch-user-badge-shape-chevron{clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%,16% 50%)!important;border-radius:0!important} @media(min-width:783px){ body.ch-theme .ch-user-badges.ch-user-badges-icon-only-desktop .ch-user-badge{width:var(--ch-badge-icon-desktop,18px)!important;height:var(--ch-badge-icon-desktop,18px)!important;min-width:var(--ch-badge-icon-desktop,18px)!important;min-height:var(--ch-badge-icon-desktop,18px)!important;padding:2px!important} } @media(max-width:782px){ body.ch-theme .ch-user-badge{height:var(--ch-badge-full-mobile,16px)!important;min-height:var(--ch-badge-full-mobile,16px)!important;padding:1px calc(var(--ch-badge-full-mobile,16px)*.31)!important;font-size:calc(var(--ch-badge-full-mobile,16px)*.52)!important} body.ch-theme .ch-user-badge-img{width:calc(var(--ch-badge-full-mobile,16px)*.68)!important;height:calc(var(--ch-badge-full-mobile,16px)*.68)!important;min-width:calc(var(--ch-badge-full-mobile,16px)*.68)!important} body.ch-theme .ch-user-badge-emoji{width:calc(var(--ch-badge-full-mobile,16px)*.68)!important;height:calc(var(--ch-badge-full-mobile,16px)*.68)!important;font-size:calc(var(--ch-badge-full-mobile,16px)*.6)!important} body.ch-theme .ch-user-badge-label{font-size:calc(var(--ch-badge-full-mobile,16px)*.52)!important} body.ch-theme .ch-user-badges.ch-user-badges-icon-only-mobile .ch-user-badge{width:var(--ch-badge-icon-mobile,18px)!important;height:var(--ch-badge-icon-mobile,18px)!important;min-width:var(--ch-badge-icon-mobile,18px)!important;min-height:var(--ch-badge-icon-mobile,18px)!important;padding:2px!important} } body.bm-messages-dark :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.thread .name,.thread .last-message,.bm-info,.bm-info a,.bm-name,.bm-name a,.bm-system-message,.bm-sticky-date,.chat-header,.chat-header *,.bm-reply,.bm-reply textarea,.bm-reply input){color:rgb(var(--bm-text-color-dark,238,244,252))!important} body:not(.bm-messages-dark) :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.thread .name,.thread .last-message,.bm-info,.bm-info a,.bm-name,.bm-name a,.bm-system-message,.bm-sticky-date,.chat-header,.chat-header *,.bm-reply,.bm-reply textarea,.bm-reply input){color:rgb(var(--bm-text-color,23,32,51))!important} .ch-theme .ch-group-invite-panel{padding:22px!important;border-radius:18px!important;overflow:hidden} .ch-theme .ch-group-invite-intro{display:flex;align-items:flex-start;gap:12px;padding:0 0 18px;border-bottom:1px solid var(--ch-theme-border)} .ch-theme .ch-group-invite-intro h2{margin:0;color:var(--ch-theme-text);font-size:1.15rem;font-weight:800}.ch-theme .ch-group-invite-intro p{margin:4px 0 0;color:var(--ch-theme-muted);line-height:1.5} .ch-theme .ch-group-invite-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:var(--ch-group-accent-soft);color:var(--ch-group-accent);font-size:24px;font-weight:500} .ch-theme .ch-group-invite-form{margin-top:18px;padding:14px;border:1px solid var(--ch-theme-border);border-radius:14px;background:var(--ch-theme-surface-soft)} .ch-theme .ch-group-invite-search input{background:var(--ch-theme-surface)!important} .ch-theme .ch-group-suggested-member{padding:12px!important;background:var(--ch-theme-surface)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)} .ch-theme .ch-group-suggested-member .ch-group-secondary-button{min-width:76px} @media(min-width:1050px){.ch-theme .ch-group-suggested-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:782px){.ch-theme .ch-group-invite-panel{padding:15px!important}.ch-theme .ch-group-invite-form{padding:11px!important}.ch-theme .ch-group-suggested-grid{grid-template-columns:1fr!important}} body.ch-theme.single-product .woocommerce-Tabs-panel--additional_information :is(table,tbody,tr,th,td,p,span,strong){color:#172033!important} body.ch-theme.single-product .woocommerce-Tabs-panel--additional_information th{background:#f6f8fb!important;color:#172033!important} body.ch-theme.single-product .woocommerce-Tabs-panel--additional_information td{background:#fff!important;color:#334155!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-Tabs-panel--additional_information :is(table,tbody,tr,th,td,p,span,strong),body.ch-theme-mode-dark.single-product .woocommerce-Tabs-panel--additional_information :is(table,tbody,tr,th,td,p,span,strong){color:#eaf1fb!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-Tabs-panel--additional_information th,body.ch-theme-mode-dark.single-product .woocommerce-Tabs-panel--additional_information th{background:#18263a!important;color:#f8fafc!important} html[data-ch-theme-mode="dark"] body.ch-theme.single-product .woocommerce-Tabs-panel--additional_information td,body.ch-theme-mode-dark.single-product .woocommerce-Tabs-panel--additional_information td{background:#111c2d!important;color:#dbe7f5!important} .ch-social-embed-provider-link{display:inline-flex;align-items:center;justify-content:center;margin:8px auto 0;padding:7px 11px;border:1px solid var(--ch-theme-border,#dbe3ec);border-radius:9px;color:var(--ch-theme-text,#172033);background:var(--ch-theme-surface,#fff);font-size:.78rem;font-weight:750;text-decoration:none} .ch-social-embed-provider-link:hover{border-color:var(--ch-theme-accent,#0080ff);color:var(--ch-theme-accent,#0080ff)} .ch-post-reaction-wrap{display:inline-flex!important;align-items:center!important;gap:4px!important} .ch-post-reaction-wrap>.ch-reaction-total{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:26px!important;height:28px!important;padding:2px 7px!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--ch-theme-muted,#64748b)!important;font:inherit!important;font-size:12px!important;font-weight:750!important;line-height:1!important;cursor:pointer!important} .ch-post-reaction-wrap>.ch-reaction-total[hidden]{display:none!important} .ch-post-reaction-wrap>.ch-reaction-total:hover,.ch-post-reaction-wrap>.ch-reaction-total:focus-visible{background:rgba(0,128,255,.08)!important;color:var(--ch-theme-accent,#0080ff)!important} .ch-post-reaction-wrap>.ch-reaction-total .ch-reaction-summary{display:inline-flex!important;align-items:center!important;gap:1px!important} .ch-post-reaction-wrap>.ch-reaction-total .ch-reaction-count{display:inline!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;font-size:12px!important;font-weight:800!important} @media(max-width:782px){.ch-post-reaction-wrap>.ch-reaction-total{min-width:32px!important;height:32px!important;padding:3px 8px!important;font-size:13px!important}} body.ch-theme :is(.bp-better-messages-list,.bp-better-messages-mini,.bp-messages-wrap) :is(.bm-sticky-date,.bm-date,.bm-date-separator,.bm-messages-date,.date-separator){color:#fff!important} body.ch-theme :is(.bp-better-messages-list,.bp-better-messages-mini,.bp-messages-wrap) :is(.bm-sticky-date,.bm-date,.bm-date-separator,.bm-messages-date,.date-separator) *{color:#fff!important} body.ch-theme .ch-user-badges.ch-user-badges-icon-only-desktop .ch-user-badge, body.ch-theme .ch-user-badges.ch-user-badges-icon-only-mobile .ch-user-badge{display:inline-grid!important;place-items:center!important;align-content:center!important;justify-content:center!important;line-height:1!important} body.ch-theme .ch-user-badges.ch-user-badges-icon-only-desktop .ch-user-badge :is(.ch-user-badge-img,.ch-user-badge-emoji), body.ch-theme .ch-user-badges.ch-user-badges-icon-only-mobile .ch-user-badge :is(.ch-user-badge-img,.ch-user-badge-emoji){display:block!important;margin:0!important;position:static!important;transform:none!important} @media(min-width:1540px){ body.ch-theme [class*="ch-route-community"] .ch-theme-container--community{--ch-social-stack-width:820px!important;--ch-social-widget-width:340px!important;--ch-social-widget-gap:8px!important;max-width:1516px!important;width:min(calc(100% - 16px),1516px)!important} body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell{gap:8px!important;column-gap:8px!important} body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both{grid-template-columns:340px 820px 340px!important} body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-left{grid-template-columns:340px 820px!important} body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-right{grid-template-columns:820px 340px!important} body.ch-theme [class*="ch-route-community"] .ch-theme-community-sidebar{width:340px!important;max-width:340px!important;min-width:340px!important} body.ch-theme [class*="ch-route-community"] .ch-theme-community-content-wrap{width:820px!important;max-width:820px!important;min-width:0!important} } .ch-theme-sidebar>.ch-theme-widget:not(:empty),.ch-theme-sidebar>.widget:not(:empty),.ch-theme-sidebar>section:not(:empty){display:block} .ch-social-embed--x{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important;overflow:hidden!important;background:transparent!important} .ch-social-embed--x .twitter-tweet,.ch-social-embed--x iframe.twitter-tweet-rendered{width:min(100%,550px)!important;max-width:550px!important;margin:0 auto!important} body.ch-theme:not(.bm-messages-dark) .bp-messages-wrap .bm-messages-list .bm-message.my .bm-time, body.ch-theme:not(.bm-messages-dark) .bp-messages-wrap .bm-messages-list .bm-message.mine .bm-time, body.ch-theme:not(.bm-messages-dark) .bp-messages-wrap .bm-messages-list .bm-message.is-me .bm-time, body.ch-theme:not(.bm-messages-dark) .bp-messages-wrap .bm-messages-list .bm-message[data-is-me="1"] .bm-time, body.ch-theme:not(.bm-messages-dark) .bp-messages-wrap .bm-messages-list .bm-message[data-user-id][class*="own"] .bm-time, body.ch-theme:not(.bm-messages-dark) .bp-messages-wrap .bm-messages-list .bm-message.my :is(.bm-date,.bm-message-date,time), body.ch-theme:not(.bm-messages-dark) .bp-messages-wrap .bm-messages-list .bm-message.mine :is(.bm-date,.bm-message-date,time), body.ch-theme:not(.bm-messages-dark) .bp-messages-wrap .bm-messages-list .bm-message.is-me :is(.bm-date,.bm-message-date,time){color:rgba(255,255,255,.82)!important} @media(min-width:783px){ body.ch-theme .ch-user-badges.ch-user-badges-icon-only-desktop .ch-user-badge{ display:inline-grid!important;place-items:center!important;box-sizing:border-box!important; width:var(--ch-badge-icon-desktop,18px)!important;height:var(--ch-badge-icon-desktop,18px)!important; min-width:var(--ch-badge-icon-desktop,18px)!important;min-height:var(--ch-badge-icon-desktop,18px)!important; padding:0!important;gap:0!important;line-height:1!important; } body.ch-theme .ch-user-badges.ch-user-badges-icon-only-desktop .ch-user-badge :is(.ch-user-badge-img,.ch-user-badge-emoji){ display:block!important;margin:auto!important;align-self:center!important;justify-self:center!important;position:static!important;transform:none!important; } } @media(max-width:782px){ body.ch-theme .ch-user-badges.ch-user-badges-icon-only-mobile .ch-user-badge{ display:inline-grid!important;place-items:center!important;box-sizing:border-box!important; width:var(--ch-badge-icon-mobile,18px)!important;height:var(--ch-badge-icon-mobile,18px)!important; min-width:var(--ch-badge-icon-mobile,18px)!important;min-height:var(--ch-badge-icon-mobile,18px)!important; padding:0!important;gap:0!important;line-height:1!important; } body.ch-theme .ch-user-badges.ch-user-badges-icon-only-mobile .ch-user-badge :is(.ch-user-badge-img,.ch-user-badge-emoji){ display:block!important;margin:auto!important;align-self:center!important;justify-self:center!important;position:static!important;transform:none!important; } } body.ch-theme:not(.bm-messages-dark) .bp-messages-wrap :is( .bm-sticky-date,.bm-date,.bm-date-separator,.bm-messages-date,.date-separator, .bm-messages-date-wrapper,.bm-date-wrapper,[class*="date-separator"],[class*="messages-date"] ){color:#fff!important} body.ch-theme:not(.bm-messages-dark) .bp-messages-wrap :is( .bm-sticky-date,.bm-date,.bm-date-separator,.bm-messages-date,.date-separator, .bm-messages-date-wrapper,.bm-date-wrapper,[class*="date-separator"],[class*="messages-date"] ) *{color:#fff!important} body.ch-theme :is(.ch-user-badges-icon-only-desktop,.ch-user-badges-icon-only-mobile) .ch-user-badge{ display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:0!important;text-align:center!important } body.ch-theme :is(.ch-user-badges-icon-only-desktop,.ch-user-badges-icon-only-mobile) .ch-user-badge :is(.ch-user-badge-img,.ch-user-badge-emoji){ display:block!important;position:relative!important;inset:auto!important;margin:auto!important;transform:none!important;object-fit:contain!important;object-position:50% 50%!important;line-height:1!important } body.ch-theme :is(.ch-feed,.ch-activity-card) .ch-action-row .ch-post-reaction-wrap{ display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; flex:0 0 auto!important; width:auto!important; min-width:0!important; gap:1px!important; margin:0!important; padding:0!important; } body.ch-theme :is(.ch-feed,.ch-activity-card) .ch-action-row .ch-post-reaction-wrap>.ch-reaction-trigger{ flex:0 0 auto!important; width:auto!important; min-width:0!important; margin:0!important; padding-inline:9px!important; } body.ch-theme :is(.ch-feed,.ch-activity-card) .ch-action-row .ch-post-reaction-wrap>.ch-reaction-total{ flex:0 0 auto!important; min-width:24px!important; width:auto!important; height:30px!important; margin:0!important; padding:2px 5px!important; border-radius:999px!important; } body.ch-theme .ch-post-reaction-wrap>.ch-reaction-total .ch-reaction-people-label{display:none!important} @media(max-width:782px){ body.ch-theme :is(.ch-feed,.ch-activity-card) .ch-action-row .ch-post-reaction-wrap{ flex:0 0 auto!important; width:auto!important; min-width:0!important; } body.ch-theme :is(.ch-feed,.ch-activity-card) .ch-action-row .ch-post-reaction-wrap>.ch-reaction-trigger{ min-height:34px!important; width:auto!important; min-width:0!important; padding:7px 9px!important; } body.ch-theme :is(.ch-feed,.ch-activity-card) .ch-action-row .ch-post-reaction-wrap>.ch-reaction-total{ min-width:28px!important; height:34px!important; padding:3px 5px!important; } } body.ch-theme .ch-user-badges.ch-user-badges-icon-only-desktop .ch-user-badge :is(.ch-user-badge-img,.ch-user-badge-emoji){ width:calc(var(--ch-badge-icon-desktop,18px)*.58)!important; height:calc(var(--ch-badge-icon-desktop,18px)*.58)!important; min-width:0!important; max-width:calc(var(--ch-badge-icon-desktop,18px)*.58)!important; max-height:calc(var(--ch-badge-icon-desktop,18px)*.58)!important; font-size:calc(var(--ch-badge-icon-desktop,18px)*.52)!important; } @media(max-width:782px){ body.ch-theme .ch-user-badges.ch-user-badges-icon-only-mobile .ch-user-badge :is(.ch-user-badge-img,.ch-user-badge-emoji){ width:calc(var(--ch-badge-icon-mobile,18px)*.58)!important; height:calc(var(--ch-badge-icon-mobile,18px)*.58)!important; min-width:0!important; max-width:calc(var(--ch-badge-icon-mobile,18px)*.58)!important; max-height:calc(var(--ch-badge-icon-mobile,18px)*.58)!important; font-size:calc(var(--ch-badge-icon-mobile,18px)*.52)!important; } } body.ch-theme :is(.ch-feed,.ch-activity-card) .ch-action-row .ch-post-reaction-wrap{ gap:0!important; } body.ch-theme :is(.ch-feed,.ch-activity-card) .ch-action-row .ch-post-reaction-wrap>.ch-reaction-total[hidden]{ display:none!important; } body.ch-theme :is(.ch-feed,.ch-activity-card) .ch-action-row .ch-post-reaction-wrap>.ch-reaction-total:not([hidden]){ display:inline-flex!important; align-items:center!important; justify-content:center!important; margin-left:2px!important; } body.ch-theme :is(.ch-feed,.ch-activity-card) .ch-action-row .ch-post-reaction-wrap>.ch-reaction-trigger{ margin:0!important; } @media (max-width:782px){.ch-theme .ch-reaction-users-panel.is-mobile-sheet.is-visible{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:2147483300!important}} body.ch-theme .ch-reward-toast{background:var(--ch-reward-bg,#17140a)!important;color:var(--ch-reward-text,#fff8dc)!important;border-color:color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 70%,transparent)!important} body.ch-theme .ch-reward-toast--gold{background:linear-gradient(90deg,color-mix(in srgb,var(--ch-reward-bg,#17140a) 88%,#000),var(--ch-reward-bg,#17140a),color-mix(in srgb,var(--ch-reward-bg,#17140a) 88%,#000))!important;box-shadow:0 10px 28px rgba(0,0,0,.3),0 0 22px color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 30%,transparent)!important} body.ch-theme .ch-reward-toast--celebration{background:linear-gradient(135deg,var(--ch-reward-bg,#17140a),color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 45%,var(--ch-reward-bg,#17140a)))!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(15,23,42,.34),0 0 38px color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 45%,transparent)!important} body.ch-theme .ch-reward-toast--neon{background:#07090d!important;border:2px solid var(--ch-reward-accent,#e9c85e)!important;border-radius:8px!important;box-shadow:0 0 10px var(--ch-reward-accent,#e9c85e),0 0 34px color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 55%,transparent)!important;text-shadow:0 0 8px color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 65%,transparent)!important} body.ch-theme .ch-reward-toast--minimal{background:var(--ch-reward-bg,#17140a)!important;border:1px solid color-mix(in srgb,var(--ch-reward-text,#fff8dc) 18%,transparent)!important;border-radius:8px!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important;padding:8px 12px!important} body.ch-theme .ch-reward-toast--minimal .ch-reward-toast-icon,body.ch-theme .ch-reward-toast--minimal .ch-reward-toast-sparkles{display:none!important} body.ch-theme .ch-reward-toast .ch-reward-toast-copy strong{color:var(--ch-reward-text,#fff8dc)!important} body.ch-theme .ch-reward-toast .ch-reward-toast-copy>span,body.ch-theme .ch-reward-toast .ch-reward-toast-copy small{color:var(--ch-reward-accent,#e9c85e)!important} .ch-reaction-mobile-caret{display:none} @media(max-width:782px){ body.ch-theme .ch-post-reaction-wrap>.ch-reaction-trigger{position:relative!important;padding-right:24px!important} body.ch-theme .ch-post-reaction-wrap>.ch-reaction-trigger .ch-reaction-mobile-caret{display:inline-flex!important;position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:16px!important;height:22px!important;align-items:center!important;justify-content:center!important;font-size:11px!important;line-height:1!important;opacity:.72!important;z-index:2!important} body.ch-theme .ch-reaction-users-panel.is-mobile-sheet{left:8px!important;right:8px!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-width:none!important;position:fixed!important;z-index:2147483640!important} } body.ch-theme .ch-composer>.ch-composer-destination{display:flex!important;margin:0 0 10px!important} body.ch-theme .ch-composer>.ch-composer-textarea{margin-top:0!important} body.ch-theme .ch-reward-toast[class*="ch-reward-toast--pos-"]{position:fixed!important;left:50%!important;right:auto!important;top:var(--ch-reward-banner-top,64px)!important;bottom:auto!important;width:min(980px,calc(100vw - 24px))!important;max-width:980px!important;transform:translate(-50%,-10px) scale(.99)!important;border-radius:0 0 14px 14px!important} body.ch-theme .ch-reward-toast[class*="ch-reward-toast--pos-"].is-visible{transform:translate(-50%,0) scale(1)!important} body.ch-theme .ch-reward-toast--confetti{background:linear-gradient(120deg,var(--ch-reward-bg,#17140a),color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 34%,var(--ch-reward-bg,#17140a)))!important;box-shadow:0 12px 34px rgba(0,0,0,.34),0 0 28px color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 35%,transparent)!important} body.ch-theme .ch-reward-toast--fireworks{background:#070707!important;border-color:var(--ch-reward-accent,#e9c85e)!important;box-shadow:0 0 34px color-mix(in srgb,var(--ch-reward-accent,#e9c85e) 50%,transparent)!important} body.ch-theme .ch-reward-toast--fire{background:linear-gradient(0deg,#210500,#7a1400 48%,#17110b)!important;border-color:#ff7a18!important;box-shadow:0 0 28px rgba(255,86,0,.5)!important} body.ch-theme .ch-reward-toast--lightning{background:linear-gradient(115deg,#060916,#101b42,#060916)!important;border-color:#8ec5ff!important;box-shadow:0 0 28px rgba(84,157,255,.55)!important} @media(max-width:782px){ body.ch-theme .ch-reward-toast[class*="ch-reward-toast--pos-"]{left:6px!important;right:6px!important;top:var(--ch-reward-banner-top,64px)!important;bottom:auto!important;width:auto!important;max-width:none!important;transform:translateY(-8px) scale(.99)!important;border-radius:0 0 12px 12px!important} body.ch-theme .ch-reward-toast[class*="ch-reward-toast--pos-"].is-visible{transform:translateY(0) scale(1)!important} body.ch-theme .ch-post-reaction-wrap>.ch-reaction-trigger{padding-right:6px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important} body.ch-theme .ch-post-reaction-wrap>.ch-reaction-mobile-caret{display:inline-flex!important;position:static!important;transform:none!important;width:22px!important;height:100%!important;min-height:34px!important;margin-left:1px!important;padding:0 4px!important;align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important;color:inherit!important;font-size:12px!important;line-height:1!important;opacity:.76!important;touch-action:manipulation!important;z-index:auto!important} } @media(max-width:782px){ .ch-theme .ch-reaction-trigger,.ch-theme .ch-reaction-mobile-caret{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;touch-action:manipulation!important} .ch-theme .ch-reaction-trigger img,.ch-theme .ch-reaction-mobile-caret img{-webkit-user-drag:none!important;pointer-events:none!important} } .ch-theme .ch-reward-toast--fireworks,.ch-theme .ch-reward-toast--fire,.ch-theme .ch-reward-toast--lightning{overflow:hidden!important} body.ch-theme .ch-theme-header, body.ch-theme .ch-theme-header-top, body.ch-theme .ch-theme-nav-bar { background: color-mix(in srgb, var(--ch-theme-header-bg) 94%, transparent) !important; color: var(--ch-theme-text) !important; border-color: var(--ch-theme-border) !important; } body.ch-theme .ch-theme-primary-menu a, body.ch-theme .ch-theme-community-menu a, body.ch-theme .ch-theme-site-title, body.ch-theme .ch-theme-account-link, body.ch-theme .ch-theme-account-toggle, body.ch-theme .ch-theme-menu-toggle, body.ch-theme .ch-theme-mode-toggle { color: var(--ch-theme-text) !important; } body.ch-theme .ch-theme-primary-menu a:hover, body.ch-theme .ch-theme-primary-menu a:focus-visible, body.ch-theme .ch-theme-community-menu a:hover, body.ch-theme .ch-theme-community-menu a:focus-visible, body.ch-theme .ch-theme-account-link:hover, body.ch-theme .ch-theme-account-link:focus-visible { color: var(--ch-theme-blue) !important; } body.ch-theme .ch-theme-primary-menu .sub-menu, body.ch-theme .ch-theme-community-menu .sub-menu, body.ch-theme .ch-theme-menu-panel, body.ch-theme .ch-theme-account-panel { background: var(--ch-theme-surface) !important; color: var(--ch-theme-text) !important; border-color: var(--ch-theme-border) !important; } body.ch-theme .ch-theme-primary-menu .sub-menu a, body.ch-theme .ch-theme-community-menu .sub-menu a, body.ch-theme .ch-theme-account-panel a { color: var(--ch-theme-text) !important; } body.ch-theme .ch-theme-primary-menu .sub-menu a:hover, body.ch-theme .ch-theme-primary-menu .sub-menu a:focus-visible, body.ch-theme .ch-theme-community-menu .sub-menu a:hover, body.ch-theme .ch-theme-community-menu .sub-menu a:focus-visible, body.ch-theme .ch-theme-account-panel a:hover, body.ch-theme .ch-theme-account-panel a:focus-visible { background: var(--ch-theme-surface-soft) !important; color: var(--ch-theme-blue) !important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-primary-menu a, html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-menu a, html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-site-title, html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-account-link, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-primary-menu a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-menu a, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-site-title, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-account-link { color: var(--ch-theme-text) !important; } @media (max-width: 782px) { body.ch-theme .ch-theme-community-bar--bottom .ch-theme-community-nav, body.ch-theme .ch-theme-community-bar--bottom .ch-theme-menu-list--community { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: stretch !important; gap: 2px !important; width: 100% !important; min-width: 0 !important; overflow-x: visible !important; } body.ch-theme .ch-theme-community-bar--bottom .ch-theme-community-nav > .ch-theme-nav-pill, body.ch-theme .ch-theme-community-bar--bottom .ch-theme-menu-list--community > li:not(.ch-theme-nav-center-spacer-item) { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; } body.ch-theme .ch-theme-community-bar--bottom .ch-theme-menu-list--community > li:not(.ch-theme-nav-center-spacer-item) > a, body.ch-theme .ch-theme-community-bar--bottom .ch-theme-community-nav > .ch-theme-nav-pill { width: 100% !important; min-width: 0 !important; max-width: none !important; box-sizing: border-box !important; } body.ch-theme .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer, body.ch-theme .ch-theme-community-bar--bottom .ch-theme-nav-center-spacer-item, body.ch-theme .ch-theme-community-bar--bottom .ch-theme-nav-balance-placeholder { flex: 0 0 72px !important; width: 72px !important; min-width: 72px !important; max-width: 72px !important; } } @media (max-width: 782px) { html body.ch-theme > .ch-theme-header, html body.ch-theme > .elementor-location-header { position: sticky !important; position: -webkit-sticky !important; top: 0 !important; z-index: 999900 !important; overflow: visible !important; } html body.ch-theme.ch-community-bar-top-mobile > .ch-theme-community-bar--top.ch-theme-community-bar--mobile { display: block !important; position: sticky !important; position: -webkit-sticky !important; top: var(--ch-mobile-header-stack-height, 64px) !important; z-index: 999800 !important; max-height: 72px !important; overflow: visible !important; opacity: 1 !important; transform: none !important; } html body.ch-theme.ch-community-bar-top-mobile > .ch-theme-community-bar--top.ch-theme-community-bar--mobile .ch-theme-header-inner--nav { width: 100% !important; max-width: none !important; min-height: 52px !important; padding: 6px 8px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } html body.ch-theme.ch-community-bar-top-mobile > .ch-theme-community-bar--top.ch-theme-community-bar--mobile .ch-theme-header-inner--nav::-webkit-scrollbar { display: none; } html body.ch-theme.ch-community-bar-top-mobile > .ch-theme-community-bar--top.ch-theme-community-bar--mobile .ch-theme-community-nav, html body.ch-theme.ch-community-bar-top-mobile > .ch-theme-community-bar--top.ch-theme-community-bar--mobile .ch-theme-menu-list--community { display: flex !important; grid-template-columns: none !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 4px !important; width: 100% !important; min-width: max-content !important; overflow: visible !important; } html body.ch-theme.ch-community-bar-top-mobile > .ch-theme-community-bar--top.ch-theme-community-bar--mobile .ch-theme-nav-pill, html body.ch-theme.ch-community-bar-top-mobile > .ch-theme-community-bar--top.ch-theme-community-bar--mobile .ch-theme-menu-list--community > li { flex: 1 0 58px !important; width: auto !important; min-width: 58px !important; max-width: none !important; margin: 0 !important; } html body.ch-theme.ch-community-bar-top-mobile > .ch-theme-community-bar--top.ch-theme-community-bar--mobile .ch-theme-nav-pill, html body.ch-theme.ch-community-bar-top-mobile > .ch-theme-community-bar--top.ch-theme-community-bar--mobile .ch-theme-menu-list--community > li > a { width: 100% !important; min-height: 40px !important; padding: 7px 8px !important; box-sizing: border-box !important; white-space: nowrap !important; } } @media (max-width: 782px) { html:not(.ch-theme-menu-lock), html:not(.ch-theme-menu-lock) body.ch-theme { overflow-x: clip !important; overflow-y: visible !important; } html body.ch-theme > .ch-theme-header, html body.ch-theme > .elementor-location-header { top: var(--ch-mobile-adminbar-height, 0px) !important; } html body.ch-theme.ch-community-bar-top-mobile > .ch-theme-community-bar--top.ch-theme-community-bar--mobile { top: calc(var(--ch-mobile-adminbar-height, 0px) + var(--ch-mobile-header-stack-height, 64px)) !important; } } @media (max-width: 782px) { html body.ch-theme.ch-community-bar-top-mobile > .ch-theme-community-bar--top.ch-theme-community-bar--mobile { top: var(--ch-mobile-top-nav-offset, calc(var(--ch-mobile-adminbar-height, 0px) + var(--ch-mobile-header-stack-height, 64px))) !important; } } .ch-theme-mobile-top-action{display:none} @media (max-width:782px){ body.ch-community-bar-top-mobile .ch-theme-mobile-top-action{ position:fixed!important; z-index:2147482350!important; bottom:max(86px,calc(env(safe-area-inset-bottom,0px) + 68px))!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; min-width:58px!important; height:58px!important; padding:7px 10px!important; border:3px solid var(--ch-theme-surface,#fff)!important; border-radius:18px!important; background:linear-gradient(180deg,#1594ff,#0878e8)!important; color:#fff!important; box-shadow:0 10px 26px rgba(0,104,218,.30)!important; text-decoration:none!important; line-height:1!important; -webkit-tap-highlight-color:transparent; transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important; } body.ch-community-bar-top-mobile .ch-theme-mobile-top-action--left{left:max(16px,env(safe-area-inset-left,0px))!important;right:auto!important} body.ch-community-bar-top-mobile .ch-theme-mobile-top-action--right{right:max(16px,env(safe-area-inset-right,0px))!important;left:auto!important} body.ch-community-bar-top-mobile .ch-theme-mobile-top-action:hover, body.ch-community-bar-top-mobile .ch-theme-mobile-top-action:focus-visible{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 13px 30px rgba(0,104,218,.36)!important;filter:saturate(1.05)} body.ch-community-bar-top-mobile .ch-theme-mobile-top-action:active{transform:translateY(0) scale(.96)!important} .ch-theme-mobile-top-action-icon{display:flex!important;width:18px!important;height:18px!important;align-items:center!important;justify-content:center!important} .ch-theme-mobile-top-action-icon svg{display:block!important;width:18px!important;height:18px!important} .ch-theme-mobile-top-action-label{font-size:9px!important;font-weight:900!important;letter-spacing:.045em!important;color:#fff!important} } @media (prefers-reduced-motion:reduce){.ch-theme-mobile-top-action{transition:none!important}} body.ch-theme-better-messages-page.bp-messages-full-screen { overflow: hidden !important; } body.ch-theme-better-messages-page.bp-messages-full-screen .bp-messages-wrap-main, body.ch-theme-better-messages-page.bp-messages-full-screen #primary .bp-messages-wrap:not(.bp-better-messages-list):not(.bp-better-messages-mini), body.ch-theme-better-messages-page.bp-messages-full-screen .ch-profile-content .bp-messages-wrap { position: fixed !important; inset: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; max-width: none !important; min-width: 0 !important; height: 100dvh !important; max-height: none !important; min-height: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden !important; z-index: 2147483500 !important; } body.ch-theme-better-messages-page.bp-messages-full-screen .ch-theme-header, body.ch-theme-better-messages-page.bp-messages-full-screen .ch-theme-community-bar, body.ch-theme-better-messages-page.bp-messages-full-screen #wpadminbar { visibility: hidden !important; pointer-events: none !important; } body.ch-theme-better-messages-page.bp-messages-full-screen .bp-messages-wrap-main > .bp-messages-wrap, body.ch-theme-better-messages-page.bp-messages-full-screen .bp-messages-wrap-main .bp-messages-wrap:not(.bp-better-messages-list):not(.bp-better-messages-mini) { position: relative !important; inset: auto !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: 100% !important; max-height: none !important; min-height: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.ch-theme-better-messages-page.bp-messages-full-screen .bp-messages-wrap-main > :not(.bp-better-messages-list):not(.bp-better-messages-mini) { max-width: none !important; } body.ch-theme-better-messages-page.bp-messages-full-screen .bp-better-messages-list, body.ch-theme-better-messages-page.bp-messages-full-screen .bp-better-messages-mini { display: none !important; } @media (min-width:783px){ body.ch-theme-better-messages-page .bp-better-messages-list, body.ch-theme-better-messages-page .bp-better-messages-mini, body.ch-theme-better-messages-page #bp-better-messages-mini-mobile-container{ display:none!important; } } @media (min-width: 783px) { html body.ch-theme > .ch-theme-community-bar--top.ch-theme-community-bar--desktop { position: sticky !important; position: -webkit-sticky !important; top: var(--ch-desktop-top-nav-offset, 72px) !important; z-index: 990 !important; opacity: 1; transform: none; } } body.ch-theme .ch-notifications-page { background: transparent !important; color: var(--ch-theme-text) !important; } body.ch-theme .ch-notifications-header, body.ch-theme .ch-notifications-page .ch-empty-state { background: var(--ch-theme-surface) !important; background-color: var(--ch-theme-surface) !important; border-color: var(--ch-theme-border) !important; color: var(--ch-theme-text) !important; } body.ch-theme .ch-notifications-header h1, body.ch-theme .ch-notifications-page .ch-empty-state h2 { color: var(--ch-theme-text) !important; } body.ch-theme .ch-notifications-header .ch-page-eyebrow { color: var(--ch-theme-blue) !important; opacity: 1 !important; } body.ch-theme .ch-notifications-header .ch-page-subtitle, body.ch-theme .ch-notifications-page .ch-empty-state p, body.ch-theme .ch-notification-meta { color: var(--ch-theme-muted) !important; opacity: 1 !important; } body.ch-theme .ch-notification-row, body.ch-theme .ch-notification-row:visited { background: var(--ch-theme-surface) !important; background-color: var(--ch-theme-surface) !important; border-color: var(--ch-theme-border) !important; color: var(--ch-theme-text) !important; } body.ch-theme .ch-notification-row .ch-notification-main, body.ch-theme .ch-notification-row .ch-notification-text { color: var(--ch-theme-text) !important; } body.ch-theme .ch-notification-row:hover, body.ch-theme .ch-notification-row:focus, body.ch-theme .ch-notification-row:focus-visible { background: color-mix(in srgb, var(--ch-theme-blue) 8%, var(--ch-theme-surface)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 55%, var(--ch-theme-border)) !important; color: var(--ch-theme-text) !important; outline: none !important; } body.ch-theme .ch-notification-row.is-unread { background: color-mix(in srgb, var(--ch-theme-blue) 10%, var(--ch-theme-surface)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 60%, var(--ch-theme-border)) !important; color: var(--ch-theme-text) !important; } body.ch-theme .ch-notifications-actions .ch-button, body.ch-theme .ch-notifications-actions button, body.ch-theme .ch-notifications-page .ch-empty-state .ch-button { background: var(--ch-theme-blue) !important; border-color: var(--ch-theme-blue) !important; color: #ffffff !important; } body.ch-theme .ch-notifications-actions .ch-button:hover, body.ch-theme .ch-notifications-actions button:hover, body.ch-theme .ch-notifications-actions .ch-button:focus, body.ch-theme .ch-notifications-actions button:focus, body.ch-theme .ch-notifications-actions .ch-button:focus-visible, body.ch-theme .ch-notifications-actions button:focus-visible, body.ch-theme .ch-notifications-page .ch-empty-state .ch-button:hover, body.ch-theme .ch-notifications-page .ch-empty-state .ch-button:focus { background: var(--ch-theme-blue-dark) !important; border-color: var(--ch-theme-blue-dark) !important; color: #ffffff !important; } body.ch-theme .ch-notifications-actions .ch-button-secondary, body.ch-theme .ch-notifications-actions a.ch-button-secondary { background: var(--ch-theme-surface-soft) !important; border-color: var(--ch-theme-border) !important; color: var(--ch-theme-text) !important; } body.ch-theme .ch-notifications-actions .ch-button-secondary:hover, body.ch-theme .ch-notifications-actions a.ch-button-secondary:hover, body.ch-theme .ch-notifications-actions .ch-button-secondary:focus, body.ch-theme .ch-notifications-actions a.ch-button-secondary:focus, body.ch-theme .ch-notifications-actions .ch-button-secondary:focus-visible, body.ch-theme .ch-notifications-actions a.ch-button-secondary:focus-visible { background: color-mix(in srgb, var(--ch-theme-blue) 10%, var(--ch-theme-surface)) !important; border-color: color-mix(in srgb, var(--ch-theme-blue) 45%, var(--ch-theme-border)) !important; color: var(--ch-theme-text) !important; } @media (min-width: 783px) { body.ch-theme.ch-user-logged-out .ch-theme-community-bar--desktop .ch-theme-community-nav { display: flex !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; gap: 6px !important; } body.ch-theme.ch-user-logged-out .ch-theme-community-bar--desktop .ch-theme-community-nav > .ch-theme-nav-pill { flex: 1 1 0 !important; width: auto !important; min-width: 96px !important; max-width: 126px !important; margin: 0 !important; justify-content: center !important; text-align: center !important; } body.ch-theme.ch-user-logged-out .ch-theme-community-bar--bottom.has-center-action .ch-theme-nav-center-spacer, body.ch-theme.ch-user-logged-out .ch-theme-community-bar--bottom.has-center-action .ch-theme-nav-balance-placeholder { flex-grow: 0 !important; flex-shrink: 0 !important; } } .ch-theme-community-bar--bottom.has-center-action .ch-theme-nav-balance-placeholder { visibility: hidden !important; pointer-events: none !important; } @media (min-width: 783px) { body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav > .ch-theme-nav-balance-placeholder, body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community > .ch-theme-nav-balance-placeholder { flex: 1 1 0 !important; width: auto !important; min-width: 96px !important; max-width: 126px !important; margin: 0 !important; } } @media (max-width: 782px) { body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav > .ch-theme-nav-balance-placeholder, body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community > .ch-theme-nav-balance-placeholder { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; } } .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav, .ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community { box-sizing: border-box !important; } @media (max-width: 782px) { body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-nav-center-spacer { box-sizing: border-box !important; } } @media (min-width: 783px) { body.ch-theme .ch-theme-primary-menu--desktop > .ch-theme-menu-list > .menu-item-has-children > a { display: inline-flex; align-items: center; gap: 7px; } body.ch-theme .ch-theme-primary-menu--desktop > .ch-theme-menu-list > .menu-item-has-children > a::after { content: ""; display: inline-block; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transform-origin: center; opacity: .72; flex: 0 0 auto; transition: transform .16s ease, opacity .16s ease; } body.ch-theme .ch-theme-primary-menu--desktop > .ch-theme-menu-list > .menu-item-has-children:hover > a::after, body.ch-theme .ch-theme-primary-menu--desktop > .ch-theme-menu-list > .menu-item-has-children:focus-within > a::after { opacity: 1; transform: translateY(2px) rotate(225deg); } } @media (prefers-reduced-motion: reduce) { body.ch-theme .ch-theme-primary-menu--desktop > .ch-theme-menu-list > .menu-item-has-children > a::after { transition: none; } } .ch-suggestion-embed{color:var(--ch-theme-text,#0f172a)!important} .ch-suggestion-embed .ch-suggestion-intro{margin:0 0 16px!important} .ch-suggestion-embed .ch-suggestion-intro h2{margin:0 0 7px!important;font-size:22px!important;line-height:1.18!important;letter-spacing:-.025em!important;color:var(--ch-theme-text,#0f172a)!important} .ch-suggestion-embed .ch-suggestion-intro p{margin:0!important;color:var(--ch-theme-muted,#64748b)!important} .ch-suggestion-form select,.ch-suggestion-form input[type="url"],.ch-suggestion-form input[type="file"]{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border:1px solid var(--ch-theme-border,#cbd5e1)!important;border-radius:13px!important;background:var(--ch-theme-surface,#fff)!important;color:var(--ch-theme-text,#0f172a)!important;padding:11px 12px!important;font:inherit!important} .ch-suggestion-form select{min-height:44px!important} .ch-suggestion-form textarea[name="suggestion_expected"]{min-height:92px!important} .ch-suggestion-diagnostic-note{margin:0!important;padding:10px 12px!important;border:1px solid color-mix(in srgb,var(--ch-theme-border,#cbd5e1) 78%,transparent)!important;border-radius:12px!important;background:color-mix(in srgb,var(--ch-theme-surface,#fff) 92%,var(--ch-theme-primary,#2563eb) 8%)!important;color:var(--ch-theme-muted,#64748b)!important;font-size:11px!important;line-height:1.5!important;font-weight:650!important} .ch-suggestion-embed--compact{display:block!important;max-width:none!important;margin:0!important;padding:0!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:16px!important;background:var(--ch-theme-surface,#fff)!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;overflow:hidden!important} .ch-suggestion-embed--compact>summary{list-style:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:11px!important;padding:14px!important;user-select:none!important} .ch-suggestion-embed--compact>summary::-webkit-details-marker{display:none!important} .ch-suggestion-compact-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:50%!important;background:var(--ch-theme-primary,#2563eb)!important;color:#fff!important;font-size:18px!important;font-weight:950!important;box-shadow:0 6px 16px rgba(37,99,235,.22)!important} .ch-suggestion-compact-summary>span:last-child{display:grid!important;gap:3px!important;min-width:0!important} .ch-suggestion-compact-summary strong{color:var(--ch-theme-text,#0f172a)!important;font-size:13px!important;line-height:1.25!important} .ch-suggestion-compact-summary small{color:var(--ch-theme-muted,#64748b)!important;font-size:11px!important;line-height:1.4!important;font-weight:600!important} .ch-suggestion-embed--compact[open] .ch-suggestion-compact-summary{border-bottom:1px solid var(--ch-theme-border,#dbe3ec)!important} .ch-suggestion-compact-body{padding:14px!important} .ch-suggestion-embed--compact .ch-suggestion-form{gap:11px!important} .ch-suggestion-embed--compact .ch-suggestion-form label>span{font-size:11px!important} .ch-suggestion-embed--compact .ch-suggestion-form textarea{min-height:120px!important} .ch-suggestion-embed--compact .ch-suggestion-form textarea[name="suggestion_expected"]{min-height:82px!important} .ch-suggestion-login-required{padding:12px 14px!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:14px!important;background:var(--ch-theme-surface,#fff)!important;color:var(--ch-theme-muted,#64748b)!important} .ch-suggestion-login-required p{margin:0!important} html[data-ch-theme-mode="dark"] .ch-suggestion-embed--compact,body.ch-theme-mode-dark .ch-suggestion-embed--compact{box-shadow:0 12px 30px rgba(0,0,0,.22)!important} @media(max-width:782px){.ch-suggestion-embed--full{margin:8px!important}.ch-suggestion-compact-body{padding:12px!important}.ch-suggestion-embed--compact>summary{padding:12px!important}} .ch-game{--ch-game-surface:var(--ch-theme-surface,#fff);--ch-game-text:var(--ch-theme-text,#0f172a);--ch-game-muted:var(--ch-theme-muted,#64748b);--ch-game-border:var(--ch-theme-border,#dbe3ec);--ch-game-primary:var(--ch-theme-primary,#2563eb);position:relative;box-sizing:border-box;color:var(--ch-game-text)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--ch-game-surface) 96%,var(--ch-game-primary) 4%),var(--ch-game-surface))!important;border:1px solid var(--ch-game-border)!important;border-radius:22px!important;box-shadow:0 18px 46px rgba(15,23,42,.09)!important;overflow:hidden!important} .ch-game *{box-sizing:border-box}.ch-game-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;padding:22px 22px 12px!important}.ch-game-header h2{margin:2px 0 7px!important;color:var(--ch-game-text)!important;font-size:clamp(24px,4vw,34px)!important;line-height:1.05!important;letter-spacing:-.035em!important}.ch-game-header p{max-width:640px!important;margin:0!important;color:var(--ch-game-muted)!important;font-size:13px!important;line-height:1.55!important}.ch-game-kicker{display:block!important;color:var(--ch-game-primary)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.13em!important;text-transform:uppercase!important}.ch-game-balance{flex:0 0 auto!important;min-width:130px!important;padding:10px 12px!important;border:1px solid color-mix(in srgb,var(--ch-game-border) 85%,transparent)!important;border-radius:14px!important;background:color-mix(in srgb,var(--ch-game-surface) 92%,var(--ch-game-primary) 8%)!important;text-align:right!important}.ch-game-balance span{display:block!important;color:var(--ch-game-muted)!important;font-size:9px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.09em!important}.ch-game-balance strong{display:block!important;margin-top:2px!important;color:var(--ch-game-text)!important;font-size:14px!important;line-height:1.2!important} .ch-prize-drop-board{position:relative!important;height:430px!important;margin:8px 22px 0!important;border:1px solid color-mix(in srgb,var(--ch-game-border) 85%,transparent)!important;border-radius:20px 20px 13px 13px!important;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--ch-game-primary) 13%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--ch-game-surface) 90%,#000 10%),color-mix(in srgb,var(--ch-game-surface) 97%,#000 3%))!important;overflow:hidden!important}.ch-prize-drop-pegs{position:absolute!important;inset:44px 8% 82px!important;display:flex!important;flex-direction:column!important;justify-content:space-around!important}.ch-prize-drop-peg-row{display:flex!important;align-items:center!important;justify-content:space-evenly!important;padding-inline:calc((6 - attr(data-row number)) * 2%)!important}.ch-prize-drop-peg-row span{display:block!important;width:10px!important;height:10px!important;border-radius:50%!important;background:color-mix(in srgb,var(--ch-game-text) 72%,var(--ch-game-surface) 28%)!important;box-shadow:0 2px 7px rgba(0,0,0,.18)!important}.ch-prize-drop-ball{position:absolute!important;z-index:4!important;left:50%;top:5%;width:24px!important;height:24px!important;border-radius:50%!important;transform:translate(-50%,-50%)!important;background:radial-gradient(circle at 32% 28%,#fff9d8 0 12%,#e9c85e 30%,#9f7718 100%)!important;border:2px solid rgba(255,255,255,.72)!important;box-shadow:0 5px 18px rgba(0,0,0,.3),0 0 0 4px rgba(233,200,94,.12)!important;transition:left .18s cubic-bezier(.2,.8,.2,1),top .18s cubic-bezier(.2,.8,.2,1)!important}.ch-prize-drop-ball.is-resetting{transition:none!important}.ch-prize-drop-slots{position:absolute!important;z-index:3!important;left:0!important;right:0!important;bottom:0!important;height:76px!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important;padding:0 5px 5px!important}.ch-prize-drop-slot{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;border:1px solid color-mix(in srgb,var(--ch-game-border) 80%,transparent)!important;border-radius:9px!important;background:color-mix(in srgb,var(--ch-game-surface) 92%,var(--ch-game-primary) 8%)!important;color:var(--ch-game-text)!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}.ch-prize-drop-slot span{font-size:15px!important;font-weight:950!important;line-height:1!important}.ch-prize-drop-slot small{margin-top:4px!important;color:var(--ch-game-muted)!important;font-size:8px!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.ch-prize-drop-slot.is-hit{transform:translateY(-5px)!important;background:color-mix(in srgb,#e9c85e 25%,var(--ch-game-surface) 75%)!important;box-shadow:0 0 0 2px #e9c85e inset,0 10px 24px rgba(233,200,94,.28)!important}.ch-game-controls{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 22px 10px!important}.ch-game-play-meta{display:flex!important;flex-wrap:wrap!important;gap:6px 14px!important;color:var(--ch-game-muted)!important;font-size:11px!important;font-weight:700!important}.ch-game-play-meta strong{color:var(--ch-game-text)!important}.ch-game-play-button{flex:0 0 auto!important;min-width:132px!important;min-height:46px!important;padding:10px 18px!important;border:0!important;border-radius:14px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--ch-game-primary) 84%,#fff 16%),var(--ch-game-primary))!important;color:#fff!important;font:inherit!important;font-weight:950!important;letter-spacing:.01em!important;box-shadow:0 10px 24px color-mix(in srgb,var(--ch-game-primary) 30%,transparent)!important;cursor:pointer!important;transition:transform .15s ease,opacity .15s ease!important}.ch-game-play-button:hover{transform:translateY(-1px)!important}.ch-game-play-button:active{transform:translateY(1px) scale(.99)!important}.ch-game-play-button:disabled{cursor:not-allowed!important;opacity:.48!important;transform:none!important}.ch-game-result{min-height:42px!important;margin:0 22px 20px!important;padding:10px 12px!important;border-radius:12px!important;background:color-mix(in srgb,var(--ch-game-surface) 92%,var(--ch-game-border) 8%)!important;color:var(--ch-game-muted)!important;font-size:12px!important;font-weight:800!important;text-align:center!important}.ch-game-result.is-win{background:color-mix(in srgb,#16a34a 12%,var(--ch-game-surface) 88%)!important;color:color-mix(in srgb,#16a34a 82%,var(--ch-game-text) 18%)!important}.ch-game-result.is-loss{color:var(--ch-game-muted)!important}.ch-game-result.is-error{background:color-mix(in srgb,#dc2626 10%,var(--ch-game-surface) 90%)!important;color:color-mix(in srgb,#dc2626 78%,var(--ch-game-text) 22%)!important}.ch-game-notice{padding:13px 14px!important;border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:14px!important;background:var(--ch-theme-surface,#fff)!important;color:var(--ch-theme-muted,#64748b)!important;font-size:12px!important;font-weight:700!important} .ch-prize-drop--compact{border-radius:16px!important}.ch-prize-drop--compact .ch-game-header{display:grid!important;padding:14px 14px 8px!important}.ch-prize-drop--compact .ch-game-header h2{font-size:19px!important}.ch-prize-drop--compact .ch-game-header p{font-size:11px!important}.ch-prize-drop--compact .ch-game-balance{width:100%!important;min-width:0!important;text-align:left!important}.ch-prize-drop--compact .ch-prize-drop-board{height:280px!important;margin:6px 12px 0!important;border-radius:14px 14px 10px 10px!important}.ch-prize-drop--compact .ch-prize-drop-pegs{inset:34px 4% 64px!important}.ch-prize-drop--compact .ch-prize-drop-peg-row span{width:7px!important;height:7px!important}.ch-prize-drop--compact .ch-prize-drop-ball{width:18px!important;height:18px!important}.ch-prize-drop--compact .ch-prize-drop-slots{height:60px!important;gap:2px!important;padding:0 3px 3px!important}.ch-prize-drop--compact .ch-prize-drop-slot{border-radius:7px!important}.ch-prize-drop--compact .ch-prize-drop-slot span{font-size:11px!important}.ch-prize-drop--compact .ch-prize-drop-slot small{display:none!important}.ch-prize-drop--compact .ch-game-controls{display:grid!important;padding:12px!important}.ch-prize-drop--compact .ch-game-play-button{width:100%!important}.ch-prize-drop--compact .ch-game-result{margin:0 12px 12px!important} html[data-ch-theme-mode="dark"] .ch-game,body.ch-theme-mode-dark .ch-game{box-shadow:0 20px 48px rgba(0,0,0,.28)!important} @media(max-width:782px){.ch-game{border-radius:18px!important}.ch-game-header{display:grid!important;padding:16px 14px 8px!important}.ch-game-balance{width:100%!important;text-align:left!important}.ch-prize-drop-board{height:350px!important;margin:7px 10px 0!important;border-radius:16px 16px 10px 10px!important}.ch-prize-drop-pegs{inset:40px 4% 70px!important}.ch-prize-drop-peg-row span{width:8px!important;height:8px!important}.ch-prize-drop-ball{width:21px!important;height:21px!important}.ch-prize-drop-slots{height:68px!important;gap:2px!important;padding:0 3px 3px!important}.ch-prize-drop-slot span{font-size:12px!important}.ch-prize-drop-slot small{font-size:7px!important}.ch-game-controls{display:grid!important;padding:14px 12px 9px!important}.ch-game-play-button{width:100%!important}.ch-game-result{margin:0 12px 14px!important}} @media(prefers-reduced-motion:reduce){.ch-prize-drop-ball,.ch-prize-drop-slot,.ch-game-play-button{transition:none!important}} @media (hover: none) and (pointer: coarse) { body.ch-theme .bp-messages-wrap .bm-message-content.ch-bm-touch-reaction-ready .bm-reactions-trigger:not(.bm-hidden) { opacity: 1 !important; } } body.ch-theme .bm-reactions-selector.bm-reactions-expanded { z-index: 2147483601 !important; } @media (min-width:783px) { body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav > .ch-theme-nav-pill { flex-grow:0 !important; } } @media (max-width:782px) { body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-nav > .ch-theme-nav-pill { flex-grow:0 !important; } } @media (min-width:783px) { body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community > li > a, body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav > .ch-theme-nav-pill { padding-left:12px !important; padding-right:12px !important; } } @media (max-width:782px) { body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] { display:grid !important; grid-template-columns:repeat(7,minmax(0,1fr)) !important; grid-auto-flow:row !important; align-items:center !important; justify-items:stretch !important; gap:0 !important; width:100% !important; padding-inline:0 !important; } body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-pill, body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-center-spacer, body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-balance-placeholder { width:100% !important; min-width:0 !important; max-width:none !important; margin:0 !important; flex:none !important; } body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-pill { justify-self:stretch !important; padding-inline:0 !important; } body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-center-spacer { min-height:1px !important; } body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-center-action { left:50% !important; } } nn @media (min-width:783px) { body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav, body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community { display:flex !important; align-items:stretch !important; justify-content:center !important; gap:6px !important; width:100% !important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav > .ch-theme-nav-pill, body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-menu-list--community > li:not(.ch-theme-nav-center-spacer-item):not(.ch-theme-nav-balance-placeholder) { flex:0 0 94px !important; width:94px !important; min-width:94px !important; max-width:94px !important; margin:0 !important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-nav-center-spacer, body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-nav-center-spacer-item { flex:0 0 82px !important; width:82px !important; min-width:82px !important; max-width:82px !important; margin:0 !important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-nav-balance-placeholder { display:block !important; visibility:hidden !important; pointer-events:none !important; flex:0 0 94px !important; width:94px !important; min-width:94px !important; max-width:94px !important; margin:0 !important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-center-action { left:50% !important; } } body.ch-theme :is(.bp-messages-wrap,.bp-messages-wrap-main,.bp-better-messages-list,.bp-better-messages-mini){font-family:inherit} html[data-ch-theme-mode="light"] body.ch-theme :is(.bp-messages-wrap,.bp-messages-wrap-main,.bp-better-messages-list,.bp-better-messages-mini){color:rgb(var(--bm-text-color))!important} html[data-ch-theme-mode="dark"] body.ch-theme :is(.bp-messages-wrap,.bp-messages-wrap-main,.bp-better-messages-list,.bp-better-messages-mini){color:rgb(var(--bm-text-color-dark))!important} body.ch-theme :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header.ch-page-hero){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;align-self:stretch!important;margin-left:0!important;margin-right:0!important;padding:16px 18px!important;border-radius:18px!important;border:1px solid var(--ch-theme-border)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ch-theme-surface) 96%,var(--ch-theme-blue)),var(--ch-theme-surface))!important;color:var(--ch-theme-text)!important;box-shadow:var(--ch-theme-soft-shadow)!important;overflow:hidden!important} html[data-ch-theme-mode="dark"] body.ch-theme :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header.ch-page-hero){background:linear-gradient(135deg,color-mix(in srgb,var(--ch-theme-surface) 94%,var(--ch-theme-blue)),var(--ch-theme-surface))!important;border-color:var(--ch-theme-border)!important;color:var(--ch-theme-text)!important} body.ch-theme .ch-member-directory{width:100%!important;max-width:none!important;min-width:0!important;margin-inline:0!important} body.ch-theme .ch-member-directory-hero h1,body.ch-theme .ch-member-directory-hero p,body.ch-theme .ch-member-directory-kicker,body.ch-theme .ch-member-directory-count strong,body.ch-theme .ch-member-directory-count span{color:var(--ch-theme-text)!important} body.ch-theme .ch-member-directory-kicker{background:color-mix(in srgb,var(--ch-theme-blue) 12%,transparent)!important} body.ch-theme .ch-member-directory-count{background:var(--ch-theme-surface-soft)!important;border:1px solid var(--ch-theme-border)!important;color:var(--ch-theme-text)!important;box-shadow:none!important} body.ch-theme :is(.ch-community-feed-header .ch-hub-page-nav,.ch-member-directory-hero .ch-hub-page-nav,.ch-notifications-header .ch-page-actions,.ch-bookmarks-header .ch-bookmarks-nav-in-header){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important} body.ch-theme :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header) :is(.ch-hub-nav-button,.ch-hub-nav-link,.ch-button,button){min-height:36px!important;padding:8px 12px!important;border-radius:11px!important;border:1px solid var(--ch-theme-border)!important;background:var(--ch-theme-surface-soft)!important;color:var(--ch-theme-text)!important;box-shadow:none!important;font-weight:800!important} body.ch-theme :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header) :is(.ch-hub-nav-button,.ch-hub-nav-link,.ch-button,button):hover,body.ch-theme :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header) :is(.ch-hub-nav-button,.ch-hub-nav-link,.ch-button,button):focus{border-color:color-mix(in srgb,var(--ch-theme-blue) 55%,var(--ch-theme-border))!important;background:color-mix(in srgb,var(--ch-theme-blue) 9%,var(--ch-theme-surface-soft))!important;color:var(--ch-theme-text)!important;transform:none!important;box-shadow:none!important;outline:2px solid color-mix(in srgb,var(--ch-theme-blue) 24%,transparent)!important;outline-offset:1px!important} body.ch-theme :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header) :is(.ch-hub-nav-button,.ch-hub-nav-link).is-active{background:var(--ch-theme-blue)!important;border-color:var(--ch-theme-blue)!important;color:#fff!important} body.ch-hide-timeline-header-community .ch-community-feed-header{display:none!important} body.ch-hide-timeline-header-members .ch-member-directory-hero{display:none!important} body.ch-hide-timeline-header-notifications .ch-notifications-header{display:none!important} body.ch-hide-timeline-header-saved .ch-bookmarks-header.ch-page-hero{display:none!important} @media(max-width:781px){body.ch-theme :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header.ch-page-hero){padding:13px 14px!important;border-radius:16px!important}body.ch-theme .ch-member-directory-hero{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}body.ch-theme .ch-member-directory-side{width:100%!important;min-width:0!important}body.ch-theme .ch-member-directory-count{min-width:0!important;width:100%!important;box-sizing:border-box!important;padding:10px 12px!important}} body.ch-hide-social-timeline-nav .ch-community-feed-header .ch-community-feed-nav, body.ch-hide-social-timeline-nav .ch-member-directory-hero .ch-member-directory-nav, body.ch-hide-social-timeline-nav .ch-notifications-header .ch-notifications-nav, body.ch-hide-social-timeline-nav .ch-bookmarks-header .ch-bookmarks-nav-in-header { display: none !important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(label,p,span,strong,small,legend,.pmpro_form_label), body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]){ color:var(--ch-theme-text)!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"],select,textarea){ background:var(--ch-theme-surface)!important; color:var(--ch-theme-text)!important; border-color:var(--ch-theme-border)!important; caret-color:var(--ch-theme-text)!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input,textarea)::placeholder{ color:var(--ch-theme-muted)!important; opacity:1!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) a{ color:var(--ch-theme-blue)!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input[type="submit"],button,.pmpro_btn){ background:var(--ch-theme-blue)!important; color:#fff!important; border-color:var(--ch-theme-blue)!important; } body.ch-theme .ch-profile-messages-route, body.ch-theme .ch-profile-messages-shell{width:100%;max-width:none;box-sizing:border-box} body.ch-theme .ch-profile-messages-shell>.bp-messages-wrap, body.ch-theme .ch-profile-messages-shell>.bp-messages-wrap-main{width:100%;max-width:none} body.ch-theme .ch-theme-community-shell.ch-theme-layout--no-sidebar{ display:block!important; width:100%!important; } body.ch-theme .ch-theme-community-shell.ch-theme-layout--no-sidebar > .ch-theme-community-content-wrap{ width:100%!important; margin-left:auto!important; margin-right:auto!important; } body.ch-theme .ch-theme-community-shell--profile.ch-theme-layout--no-sidebar > .ch-theme-community-content-wrap, body.ch-theme .ch-theme-community-shell--messages.ch-theme-layout--no-sidebar > .ch-theme-community-content-wrap{ max-width:1180px!important; } body.ch-theme .ch-profile-messages-route, body.ch-theme .ch-profile-messages-shell{ width:100%!important; max-width:1180px!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; } body.ch-theme-better-messages-page .ch-theme-community-shell--profile.ch-theme-layout--no-sidebar, body.ch-theme-better-messages-page .ch-theme-community-shell--profile.ch-theme-layout--no-sidebar > .ch-theme-community-content-wrap{ width:100%!important; max-width:1240px!important; margin-left:auto!important; margin-right:auto!important; } body.ch-theme .ch-theme-container.ch-theme-layout--no-sidebar > .ch-theme-content-wrap{ width:100%!important; max-width:1180px; margin-left:auto!important; margin-right:auto!important; } body.ch-communityhub-virtual-route .ch-theme-post-meta, body.ch-communityhub-virtual-route .ch-theme-post-tags, body.ch-communityhub-virtual-route .entry-meta, body.ch-communityhub-virtual-route .post-meta, body.ch-communityhub-virtual-route .tags-links, body.ch-communityhub-virtual-route .cat-links, body.ch-communityhub-virtual-route .posted-on, body.ch-communityhub-virtual-route .byline, body.ch-communityhub-virtual-route .elementor-widget-post-info, body.ch-communityhub-virtual-route .elementor-widget-theme-post-title, body.ch-communityhub-virtual-route .elementor-widget-theme-post-excerpt, body.ch-communityhub-virtual-route .elementor-widget-theme-post-featured-image{ display:none!important; } .ch-theme-community-shell--community-access { display: block !important; width: 100%; max-width: 1180px; margin-inline: auto; } .ch-theme-community-shell--community-access .ch-theme-community-content-wrap { width: 100%; max-width: 920px; margin-inline: auto; } .ch-theme-community-main.ch-community-access-route-main { min-height: clamp(520px, 68vh, 820px); display: flex; align-items: center; } .ch-theme-community-main.ch-community-access-route-main > .ch-theme-container { width: 100%; } .ch-community-access-wall { width: 100%; max-width: 860px; margin: clamp(28px, 6vh, 72px) auto; padding: 0 20px; box-sizing: border-box; } .ch-community-access-card { position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: clamp(34px, 5vw, 64px); border: 1px solid var(--ch-border, #d8dee9); border-radius: 28px; background: var(--ch-surface, #fff); color: var(--ch-text, #172033); box-shadow: 0 24px 70px rgba(15, 23, 42, .11); } .ch-community-access-card::before { content: ""; position: absolute; z-index: -1; inset: -35% auto auto 50%; width: 460px; height: 260px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--ch-accent, #2563eb) 18%, transparent) 0%, transparent 70%); pointer-events: none; } .ch-community-access-icon { display: grid; place-items: center; width: 72px; height: 72px; border: 1px solid color-mix(in srgb, var(--ch-accent, #2563eb) 35%, var(--ch-border, #d8dee9)); border-radius: 22px; background: color-mix(in srgb, var(--ch-accent, #2563eb) 10%, var(--ch-surface, #fff)); box-shadow: 0 12px 28px color-mix(in srgb, var(--ch-accent, #2563eb) 13%, transparent); font-size: 32px; } .ch-community-access-card h1 { margin: 2px 0 0; max-width: 680px; font-size: clamp(30px, 4vw, 48px); line-height: 1.05; letter-spacing: -.025em; } .ch-community-access-card p { max-width: 610px; margin: 0; color: var(--ch-text-muted, #5f6b7a); font-size: clamp(15px, 1.8vw, 18px); line-height: 1.65; } .ch-community-access-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; width: 100%; margin-top: 10px; } .ch-community-access-actions .ch-button { min-width: 154px; min-height: 48px; padding: 12px 22px; border-radius: 14px; font-size: 15px; font-weight: 800; line-height: 1; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease; } .ch-community-access-actions .ch-button:hover, .ch-community-access-actions .ch-button:focus-visible { transform: translateY(-1px); } .ch-community-access-actions .ch-button-primary { box-shadow: 0 10px 26px color-mix(in srgb, var(--ch-accent, #2563eb) 24%, transparent); } .ch-community-access-actions .ch-button-secondary:hover, .ch-community-access-actions .ch-button-secondary:focus-visible { border-color: color-mix(in srgb, var(--ch-accent, #2563eb) 55%, var(--ch-border, #cbd5e1)); background: color-mix(in srgb, var(--ch-accent, #2563eb) 7%, transparent); } html[data-ch-theme-mode="dark"] .ch-community-access-card, body.ch-theme-mode-dark .ch-community-access-card { box-shadow: 0 26px 80px rgba(0, 0, 0, .38); } @media (max-width: 700px) { .ch-theme-community-main.ch-community-access-route-main { min-height: 0; align-items: flex-start; } .ch-community-access-wall { margin: 26px auto 40px; padding: 0 14px; } .ch-community-access-card { padding: 32px 20px; border-radius: 22px; } .ch-community-access-actions { flex-direction: column; } .ch-community-access-actions .ch-button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .ch-community-access-actions .ch-button { transition: none; } } @media (min-width:1180px) and (max-width:1539px) { body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both { display:grid!important; grid-template-columns:minmax(180px,235px) minmax(0,720px) minmax(180px,235px)!important; justify-content:center!important; column-gap:8px!important; width:min(calc(100vw - 24px),1206px)!important; max-width:1206px!important; margin-inline:auto!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-sidebar--left { grid-column:1!important; grid-row:1!important; order:1!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-community-content-wrap { grid-column:2!important; grid-row:1!important; order:2!important; width:100%!important; max-width:720px!important; min-width:0!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-sidebar--right { grid-column:3!important; grid-row:1!important; order:3!important; } } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]{ display:grid!important; grid-auto-flow:row!important; grid-template-columns: repeat(var(--ch-nav-side-slots),clamp(78px,6vw,96px)) clamp(64px,5vw,74px) repeat(var(--ch-nav-side-slots),clamp(78px,6vw,96px))!important; grid-auto-flow:row!important; align-items:stretch!important; justify-content:center!important; column-gap:clamp(4px,.45vw,7px)!important; width:max-content!important; max-width:calc(100vw - 20px)!important; margin-inline:auto!important; overflow:visible!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-center-spacer, .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-balance-placeholder{ box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; flex:none!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill{ display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"] .ch-theme-nav-label{ min-width:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-center-spacer, .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-balance-placeholder{ display:block!important; visibility:hidden!important; pointer-events:none!important; } @media (min-width:783px){ .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill{ min-height:46px!important; padding:7px clamp(5px,.5vw,9px)!important; } } @media (max-width:782px){ .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]{ grid-template-columns: repeat(var(--ch-nav-side-slots),minmax(0,1fr)) clamp(56px,16vw,70px) repeat(var(--ch-nav-side-slots),minmax(0,1fr))!important; column-gap:clamp(1px,.7vw,4px)!important; width:100%!important; max-width:100%!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill{ min-height:44px!important; padding:5px 2px!important; gap:2px!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"] .ch-theme-nav-label{ font-size:clamp(8px,2.35vw,10px)!important; } .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill{ padding-inline:2px!important; } } @media (min-width:783px){ .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"][data-ch-nav-auth="out"]{ grid-template-columns: repeat(var(--ch-nav-side-slots),clamp(68px,5.2vw,86px)) clamp(62px,4.6vw,70px) repeat(var(--ch-nav-side-slots),clamp(68px,5.2vw,86px))!important; column-gap:clamp(3px,.35vw,6px)!important; width:max-content!important; max-width:calc(100vw - 32px)!important; margin-inline:auto!important; justify-content:center!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"][data-ch-nav-auth="out"]>.ch-theme-nav-pill{ padding-inline:clamp(4px,.4vw,7px)!important; } } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]{ box-sizing:border-box!important; padding-inline:0!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill{ box-sizing:border-box!important; min-width:0!important; max-width:100%!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]{ --ch-nav-regular-slot: clamp(96px, 6.4vw, 112px); --ch-nav-center-slot: clamp(64px, 4.8vw, 72px); --ch-nav-slot-gap: clamp(4px, .42vw, 7px); display:grid!important; grid-auto-flow:row!important; grid-template-columns: repeat(var(--ch-nav-side-slots), var(--ch-nav-regular-slot)) var(--ch-nav-center-slot) repeat(var(--ch-nav-side-slots), var(--ch-nav-regular-slot))!important; column-gap:var(--ch-nav-slot-gap)!important; row-gap:0!important; align-items:stretch!important; justify-content:center!important; width:max-content!important; max-width:calc(100vw - 24px)!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; overflow:visible!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-balance-placeholder{ width:var(--ch-nav-regular-slot)!important; min-width:var(--ch-nav-regular-slot)!important; max-width:var(--ch-nav-regular-slot)!important; box-sizing:border-box!important; margin:0!important; flex:none!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-center-spacer{ width:var(--ch-nav-center-slot)!important; min-width:var(--ch-nav-center-slot)!important; max-width:var(--ch-nav-center-slot)!important; box-sizing:border-box!important; margin:0!important; flex:none!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill{ display:flex!important; align-items:center!important; justify-content:center!important; padding:7px 6px!important; overflow:visible!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"] .ch-theme-nav-label{ min-width:0!important; max-width:none!important; overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-balance-placeholder, .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-center-spacer{ visibility:hidden!important; pointer-events:none!important; } @media (min-width:783px){ .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"][data-ch-nav-auth="in"], .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"][data-ch-nav-auth="out"]{ --ch-nav-regular-slot: clamp(96px, 6.4vw, 112px); --ch-nav-center-slot: clamp(64px, 4.8vw, 72px); --ch-nav-slot-gap: clamp(4px, .42vw, 7px); width:max-content!important; max-width:calc(100vw - 24px)!important; justify-content:center!important; } } @media (max-width:782px){ .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]{ --ch-nav-regular-slot: minmax(0,1fr); --ch-nav-center-slot: clamp(56px,16vw,70px); --ch-nav-slot-gap: clamp(1px,.7vw,4px); grid-template-columns: repeat(var(--ch-nav-side-slots), minmax(0,1fr)) var(--ch-nav-center-slot) repeat(var(--ch-nav-side-slots), minmax(0,1fr))!important; width:100%!important; max-width:100%!important; padding-inline:4px!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-balance-placeholder{ width:100%!important; min-width:0!important; max-width:none!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-center-spacer{ width:100%!important; min-width:0!important; max-width:none!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"] .ch-theme-nav-label{ overflow:hidden!important; text-overflow:ellipsis!important; } } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]{ --ch-nav-slot-width: clamp(96px, 6.4vw, 112px); --ch-nav-slot-gap: clamp(4px, .42vw, 7px); grid-template-columns: repeat(var(--ch-nav-side-slots), var(--ch-nav-slot-width)) var(--ch-nav-slot-width) repeat(var(--ch-nav-side-slots), var(--ch-nav-slot-width))!important; column-gap:var(--ch-nav-slot-gap)!important; width:max-content!important; max-width:calc(100vw - 24px)!important; justify-content:center!important; margin-inline:auto!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-balance-placeholder, .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-center-spacer{ width:var(--ch-nav-slot-width)!important; min-width:var(--ch-nav-slot-width)!important; max-width:var(--ch-nav-slot-width)!important; box-sizing:border-box!important; } @media (min-width:783px){ .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"][data-ch-nav-auth="in"], .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"][data-ch-nav-auth="out"]{ --ch-nav-slot-width: clamp(96px, 6.4vw, 112px); --ch-nav-slot-gap: clamp(4px, .42vw, 7px); grid-template-columns: repeat(var(--ch-nav-side-slots), var(--ch-nav-slot-width)) var(--ch-nav-slot-width) repeat(var(--ch-nav-side-slots), var(--ch-nav-slot-width))!important; } } @media (max-width:782px){ .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]{ --ch-nav-slot-gap: clamp(1px,.7vw,4px); grid-template-columns: repeat(var(--ch-nav-side-slots), minmax(0,1fr)) minmax(0,1fr) repeat(var(--ch-nav-side-slots), minmax(0,1fr))!important; column-gap:var(--ch-nav-slot-gap)!important; width:100%!important; max-width:100%!important; padding-inline:4px!important; } .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-pill, .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-balance-placeholder, .ch-theme-community-bar--bottom .ch-theme-community-nav[data-ch-balanced-nav="1"]>.ch-theme-nav-center-spacer{ width:100%!important; min-width:0!important; max-width:none!important; } } .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-center-action{ left:50%!important; right:auto!important; margin-left:0!important; margin-right:0!important; transform:translate(-50%,-22%)!important; } .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-center-action:hover, .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-center-action:focus-visible{ transform:translate(-50%,-25%)!important; } @media (max-width:782px){ .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-center-action{ left:50%!important; right:auto!important; transform:translate(-50%,-22%)!important; } .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-center-action:hover, .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-center-action:focus-visible{ transform:translate(-50%,-25%)!important; } } @media (min-width:783px){ body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"]{ --ch-nav-slot-width:clamp(96px,6.4vw,112px)!important; --ch-nav-slot-gap:clamp(4px,.42vw,7px)!important; display:grid!important; grid-auto-flow:row!important; grid-template-columns: repeat(var(--ch-nav-side-slots),var(--ch-nav-slot-width)) var(--ch-nav-slot-width) repeat(var(--ch-nav-side-slots),var(--ch-nav-slot-width))!important; align-items:stretch!important; justify-items:stretch!important; justify-content:center!important; column-gap:var(--ch-nav-slot-gap)!important; row-gap:0!important; width:max-content!important; min-width:0!important; max-width:calc(100vw - 24px)!important; margin-left:auto!important; margin-right:auto!important; padding:0!important; overflow:visible!important; flex:none!important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-pill, body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-balance-placeholder, body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-center-spacer{ display:flex!important; box-sizing:border-box!important; width:var(--ch-nav-slot-width)!important; min-width:var(--ch-nav-slot-width)!important; max-width:var(--ch-nav-slot-width)!important; margin:0!important; flex:none!important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-pill{ align-items:center!important; justify-content:center!important; min-height:46px!important; padding:7px 6px!important; overflow:visible!important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] .ch-theme-nav-label{ display:block!important; min-width:0!important; max-width:none!important; overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-balance-placeholder, body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-center-spacer{ visibility:hidden!important; pointer-events:none!important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action > .ch-theme-community-center-action{ left:50%!important; right:auto!important; margin-left:0!important; margin-right:0!important; transform:translate(-50%,-22%)!important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action > .ch-theme-community-center-action:hover, body.ch-theme .ch-theme-community-bar--bottom.has-center-action > .ch-theme-community-center-action:focus-visible{ transform:translate(-50%,-25%)!important; } } @media (max-width:782px){ body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"], body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"]{ display:grid!important; grid-auto-flow:row!important; grid-template-columns: repeat(var(--ch-nav-side-slots),minmax(0,1fr)) minmax(0,1fr) repeat(var(--ch-nav-side-slots),minmax(0,1fr))!important; align-items:stretch!important; justify-items:stretch!important; justify-content:center!important; column-gap:clamp(1px,.7vw,4px)!important; row-gap:0!important; width:100%!important; min-width:0!important; max-width:100%!important; margin:0 auto!important; padding-inline:4px!important; overflow:visible!important; flex:none!important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-pill, body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-balance-placeholder, body.ch-theme .ch-theme-community-bar--bottom.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-center-spacer, body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-pill, body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-balance-placeholder, body.ch-theme .ch-theme-community-bar--bottom.ch-theme-community-bar--mobile-icon-only.has-center-action .ch-theme-community-nav[data-ch-balanced-nav="1"] > .ch-theme-nav-center-spacer{ box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; flex:none!important; } body.ch-theme .ch-theme-community-bar--bottom.has-center-action > .ch-theme-community-center-action{ left:50%!important; right:auto!important; transform:translate(-50%,-22%)!important; } } @media (min-width:900px) and (max-width:1539px){ body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both{ display:grid!important; grid-template-columns: minmax(170px,22vw) minmax(0,1fr) minmax(170px,22vw)!important; grid-template-areas:"ch-left ch-feed ch-right"!important; align-items:start!important; justify-content:center!important; column-gap:8px!important; row-gap:0!important; width:min(calc(100vw - 16px),1206px)!important; max-width:1206px!important; margin-left:auto!important; margin-right:auto!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-sidebar--left{ grid-area:ch-left!important; grid-column:1!important; grid-row:1!important; order:1!important; width:100%!important; min-width:0!important; max-width:none!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-community-content-wrap{ grid-area:ch-feed!important; grid-column:2!important; grid-row:1!important; order:2!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both > .ch-theme-sidebar--right{ grid-area:ch-right!important; grid-column:3!important; grid-row:1!important; order:3!important; width:100%!important; min-width:0!important; max-width:none!important; } } .ch-theme-account-avatar-cosmetic{ position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; flex:0 0 38px; overflow:visible; border-radius:999px; } .ch-theme-account-avatar-cosmetic .ch-theme-account-avatar{ position:relative; z-index:2; display:block; margin:0!important; } .ch-theme-account-toggle .ch-theme-account-avatar-cosmetic{ overflow:visible; } .ch-theme-account-panel-head .ch-theme-account-avatar-cosmetic{ flex:0 0 38px; } @media(max-width:960px){ .ch-theme-account-toggle .ch-theme-account-avatar-cosmetic{ width:34px; height:34px; flex-basis:34px; } } @media(max-width:520px){ .ch-theme-account-toggle .ch-theme-account-avatar-cosmetic{ width:31px; height:31px; flex-basis:31px; } } .ch-theme-community-shell--profile.ch-theme-profile-cosmetic .ch-theme-community-sidebar .ch-theme-widget{ position:relative; isolation:isolate; overflow:hidden; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; } .ch-theme-community-shell--profile.ch-theme-profile-cosmetic-effect-midnight-gold .ch-theme-community-sidebar .ch-theme-widget{ border-color:rgba(200,168,75,.44)!important; background: linear-gradient(145deg,rgba(200,168,75,.045),transparent 42%), var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(200,168,75,.56),0 8px 22px rgba(91,68,8,.08)!important; } .ch-theme-community-shell--profile.ch-theme-profile-cosmetic-effect-cosmic .ch-theme-community-sidebar .ch-theme-widget{ border-color:rgba(139,92,246,.44)!important; background: radial-gradient(circle at 14% 14%,rgba(56,189,248,.055),transparent 28%), radial-gradient(circle at 88% 4%,rgba(168,85,247,.065),transparent 30%), var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(139,92,246,.42),0 0 18px rgba(99,102,241,.08)!important; } .ch-theme-community-shell--profile.ch-theme-profile-cosmetic-effect-cosmic .ch-theme-community-sidebar .ch-theme-widget::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; background: radial-gradient(circle at 18% 22%,rgba(125,211,252,.48) 0 1px,transparent 1.7px), radial-gradient(circle at 72% 34%,rgba(196,181,253,.42) 0 1px,transparent 1.7px), radial-gradient(circle at 44% 78%,rgba(255,255,255,.36) 0 1px,transparent 1.7px); background-size:96px 96px,132px 132px,164px 164px; opacity:.48; } .ch-theme-community-shell--profile.ch-theme-profile-cosmetic-effect-aurora-veil .ch-theme-community-sidebar .ch-theme-widget{ border-color:rgba(45,212,191,.40)!important; background: linear-gradient(125deg,rgba(16,185,129,.045),rgba(56,189,248,.055),rgba(139,92,246,.045)), var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(56,189,248,.42),0 0 18px rgba(45,212,191,.07)!important; } .ch-theme-community-shell--profile.ch-theme-profile-cosmetic-effect-obsidian-crown .ch-theme-community-sidebar .ch-theme-widget{ border-color:rgba(113,128,150,.58)!important; background: linear-gradient(145deg,rgba(15,23,42,.08),rgba(71,85,105,.055)), var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(137,149,164,.64),0 8px 22px rgba(15,23,42,.10)!important; } .ch-theme-community-shell--profile.ch-theme-profile-cosmetic-effect-solar-horizon .ch-theme-community-sidebar .ch-theme-widget{ border-color:rgba(251,146,60,.42)!important; background: radial-gradient(circle at 50% 115%,rgba(253,224,71,.075),rgba(249,115,22,.035) 34%,transparent 66%), var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(249,115,22,.46),0 0 18px rgba(249,115,22,.07)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--profile.ch-theme-profile-cosmetic .ch-theme-community-sidebar .ch-theme-widget, body.ch-theme-mode-dark .ch-theme-community-shell--profile.ch-theme-profile-cosmetic .ch-theme-community-sidebar .ch-theme-widget, body.ch-theme-dark .ch-theme-community-shell--profile.ch-theme-profile-cosmetic .ch-theme-community-sidebar .ch-theme-widget{ color:#f4f7fb!important; background-color:#121c2b!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--profile.ch-theme-profile-cosmetic .ch-theme-community-sidebar .ch-theme-widget-title, body.ch-theme-mode-dark .ch-theme-community-shell--profile.ch-theme-profile-cosmetic .ch-theme-community-sidebar .ch-theme-widget-title, body.ch-theme-dark .ch-theme-community-shell--profile.ch-theme-profile-cosmetic .ch-theme-community-sidebar .ch-theme-widget-title{ color:#f4f7fb!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--profile.ch-theme-profile-cosmetic .ch-theme-community-sidebar .ch-theme-widget :is(p,li,label,small), body.ch-theme-mode-dark .ch-theme-community-shell--profile.ch-theme-profile-cosmetic .ch-theme-community-sidebar .ch-theme-widget :is(p,li,label,small), body.ch-theme-dark .ch-theme-community-shell--profile.ch-theme-profile-cosmetic .ch-theme-community-sidebar .ch-theme-widget :is(p,li,label,small){ color:inherit; } @media(prefers-reduced-motion:reduce){ .ch-theme-community-shell--profile.ch-theme-profile-cosmetic .ch-theme-community-sidebar .ch-theme-widget{ transition:none!important; } } body.ch-theme.ch-theme-nav-cosmetic-midnight-gold-nav .ch-theme-community-bar{ background:linear-gradient(180deg,#111722,#090d13)!important; border-color:rgba(200,168,75,.50)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 18px rgba(200,168,75,.12)!important; color:#f7efd5!important; } body.ch-theme.ch-theme-nav-cosmetic-midnight-gold-nav .ch-theme-community-bar .ch-theme-nav-pill{ color:#f7efd5!important; } body.ch-theme.ch-theme-nav-cosmetic-midnight-gold-nav .ch-theme-community-bar .ch-theme-nav-pill:is(:hover,:focus-visible,.is-active){ background:rgba(200,168,75,.16)!important;color:#ffe9a8!important;border-color:rgba(227,197,106,.28)!important; } body.ch-theme.ch-theme-nav-cosmetic-cosmic-current-nav .ch-theme-community-bar{ background:linear-gradient(105deg,#10192b,#151337 38%,#10243c 68%,#10192b)!important; background-size:220% 100%!important; border-color:rgba(139,92,246,.50)!important; box-shadow:0 0 20px rgba(99,102,241,.17),inset 0 1px 0 rgba(125,211,252,.12)!important; color:#edf4ff!important; animation:chThemeSafeNavCosmic 8s linear infinite!important; } body.ch-theme.ch-theme-nav-cosmetic-cosmic-current-nav .ch-theme-community-bar .ch-theme-nav-pill{ color:#edf4ff!important; } body.ch-theme.ch-theme-nav-cosmetic-cosmic-current-nav .ch-theme-community-bar .ch-theme-nav-pill:is(:hover,:focus-visible,.is-active){ background:linear-gradient(135deg,rgba(59,130,246,.24),rgba(139,92,246,.28))!important;color:#fff!important; } body.ch-theme.ch-theme-nav-cosmetic-aurora-flow-nav .ch-theme-community-bar{ background:linear-gradient(110deg,#0d2025,#10243a 35%,#182039 62%,#12262c)!important; background-size:220% 100%!important; border-color:rgba(45,212,191,.45)!important; box-shadow:0 0 18px rgba(45,212,191,.12),inset 0 1px 0 rgba(125,211,252,.10)!important; color:#ebfffb!important; animation:chThemeSafeNavAurora 8s ease-in-out infinite alternate!important; } body.ch-theme.ch-theme-nav-cosmetic-aurora-flow-nav .ch-theme-community-bar .ch-theme-nav-pill{ color:#ebfffb!important; } body.ch-theme.ch-theme-nav-cosmetic-aurora-flow-nav .ch-theme-community-bar .ch-theme-nav-pill:is(:hover,:focus-visible,.is-active){ background:rgba(45,212,191,.14)!important;color:#dcfffa!important;border-color:rgba(125,211,252,.22)!important; } body.ch-theme.ch-theme-nav-cosmetic-obsidian-steel-nav .ch-theme-community-bar{ background:linear-gradient(180deg,#171e27,#080b10)!important; border-color:#66717e!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,0,0,.90),0 0 16px rgba(148,163,184,.10)!important; color:#f4f7fa!important; } body.ch-theme.ch-theme-nav-cosmetic-obsidian-steel-nav .ch-theme-community-bar .ch-theme-nav-pill{ color:#f4f7fa!important; } body.ch-theme.ch-theme-nav-cosmetic-obsidian-steel-nav .ch-theme-community-bar .ch-theme-nav-pill:is(:hover,:focus-visible,.is-active){ background:linear-gradient(145deg,#596574,#29323d)!important;color:#fff!important;border-color:#8995a4!important; } body.ch-theme.ch-theme-nav-cosmetic-solar-ember-nav .ch-theme-community-bar{ background:linear-gradient(105deg,#251510,#2b1710 42%,#20120e)!important; border-color:rgba(249,115,22,.54)!important; box-shadow:0 0 18px rgba(249,115,22,.14),inset 0 1px 0 rgba(251,191,36,.10)!important; color:#fff3df!important; animation:chThemeSafeNavEmber 4.4s ease-in-out infinite!important; } body.ch-theme.ch-theme-nav-cosmetic-solar-ember-nav .ch-theme-community-bar .ch-theme-nav-pill{ color:#fff3df!important; } body.ch-theme.ch-theme-nav-cosmetic-solar-ember-nav .ch-theme-community-bar .ch-theme-nav-pill:is(:hover,:focus-visible,.is-active){ background:rgba(249,115,22,.18)!important;color:#fff5df!important;border-color:rgba(251,191,36,.24)!important; } body.ch-theme.ch-theme-nav-cosmetic-midnight-gold-nav .ch-theme-community-center-action{background:linear-gradient(145deg,#d2ad46,#8b6615)!important;border-color:#f7db7c!important} body.ch-theme.ch-theme-nav-cosmetic-cosmic-current-nav .ch-theme-community-center-action{background:linear-gradient(145deg,#3b82f6,#7c3aed)!important;border-color:#a5b4fc!important} body.ch-theme.ch-theme-nav-cosmetic-aurora-flow-nav .ch-theme-community-center-action{background:linear-gradient(145deg,#14b8a6,#2563eb)!important;border-color:#99f6e4!important} body.ch-theme.ch-theme-nav-cosmetic-obsidian-steel-nav .ch-theme-community-center-action{background:linear-gradient(145deg,#626f7e,#1f2933)!important;border-color:#cbd5e1!important} body.ch-theme.ch-theme-nav-cosmetic-solar-ember-nav .ch-theme-community-center-action{background:linear-gradient(145deg,#f59e0b,#ea580c)!important;border-color:#fde68a!important} @keyframes chThemeSafeNavCosmic{to{background-position:220% 0}} @keyframes chThemeSafeNavAurora{from{background-position:0 0}to{background-position:100% 0}} @keyframes chThemeSafeNavEmber{ 0%,100%{box-shadow:0 0 12px rgba(249,115,22,.10),inset 0 1px 0 rgba(251,191,36,.08)} 50%{box-shadow:0 0 24px rgba(249,115,22,.23),inset 0 1px 0 rgba(251,191,36,.16)} } @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-nav-cosmetic-cosmic-current-nav .ch-theme-community-bar, body.ch-theme.ch-theme-nav-cosmetic-aurora-flow-nav .ch-theme-community-bar, body.ch-theme.ch-theme-nav-cosmetic-solar-ember-nav .ch-theme-community-bar{animation:none!important} } body.ch-theme.ch-theme-nav-cosmetic-liberty-line-nav .ch-theme-community-bar{ background:linear-gradient(180deg,#0b1f4a,#08152f)!important; border-color:#315ca8!important; box-shadow:inset 0 2px 0 #b91c1c,inset 0 -2px 0 #1d4ed8,0 0 18px rgba(37,99,235,.15)!important; color:#f8fafc!important; animation:chThemeLibertyNav 5s ease-in-out infinite!important; } body.ch-theme.ch-theme-nav-cosmetic-liberty-line-nav .ch-theme-community-bar .ch-theme-nav-pill{color:#f8fafc!important} body.ch-theme.ch-theme-nav-cosmetic-liberty-line-nav .ch-theme-community-bar .ch-theme-nav-pill:is(:hover,:focus-visible,.is-active){ background:linear-gradient(135deg,rgba(185,28,28,.28),rgba(29,78,216,.30))!important; color:#fff!important;border-color:rgba(248,250,252,.28)!important; } body.ch-theme.ch-theme-nav-cosmetic-liberty-line-nav .ch-theme-community-center-action{ background: radial-gradient(circle at 28% 23%,rgba(255,255,255,.25) 0 1.5px,transparent 2px), radial-gradient(circle at 72% 23%,rgba(255,255,255,.18) 0 1.2px,transparent 1.8px), linear-gradient(180deg,transparent 0 76%,#b91c1c 76% 81%,#f8fafc 81% 86%,#2563eb 86% 91%,transparent 91%), linear-gradient(180deg,#173a78 0%,#0b2554 52%,#071b3f 100%)!important; border-color:#f8fafc!important; color:#fff!important; box-shadow: 0 0 0 2px #b91c1c, 0 0 0 4px #1d4ed8, inset 0 1px 0 rgba(255,255,255,.24), 0 7px 18px rgba(7,27,63,.30)!important; } @keyframes chThemeLibertyNav{ 0%,100%{box-shadow:inset 0 2px 0 #b91c1c,inset 0 -2px 0 #1d4ed8,0 0 12px rgba(37,99,235,.10)} 50%{box-shadow:inset 0 2px 0 #dc2626,inset 0 -2px 0 #2563eb,0 0 24px rgba(37,99,235,.22)} } @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-nav-cosmetic-liberty-line-nav .ch-theme-community-bar{animation:none!important} } body.ch-theme-better-messages-page #buddypress #item-header, body.ch-theme-better-messages-page #buddypress .users-header.single-headers, body.ch-theme-better-messages-page .buddypress-wrap #item-header, body.ch-theme-better-messages-page .buddypress-wrap .users-header.single-headers{ display:none!important; } body.ch-theme-nav-cosmetic-midnight-gold-nav .ch-theme-back-to-top{ --ch-btt-progress-light:#f7db7c;--ch-btt-progress-dark:#f7db7c; background:linear-gradient(145deg,#d2ad46,#8b6615)!important; border-color:#f7db7c!important;color:#fff8dc!important; box-shadow:0 10px 28px rgba(139,102,21,.34),inset 0 1px 0 rgba(255,255,255,.25)!important; } body.ch-theme-nav-cosmetic-cosmic-current-nav .ch-theme-back-to-top{ --ch-btt-progress-light:#c4b5fd;--ch-btt-progress-dark:#c4b5fd; background:linear-gradient(145deg,#2563eb,#7c3aed 62%,#db2777)!important; border-color:#a5b4fc!important;color:#fff!important; box-shadow:0 10px 30px rgba(99,102,241,.38),0 0 18px rgba(168,85,247,.24)!important; } body.ch-theme-nav-cosmetic-aurora-flow-nav .ch-theme-back-to-top{ --ch-btt-progress-light:#99f6e4;--ch-btt-progress-dark:#99f6e4; background:linear-gradient(145deg,#0f766e,#14b8a6 42%,#2563eb)!important; border-color:#99f6e4!important;color:#f0fdfa!important; box-shadow:0 10px 28px rgba(20,184,166,.30),0 0 16px rgba(37,99,235,.20)!important; } body.ch-theme-nav-cosmetic-obsidian-steel-nav .ch-theme-back-to-top{ --ch-btt-progress-light:#dbe4ee;--ch-btt-progress-dark:#dbe4ee; background:linear-gradient(145deg,#667382,#303b47 52%,#131a22)!important; border-color:#cbd5e1!important;color:#f8fafc!important; box-shadow:0 10px 26px rgba(15,23,42,.42),inset 0 1px 0 rgba(255,255,255,.22)!important; } body.ch-theme-nav-cosmetic-solar-ember-nav .ch-theme-back-to-top{ --ch-btt-progress-light:#fde68a;--ch-btt-progress-dark:#fde68a; background:linear-gradient(145deg,#f59e0b,#ea580c 58%,#b91c1c)!important; border-color:#fde68a!important;color:#fff7ed!important; box-shadow:0 10px 30px rgba(234,88,12,.38),0 0 16px rgba(245,158,11,.22)!important; } body.ch-theme-nav-cosmetic-liberty-line-nav .ch-theme-back-to-top{ --ch-btt-progress-light:#f8fafc;--ch-btt-progress-dark:#f8fafc; background: radial-gradient(circle at 28% 24%,rgba(255,255,255,.30) 0 1.5px,transparent 2px), linear-gradient(180deg,transparent 0 73%,#b91c1c 73% 79%,#f8fafc 79% 85%,#2563eb 85% 91%,transparent 91%), linear-gradient(180deg,#173a78 0%,#0b2554 52%,#071b3f 100%)!important; border-color:#f8fafc!important;color:#fff!important; box-shadow:0 0 0 2px #b91c1c,0 0 0 4px #1d4ed8,0 9px 26px rgba(7,27,63,.34),inset 0 1px 0 rgba(255,255,255,.24)!important; } body.ch-theme-nav-cosmetic .ch-theme-back-to-top:hover, body.ch-theme-nav-cosmetic .ch-theme-back-to-top:focus-visible{filter:brightness(1.08)!important} body.ch-theme :is(.bp-messages-wrap,.better-messages,.bp-better-messages-mini) .chat-footer :is( [data-action*="attach" i], [data-action*="upload" i], [class*="attach" i], [class*="upload" i], [aria-label*="attach" i], [aria-label*="file" i], [aria-label*="upload" i], [title*="attach" i], [title*="file" i], [title*="upload" i] ){ pointer-events:auto!important; } @media (min-width:1180px) and (max-width:1539px){ body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-both{ --ch-laptop-rail:minmax(220px,clamp(220px,19vw,300px)); display:grid!important; grid-template-columns: var(--ch-laptop-rail) minmax(620px,820px) var(--ch-laptop-rail)!important; grid-template-areas:"ch-left ch-feed ch-right"!important; align-items:start!important; justify-content:center!important; gap:8px!important; width:calc(100vw - 24px)!important; max-width:1516px!important; margin-inline:auto!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-left{ display:grid!important; grid-template-columns:minmax(220px,clamp(220px,22vw,300px)) minmax(620px,820px)!important; grid-template-areas:"ch-left ch-feed"!important; align-items:start!important; justify-content:center!important; gap:8px!important; width:calc(100vw - 24px)!important; max-width:1128px!important; margin-inline:auto!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-right{ display:grid!important; grid-template-columns:minmax(620px,820px) minmax(220px,clamp(220px,22vw,300px))!important; grid-template-areas:"ch-feed ch-right"!important; align-items:start!important; justify-content:center!important; gap:8px!important; width:calc(100vw - 24px)!important; max-width:1128px!important; margin-inline:auto!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar--left{ grid-area:ch-left!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-community-content-wrap{ grid-area:ch-feed!important; width:100%!important; min-width:0!important; max-width:820px!important; margin:0!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar--right{ grid-area:ch-right!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > :is(.ch-theme-sidebar--left,.ch-theme-sidebar--right){ width:100%!important; min-width:0!important; max-width:300px!important; margin:0!important; } } @media (min-width:900px) and (max-width:1179px){ body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell:is( .ch-theme-layout--sidebar-both, .ch-theme-layout--sidebar-left, .ch-theme-layout--sidebar-right ){ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-areas: "ch-feed ch-feed" "ch-left ch-right"!important; align-items:start!important; justify-content:center!important; gap:12px 10px!important; width:min(calc(100vw - 28px),820px)!important; max-width:820px!important; margin-inline:auto!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-community-content-wrap{ grid-area:ch-feed!important; grid-column:1 / -1!important; grid-row:1!important; width:100%!important; min-width:0!important; max-width:820px!important; margin:0!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar--left{ grid-area:ch-left!important; grid-column:1!important; grid-row:2!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar--right{ grid-area:ch-right!important; grid-column:2!important; grid-row:2!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > :is(.ch-theme-sidebar--left,.ch-theme-sidebar--right){ position:static!important; top:auto!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-left > .ch-theme-sidebar--left, body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-right > .ch-theme-sidebar--right{ grid-column:1 / -1!important; width:min(100%,420px)!important; justify-self:center!important; } } @media (min-width:783px) and (max-width:899px){ body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell:is( .ch-theme-layout--sidebar-both, .ch-theme-layout--sidebar-left, .ch-theme-layout--sidebar-right ){ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:12px!important; width:min(calc(100vw - 28px),820px)!important; max-width:820px!important; margin-inline:auto!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-community-content-wrap{ order:1!important; width:100%!important; min-width:0!important; max-width:820px!important; margin:0!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar--left{ order:2!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar--right{ order:3!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > :is(.ch-theme-sidebar--left,.ch-theme-sidebar--right){ position:static!important; top:auto!important; width:min(100%,420px)!important; min-width:0!important; max-width:420px!important; margin:0 auto!important; padding:0!important; } } body.ch-theme .ch-reward-toast{ z-index:2147482900!important; } @media(max-width:782px){ body.ch-theme.ch-bm-mobile-session > .ch-theme-header, body.ch-theme.ch-bm-mobile-session > .elementor-location-header, body.ch-theme.ch-bm-mobile-session > .ch-theme-community-bar, body.ch-theme.ch-bm-mobile-session > .ch-theme-mobile-top-action, body.ch-theme.ch-bm-mobile-session > .ch-theme-back-to-top{ visibility:hidden!important; pointer-events:none!important; } body.ch-theme.ch-bm-mobile-session #bp-better-messages-mobile-view-container, body.ch-theme.ch-bm-mobile-session #bp-better-messages-mini-mobile-container, body.ch-theme.ch-bm-mobile-session .bp-messages-full-screen, body.ch-theme.ch-bm-mobile-session .bp-messages-mobile{ z-index:2147483500!important; } } body.ch-theme-bm-profile-cosmetic{ --ch-bm-profile-border:rgba(148,163,184,.46); --ch-bm-profile-header:linear-gradient(180deg,rgba(15,23,42,.96),rgba(20,30,46,.96)); --ch-bm-profile-header-text:#f8fafc; --ch-bm-profile-shadow:0 18px 44px rgba(15,23,42,.20); } body.ch-theme-bm-profile-cosmetic-effect-midnight-gold{ --ch-bm-profile-border:rgba(200,168,75,.64); --ch-bm-profile-header:linear-gradient(180deg,#171712,#0c0d0f); --ch-bm-profile-header-text:#fff2bf; --ch-bm-profile-shadow:0 18px 44px rgba(83,62,8,.24),0 0 18px rgba(200,168,75,.12); } body.ch-theme-bm-profile-cosmetic-effect-cosmic{ --ch-bm-profile-border:rgba(139,92,246,.60); --ch-bm-profile-header:linear-gradient(110deg,#10182c,#241441 48%,#10273d); --ch-bm-profile-header-text:#f4f2ff; --ch-bm-profile-shadow:0 18px 48px rgba(99,102,241,.25),0 0 20px rgba(56,189,248,.12); } body.ch-theme-bm-profile-cosmetic-effect-aurora-veil{ --ch-bm-profile-border:rgba(45,212,191,.58); --ch-bm-profile-header:linear-gradient(110deg,#0d2524,#12304b 48%,#222247); --ch-bm-profile-header-text:#eafffb; --ch-bm-profile-shadow:0 18px 46px rgba(45,212,191,.18),0 0 18px rgba(56,189,248,.13); } body.ch-theme-bm-profile-cosmetic-effect-obsidian-crown{ --ch-bm-profile-border:rgba(151,163,179,.72); --ch-bm-profile-header:linear-gradient(180deg,#1d242d,#080b0f); --ch-bm-profile-header-text:#f7f9fb; --ch-bm-profile-shadow:0 18px 46px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.10); } body.ch-theme-bm-profile-cosmetic-effect-solar-horizon{ --ch-bm-profile-border:rgba(249,115,22,.62); --ch-bm-profile-header:linear-gradient(110deg,#2a160d,#5a250d 48%,#25120d); --ch-bm-profile-header-text:#fff1db; --ch-bm-profile-shadow:0 18px 46px rgba(249,115,22,.20),0 0 18px rgba(251,191,36,.11); } body.ch-theme-bm-profile-cosmetic-effect-liberty-banner{ --ch-bm-profile-border:rgba(236,241,248,.72); --ch-bm-profile-header:linear-gradient(105deg,#081b3c 0 38%,#f5f7fb 38% 42%,#a7192b 42% 48%,#0a2248 48% 100%); --ch-bm-profile-header-text:#fff; --ch-bm-profile-shadow:0 18px 48px rgba(7,31,70,.28),0 0 0 1px rgba(183,28,45,.20); } body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini){ border-color:var(--ch-bm-profile-border)!important; box-shadow:var(--ch-bm-profile-shadow)!important; } body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.tabs,.chat-header,.bm-chat-header,.thread-header,.bm-thread-header,.bm-combined-header,.bm-header){ background:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; color:var(--ch-bm-profile-header-text)!important; } body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.tabs,.chat-header,.bm-chat-header,.thread-header,.bm-thread-header,.bm-combined-header,.bm-header) :is(a,button,span,strong,svg){ color:inherit!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini){transition:none!important} } @media(max-width:782px){ body.ch-theme > .ch-theme-header, body.ch-theme > .elementor-location-header{ overflow:visible!important; } .ch-theme-header > .ch-reward-toast.ch-reward-toast--header-anchored, .elementor-location-header > .ch-reward-toast.ch-reward-toast--header-anchored{ position:absolute!important; top:100%!important; bottom:auto!important; left:50%!important; right:auto!important; z-index:1!important; margin:0!important; transform:translate(-50%,-10px) scale(.99)!important; } .ch-theme-header > .ch-reward-toast.ch-reward-toast--header-anchored.is-visible, .elementor-location-header > .ch-reward-toast.ch-reward-toast--header-anchored.is-visible{ transform:translate(-50%,0) scale(1)!important; } } @media(max-width:782px){ body.ch-theme.ch-bm-mobile-dismissed #bp-better-messages-mobile-view-container, body.ch-theme.ch-bm-mobile-dismissed #bp-better-messages-mini-mobile-container, body.ch-theme.ch-bm-mobile-dismissed .bp-messages-mobile, body.ch-theme.ch-bm-mobile-dismissed .bp-messages-full-screen{ display:none!important; visibility:hidden!important; pointer-events:none!important; } } @media(max-width:782px){ body.ch-theme.ch-bm-mobile-session:not(:has(.bp-messages-mobile)):not(:has(.bp-messages-full-screen)) .ch-theme-community-bar--bottom{ display:flex!important; } } .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="messages"], .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-theme-notification-trigger], .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="shopping"]{ transform:translateZ(0); transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease; } .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="messages"]:active, .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-theme-notification-trigger]:active, .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="shopping"]:active{ transform:scale(.90); } .ch-theme-header-quick-actions .ch-theme-header-icon-button.ch-header-action-ack{ animation:ch-header-action-ack .46s cubic-bezier(.2,.8,.2,1); } .ch-theme-header-quick-actions .ch-theme-header-icon-button.ch-header-action-ack>span:first-child, .ch-theme-header-quick-actions .ch-theme-header-icon-button.ch-header-action-ack>svg{ animation:ch-header-action-icon .46s cubic-bezier(.2,.8,.2,1); } @keyframes ch-header-action-ack{ 0%{transform:scale(1);box-shadow:0 0 0 0 rgba(200,168,75,0)} 28%{transform:scale(.88);box-shadow:0 0 0 0 rgba(200,168,75,.36)} 58%{transform:scale(1.10);box-shadow:0 0 0 7px rgba(200,168,75,.13)} 100%{transform:scale(1);box-shadow:0 0 0 11px rgba(200,168,75,0)} } @keyframes ch-header-action-icon{ 0%{transform:rotate(0deg) scale(1)} 38%{transform:rotate(-10deg) scale(.92)} 68%{transform:rotate(8deg) scale(1.08)} 100%{transform:rotate(0deg) scale(1)} } @media(prefers-reduced-motion:reduce){ .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="messages"], .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-theme-notification-trigger], .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="shopping"]{ transition:none!important; } .ch-theme-header-quick-actions .ch-theme-header-icon-button.ch-header-action-ack, .ch-theme-header-quick-actions .ch-theme-header-icon-button.ch-header-action-ack>span:first-child, .ch-theme-header-quick-actions .ch-theme-header-icon-button.ch-header-action-ack>svg{ animation:none!important; } } @media(max-width:782px){ .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="messages"]{ touch-action:manipulation; -webkit-tap-highlight-color:rgba(200,168,75,.16); } } @media(min-width:783px){ body.ch-theme.ch-bm-chat-open .ch-theme-community-bar--bottom{ display:none!important; } } @media(max-width:782px){ .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="messages"], .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="messages"]>span:first-child, .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="messages"] svg{ will-change:transform; backface-visibility:hidden; } } .ch-theme-notification-preview-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; } .ch-theme-notification-preview-head>div{ display:grid; gap:2px; } .ch-theme-notification-preview-mark-all{ appearance:none; border:1px solid color-mix(in srgb,var(--ch-theme-blue) 48%,var(--ch-theme-border))!important; background:color-mix(in srgb,var(--ch-theme-blue) 10%,var(--ch-theme-surface))!important; color:var(--ch-theme-text)!important; border-radius:999px!important; padding:6px 9px!important; font-size:10px!important; line-height:1!important; font-weight:900!important; cursor:pointer; white-space:nowrap; } .ch-theme-notification-preview-mark-all:hover, .ch-theme-notification-preview-mark-all:focus-visible{ background:color-mix(in srgb,var(--ch-theme-blue) 18%,var(--ch-theme-surface))!important; border-color:var(--ch-theme-blue)!important; outline:none; } .ch-theme-notification-preview-mark-all:disabled{ opacity:.62; cursor:wait; } .ch-theme-notification-preview-item{ grid-template-columns:42px 7px minmax(0,1fr)!important; align-items:center!important; } .ch-theme-notification-preview-visual, body.ch-theme .ch-notification-visual{ width:42px; height:42px; flex:0 0 42px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; overflow:hidden; box-sizing:border-box; } .ch-theme-notification-preview-visual--avatar, body.ch-theme .ch-notification-visual--avatar{ border:1px solid var(--ch-theme-border); background:var(--ch-theme-surface-soft); } .ch-theme-notification-preview-visual--avatar img, body.ch-theme .ch-notification-visual--avatar img{ width:100%; height:100%; object-fit:cover; border-radius:inherit; } .ch-theme-notification-preview-visual--icon, body.ch-theme .ch-notification-visual--icon{ color:var(--ch-theme-blue); background:color-mix(in srgb,var(--ch-theme-blue) 10%,var(--ch-theme-surface)); border:1px solid color-mix(in srgb,var(--ch-theme-blue) 30%,var(--ch-theme-border)); } .ch-theme-notification-preview-visual--reward, body.ch-theme .ch-notification-visual--reward{ color:#a27612; background:color-mix(in srgb,#c8a84b 18%,var(--ch-theme-surface)); border-color:color-mix(in srgb,#c8a84b 45%,var(--ch-theme-border)); } .ch-theme-notification-preview-visual--shield, body.ch-theme .ch-notification-visual--shield{ color:#c2410c; background:color-mix(in srgb,#f97316 10%,var(--ch-theme-surface)); border-color:color-mix(in srgb,#f97316 34%,var(--ch-theme-border)); } .ch-theme-notification-preview-visual--announcement, body.ch-theme .ch-notification-visual--announcement{ color:#7c3aed; background:color-mix(in srgb,#8b5cf6 11%,var(--ch-theme-surface)); border-color:color-mix(in srgb,#8b5cf6 34%,var(--ch-theme-border)); } body.ch-theme .ch-notification-row{ display:grid!important; grid-template-columns:42px 7px minmax(0,1fr)!important; align-items:center!important; gap:12px!important; } body.ch-theme .ch-notification-row .ch-notification-dot{ align-self:center!important; margin:0!important; } html[data-ch-theme-mode="dark"] .ch-theme-notification-preview-mark-all{ background:color-mix(in srgb,var(--ch-theme-blue) 16%,var(--ch-theme-surface))!important; color:var(--ch-theme-text)!important; } @media(max-width:782px){ .ch-theme-notification-preview-head{ gap:8px!important; } .ch-theme-notification-preview-mark-all{ padding:6px 8px!important; font-size:9px!important; } body.ch-theme .ch-notification-row{ grid-template-columns:40px 7px minmax(0,1fr)!important; gap:10px!important; } .ch-theme-notification-preview-visual, body.ch-theme .ch-notification-visual{ width:40px; height:40px; flex-basis:40px; } } body.ch-theme .ch-hooligan-week-card{ --ch-hotw-surface:var(--ch-theme-surface,#fff); --ch-hotw-soft:color-mix(in srgb,#c8a84b 8%,var(--ch-hotw-surface)); --ch-hotw-text:var(--ch-theme-text,#172033); --ch-hotw-muted:var(--ch-theme-text-muted,#667085); --ch-hotw-border:color-mix(in srgb,#c8a84b 30%,var(--ch-theme-border,#dbe3ec)); --ch-hotw-gold:#a27612; position:relative; isolation:isolate; display:grid; justify-items:center; text-align:center; gap:9px; padding:22px 15px 15px; border:1px solid var(--ch-hotw-border)!important; border-radius:18px!important; background: radial-gradient(circle at 50% -18%,rgba(200,168,75,.20),transparent 44%), linear-gradient(155deg,var(--ch-hotw-soft),var(--ch-hotw-surface) 58%)!important; box-shadow:0 10px 30px rgba(15,23,42,.08); color:var(--ch-hotw-text)!important; overflow:hidden; } body.ch-theme .ch-hooligan-week-card::before{ content:""; position:absolute; z-index:-1; inset:0 0 auto; height:3px; background:linear-gradient(90deg,transparent 4%,#c8a84b 34%,#ead78f 50%,#c8a84b 66%,transparent 96%); } body.ch-theme .ch-hooligan-week-card::after{ content:""; position:absolute; z-index:-1; width:115px; height:115px; left:50%; top:22px; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,rgba(200,168,75,.14),rgba(200,168,75,0) 68%); pointer-events:none; } body.ch-theme .ch-hooligan-week-crown{ top:9px!important; right:11px!important; width:27px; height:27px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; color:var(--ch-hotw-gold)!important; background:color-mix(in srgb,#c8a84b 13%,var(--ch-hotw-surface)); border:1px solid color-mix(in srgb,#c8a84b 40%,var(--ch-theme-border,#dbe3ec)); font-size:14px!important; box-shadow:0 4px 12px rgba(15,23,42,.08); } body.ch-theme .ch-hooligan-week-avatar{ position:relative; width:88px!important; height:88px!important; padding:3px!important; border:2px solid #c8a84b!important; background:var(--ch-hotw-surface)!important; box-shadow: 0 0 0 3px color-mix(in srgb,#c8a84b 13%,transparent), 0 10px 24px rgba(15,23,42,.14)!important; transition:transform .18s ease,box-shadow .18s ease; } body.ch-theme .ch-hooligan-week-avatar:hover, body.ch-theme .ch-hooligan-week-avatar:focus-visible{ transform:translateY(-2px); box-shadow: 0 0 0 4px color-mix(in srgb,#c8a84b 18%,transparent), 0 13px 28px rgba(15,23,42,.16)!important; outline:none; } body.ch-theme .ch-hooligan-week-copy{ gap:5px!important; max-width:100%; } body.ch-theme .ch-hooligan-week-name{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ch-hotw-text)!important; font-size:16px!important; font-weight:900!important; letter-spacing:-.01em; text-decoration:none!important; } body.ch-theme .ch-hooligan-week-name:hover, body.ch-theme .ch-hooligan-week-name:focus-visible{ color:var(--ch-theme-blue,#2563eb)!important; text-decoration:none!important; outline:none; } body.ch-theme .ch-hooligan-week-points{ margin-top:1px; padding:5px 9px; border-radius:999px; color:var(--ch-hotw-muted)!important; background:color-mix(in srgb,#c8a84b 8%,var(--ch-hotw-surface)); border:1px solid color-mix(in srgb,#c8a84b 18%,var(--ch-theme-border,#dbe3ec)); font-size:11px!important; line-height:1.25!important; } body.ch-theme .ch-hooligan-week-points strong{ color:var(--ch-hotw-gold)!important; font-size:14px!important; font-weight:950; } body.ch-theme .ch-hooligan-week-period{ width:100%; margin-top:2px; padding-top:8px; border-top:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 72%,transparent); color:var(--ch-hotw-muted)!important; font-size:9px!important; font-weight:850!important; letter-spacing:.06em!important; } body.ch-theme .ch-hooligan-week-empty{ border-color:var(--ch-theme-border,#dbe3ec)!important; background:var(--ch-theme-surface,#fff)!important; color:var(--ch-theme-text-muted,#667085)!important; } body.ch-theme .ch-hooligan-week-empty>span{ color:#a27612!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-card{ --ch-hotw-surface:var(--ch-theme-surface,#111827); --ch-hotw-soft:color-mix(in srgb,#c8a84b 10%,var(--ch-hotw-surface)); --ch-hotw-text:var(--ch-theme-text,#f4f7fb); --ch-hotw-muted:var(--ch-theme-text-muted,#aab7c7); --ch-hotw-border:color-mix(in srgb,#c8a84b 34%,var(--ch-theme-border,#334155)); --ch-hotw-gold:#e4c76f; background: radial-gradient(circle at 50% -18%,rgba(228,199,111,.18),transparent 44%), linear-gradient(155deg,var(--ch-hotw-soft),var(--ch-hotw-surface) 58%)!important; box-shadow:0 12px 34px rgba(0,0,0,.28); } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-avatar{ box-shadow: 0 0 0 3px rgba(228,199,111,.10), 0 11px 26px rgba(0,0,0,.32)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-crown{ background:rgba(228,199,111,.10); border-color:rgba(228,199,111,.28); } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-points{ background:rgba(228,199,111,.07); border-color:rgba(228,199,111,.16); } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-empty{ background:var(--ch-theme-surface,#111827)!important; border-color:var(--ch-theme-border,#334155)!important; color:var(--ch-theme-text-muted,#aab7c7)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-empty>span{ color:#e4c76f!important; } @media(max-width:782px){ body.ch-theme .ch-hooligan-week-card{ padding:19px 13px 13px; border-radius:16px!important; } body.ch-theme .ch-hooligan-week-avatar{ width:80px!important; height:80px!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-hooligan-week-avatar{ transition:none!important; } } body.ch-theme .ch-hooligan-week-points{ padding:7px 11px!important; font-size:13px!important; line-height:1.35!important; font-weight:700!important; } body.ch-theme .ch-hooligan-week-points strong{ font-size:16px!important; } body.ch-theme .ch-hooligan-week-period{ padding-top:9px!important; font-size:11px!important; line-height:1.35!important; font-weight:850!important; letter-spacing:.035em!important; } @media(max-width:782px){ body.ch-theme .ch-hooligan-week-points{ font-size:13px!important; } body.ch-theme .ch-hooligan-week-period{ font-size:11px!important; } } body.ch-theme .ch-daily-spotlight{ --ch-daily-accent:var(--ch-theme-blue,#2563eb); --ch-daily-surface:var(--ch-theme-surface,#fff); --ch-daily-soft:color-mix(in srgb,var(--ch-daily-accent) 6%,var(--ch-daily-surface)); --ch-daily-text:var(--ch-theme-text,#172033); --ch-daily-muted:var(--ch-theme-text-muted,#667085); --ch-daily-border:color-mix(in srgb,var(--ch-daily-accent) 18%,var(--ch-theme-border,#dbe3ec)); position:relative; isolation:isolate; display:grid; gap:12px; padding:16px; border:1px solid var(--ch-daily-border)!important; border-radius:17px!important; color:var(--ch-daily-text)!important; background: radial-gradient(circle at 92% -8%,color-mix(in srgb,var(--ch-daily-accent) 12%,transparent),transparent 35%), linear-gradient(155deg,var(--ch-daily-soft),var(--ch-daily-surface) 58%)!important; box-shadow:0 9px 26px rgba(15,23,42,.07); overflow:hidden; } body.ch-theme .ch-daily-spotlight::before{ content:""; position:absolute; left:0;top:0;bottom:0; width:3px; background:linear-gradient(180deg,var(--ch-daily-accent),color-mix(in srgb,var(--ch-daily-accent) 20%,transparent)); } body.ch-theme .ch-daily-spotlight-kicker{ color:var(--ch-daily-accent)!important; font-size:10px!important; line-height:1!important; font-weight:950!important; letter-spacing:.11em!important; text-transform:uppercase; } body.ch-theme .ch-daily-spotlight-phrase{ color:var(--ch-daily-text)!important; font-size:21px!important; line-height:1.15!important; font-weight:950!important; letter-spacing:-.025em; } body.ch-theme .ch-daily-spotlight-section{ display:grid; gap:4px; padding-top:10px; border-top:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 72%,transparent); } body.ch-theme .ch-daily-spotlight-section>span{ color:var(--ch-daily-muted)!important; font-size:10px!important; line-height:1.2!important; font-weight:950!important; letter-spacing:.055em!important; text-transform:uppercase; } body.ch-theme .ch-daily-spotlight-section p{ margin:0!important; color:var(--ch-daily-text)!important; font-size:12px!important; line-height:1.48!important; font-weight:600; } body.ch-theme .ch-daily-spotlight-example{ padding:10px 11px; border:1px solid color-mix(in srgb,var(--ch-daily-accent) 14%,var(--ch-theme-border,#dbe3ec)); border-radius:11px; background:color-mix(in srgb,var(--ch-daily-accent) 5%,var(--ch-daily-surface)); } body.ch-theme .ch-daily-spotlight-example p{ font-style:italic; } body.ch-theme .ch-daily-spotlight-date{ padding-top:8px; border-top:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 72%,transparent); color:var(--ch-daily-muted)!important; font-size:10px!important; line-height:1.3!important; font-weight:800!important; text-align:right; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-daily-spotlight{ --ch-daily-surface:var(--ch-theme-surface,#111827); --ch-daily-soft:color-mix(in srgb,var(--ch-daily-accent) 10%,var(--ch-daily-surface)); --ch-daily-text:var(--ch-theme-text,#f4f7fb); --ch-daily-muted:var(--ch-theme-text-muted,#aab7c7); --ch-daily-border:color-mix(in srgb,var(--ch-daily-accent) 26%,var(--ch-theme-border,#334155)); box-shadow:0 11px 30px rgba(0,0,0,.24); } html[data-ch-theme-mode="dark"] body.ch-theme .ch-daily-spotlight-example{ background:color-mix(in srgb,var(--ch-daily-accent) 8%,var(--ch-daily-surface)); } @media(max-width:782px){ body.ch-theme .ch-daily-spotlight{ padding:14px; gap:11px; border-radius:15px!important; } body.ch-theme .ch-daily-spotlight-phrase{ font-size:20px!important; } body.ch-theme .ch-daily-spotlight-section p{ font-size:12px!important; } } body.ch-theme .ch-daily-spotlight-phrase{ font-weight:760!important; letter-spacing:-.015em!important; } body.ch-theme .ch-daily-spotlight-section p{ font-weight:500!important; } body.ch-theme .ch-daily-spotlight-section>span{ font-weight:800!important; } body.ch-theme .ch-daily-spotlight-date{ font-weight:700!important; } @media(min-width:783px){ body.ch-theme .ch-spotlight-expandable{ cursor:zoom-in; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } body.ch-theme .ch-spotlight-expandable:hover{ transform:translateY(-2px); box-shadow:0 13px 34px rgba(15,23,42,.12); } body.ch-theme .ch-spotlight-expandable:focus-visible{ outline:2px solid var(--ch-theme-blue,#2563eb); outline-offset:3px; } html.ch-spotlight-modal-open{ overflow:hidden!important; } .ch-spotlight-modal[hidden]{ display:none!important; } .ch-spotlight-modal{ position:fixed; inset:0; z-index:2147482000; display:grid; place-items:center; padding:42px; opacity:0; transition:opacity .17s ease; } .ch-spotlight-modal.is-open{ opacity:1; } .ch-spotlight-modal-backdrop{ position:absolute; inset:0; background:rgba(5,10,20,.74); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); } .ch-spotlight-modal-dialog{ position:relative; width:min(780px,calc(100vw - 84px)); max-height:calc(100vh - 84px); display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; border:1px solid color-mix(in srgb,#c8a84b 28%,var(--ch-theme-border,#dbe3ec)); border-radius:24px; background:var(--ch-theme-surface,#fff); color:var(--ch-theme-text,#172033); box-shadow:0 30px 90px rgba(0,0,0,.42); transform:translateY(14px) scale(.975); transition:transform .18s cubic-bezier(.2,.8,.2,1); } .ch-spotlight-modal.is-open .ch-spotlight-modal-dialog{ transform:translateY(0) scale(1); } .ch-spotlight-modal-header{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid var(--ch-theme-border,#dbe3ec); background: radial-gradient(circle at 12% -80%,rgba(200,168,75,.17),transparent 48%), var(--ch-theme-surface,#fff); } .ch-spotlight-modal-header>div{ min-width:0; display:grid; gap:4px; } .ch-spotlight-modal-kicker{ color:#a27612; font-size:10px; line-height:1; font-weight:900; letter-spacing:.11em; text-transform:uppercase; } .ch-spotlight-modal-header h2{ margin:0!important; color:var(--ch-theme-text,#172033)!important; font-size:22px!important; line-height:1.15!important; font-weight:850!important; } .ch-spotlight-modal-close{ appearance:none; width:42px; height:42px; flex:0 0 42px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--ch-theme-border,#dbe3ec); border-radius:50%; background:var(--ch-theme-surface-soft,#f4f7fb); color:var(--ch-theme-text,#172033); cursor:pointer; transition:transform .15s ease,background .15s ease,border-color .15s ease; } .ch-spotlight-modal-close:hover, .ch-spotlight-modal-close:focus-visible{ transform:scale(1.06); border-color:#c8a84b; background:color-mix(in srgb,#c8a84b 10%,var(--ch-theme-surface,#fff)); outline:none; } .ch-spotlight-modal-body{ min-height:0; overflow:auto; padding:28px; overscroll-behavior:contain; } body.ch-theme .ch-spotlight-modal .ch-daily-spotlight{ gap:17px!important; padding:28px!important; border-radius:21px!important; box-shadow:none!important; transform:none!important; cursor:default!important; } body.ch-theme .ch-spotlight-modal .ch-daily-spotlight-kicker{ font-size:12px!important; } body.ch-theme .ch-spotlight-modal .ch-daily-spotlight-phrase{ font-size:34px!important; line-height:1.13!important; font-weight:760!important; } body.ch-theme .ch-spotlight-modal .ch-daily-spotlight-section{ gap:7px!important; padding-top:15px!important; } body.ch-theme .ch-spotlight-modal .ch-daily-spotlight-section>span{ font-size:12px!important; } body.ch-theme .ch-spotlight-modal .ch-daily-spotlight-section p{ font-size:17px!important; line-height:1.58!important; font-weight:480!important; } body.ch-theme .ch-spotlight-modal .ch-daily-spotlight-example{ padding:15px 17px!important; } body.ch-theme .ch-spotlight-modal .ch-daily-spotlight-date{ font-size:12px!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-card{ gap:15px!important; padding:34px 26px 24px!important; border-radius:22px!important; box-shadow:none!important; transform:none!important; cursor:default!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar{ width:132px!important; height:132px!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-name{ font-size:26px!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-points{ padding:9px 14px!important; font-size:17px!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-points strong{ font-size:21px!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-period{ padding-top:13px!important; font-size:13px!important; } html[data-ch-theme-mode="dark"] .ch-spotlight-modal-dialog{ background:var(--ch-theme-surface,#111827); border-color:rgba(228,199,111,.24); color:var(--ch-theme-text,#f4f7fb); } html[data-ch-theme-mode="dark"] .ch-spotlight-modal-header{ background: radial-gradient(circle at 12% -80%,rgba(228,199,111,.13),transparent 48%), var(--ch-theme-surface,#111827); border-color:var(--ch-theme-border,#334155); } html[data-ch-theme-mode="dark"] .ch-spotlight-modal-kicker{ color:#e4c76f; } html[data-ch-theme-mode="dark"] .ch-spotlight-modal-close{ background:var(--ch-theme-surface-soft,#1c2636); border-color:var(--ch-theme-border,#334155); color:var(--ch-theme-text,#f4f7fb); } } @media(prefers-reduced-motion:reduce){ .ch-spotlight-modal, .ch-spotlight-modal-dialog, body.ch-theme .ch-spotlight-expandable, .ch-spotlight-modal-close{ transition:none!important; } } @media(min-width:783px){ body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar{ position:relative!important; box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar > img, body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar > picture, body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar > picture > img, body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar .avatar, body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar .ch-profile-avatar-img{ width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; display:block!important; object-fit:cover!important; object-position:center!important; border-radius:50%!important; box-sizing:border-box!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar > img, body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar > picture{ overflow:hidden!important; } } body.ch-theme .ch-hooligan-week-avatar{ box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:50%!important; overflow:visible!important; } body.ch-theme .ch-hooligan-week-avatar > img, body.ch-theme .ch-hooligan-week-avatar > picture > img, body.ch-theme .ch-hooligan-week-avatar .avatar, body.ch-theme .ch-hooligan-week-avatar .ch-profile-avatar-img{ display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; object-fit:cover!important; object-position:center!important; border-radius:50%!important; clip-path:circle(50% at 50% 50%)!important; box-sizing:border-box!important; } body.ch-theme .ch-hooligan-week-avatar > picture{ display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; border-radius:50%!important; } body.ch-theme-nav-cosmetic-midnight-gold-nav .ch-theme-back-to-top:is(:hover,:focus-visible,:active){ background:linear-gradient(145deg,#d2ad46,#8b6615)!important; border-color:#f7db7c!important;color:#fff8dc!important; box-shadow:0 10px 28px rgba(139,102,21,.34),inset 0 1px 0 rgba(255,255,255,.25)!important; } body.ch-theme-nav-cosmetic-cosmic-current-nav .ch-theme-back-to-top:is(:hover,:focus-visible,:active){ background:linear-gradient(145deg,#2563eb,#7c3aed 62%,#db2777)!important; border-color:#a5b4fc!important;color:#fff!important; box-shadow:0 10px 30px rgba(99,102,241,.38),0 0 18px rgba(168,85,247,.24)!important; } body.ch-theme-nav-cosmetic-aurora-flow-nav .ch-theme-back-to-top:is(:hover,:focus-visible,:active){ background:linear-gradient(145deg,#0f766e,#14b8a6 42%,#2563eb)!important; border-color:#99f6e4!important;color:#f0fdfa!important; box-shadow:0 10px 28px rgba(20,184,166,.30),0 0 16px rgba(37,99,235,.20)!important; } body.ch-theme-nav-cosmetic-obsidian-steel-nav .ch-theme-back-to-top:is(:hover,:focus-visible,:active){ background:linear-gradient(145deg,#667382,#303b47 52%,#131a22)!important; border-color:#cbd5e1!important;color:#f8fafc!important; box-shadow:0 10px 26px rgba(15,23,42,.42),inset 0 1px 0 rgba(255,255,255,.22)!important; } body.ch-theme-nav-cosmetic-solar-ember-nav .ch-theme-back-to-top:is(:hover,:focus-visible,:active){ background:linear-gradient(145deg,#f59e0b,#ea580c 58%,#b91c1c)!important; border-color:#fde68a!important;color:#fff7ed!important; box-shadow:0 10px 30px rgba(234,88,12,.38),0 0 16px rgba(245,158,11,.22)!important; } body.ch-theme-nav-cosmetic-liberty-line-nav .ch-theme-back-to-top:is(:hover,:focus-visible,:active){ background: radial-gradient(circle at 28% 24%,rgba(255,255,255,.30) 0 1.5px,transparent 2px), linear-gradient(180deg,transparent 0 73%,#b91c1c 73% 79%,#f8fafc 79% 85%,#2563eb 85% 91%,transparent 91%), linear-gradient(180deg,#173a78 0%,#0b2554 52%,#071b3f 100%)!important; border-color:#f8fafc!important;color:#fff!important; box-shadow:0 0 0 2px #b91c1c,0 0 0 4px #1d4ed8,0 9px 26px rgba(7,27,63,.34),inset 0 1px 0 rgba(255,255,255,.24)!important; } body.ch-theme .ch-hooligan-week-card{ gap:11px!important; } body.ch-theme .ch-hooligan-week-card::after{ width:132px; height:132px; top:18px; background:radial-gradient(circle,rgba(200,168,75,.18),rgba(200,168,75,0) 70%); } body.ch-theme .ch-hooligan-week-avatar{ position:relative!important; isolation:isolate!important; width:96px!important; height:96px!important; padding:4px!important; border:1px solid rgba(200,168,75,.95)!important; background: linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.58)) padding-box, radial-gradient(circle at 30% 20%,rgba(234,215,143,.72),rgba(200,168,75,.18) 52%,rgba(162,118,18,.10) 100%) border-box!important; box-shadow: 0 0 0 4px rgba(200,168,75,.12), 0 16px 34px rgba(15,23,42,.18)!important; } body.ch-theme .ch-hooligan-week-avatar::before{ content:""; position:absolute; inset:-6px; border-radius:50%; border:1px solid rgba(200,168,75,.28); box-shadow:0 0 0 1px rgba(234,215,143,.22) inset; pointer-events:none; } body.ch-theme .ch-hooligan-week-avatar::after{ content:"★"; position:absolute; right:-4px; bottom:1px; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(180deg,#f8e39b,#c8961c); border:1px solid rgba(162,118,18,.82); color:#5d3f03; font-size:14px; line-height:1; font-weight:900; box-shadow:0 8px 18px rgba(15,23,42,.18); pointer-events:none; } body.ch-theme .ch-hooligan-week-avatar > picture, body.ch-theme .ch-hooligan-week-avatar > img, body.ch-theme .ch-hooligan-week-avatar .avatar, body.ch-theme .ch-hooligan-week-avatar .ch-profile-avatar-img{ position:relative!important; z-index:1!important; } body.ch-theme .ch-hooligan-week-copy{ gap:6px!important; } body.ch-theme .ch-hooligan-week-name{ font-size:17px!important; } body.ch-theme .ch-hooligan-week-points{ box-shadow:inset 0 1px 0 rgba(255,255,255,.48); } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar{ width:138px!important; height:138px!important; padding:5px!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar::before{ inset:-8px; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-avatar::after{ right:-2px; bottom:4px; width:34px; height:34px; font-size:17px; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-card::after{ background:radial-gradient(circle,rgba(228,199,111,.26),rgba(228,199,111,0) 70%); } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-avatar{ border-color:rgba(228,199,111,.9)!important; background: linear-gradient(180deg,rgba(22,30,43,.95),rgba(12,18,29,.92)) padding-box, radial-gradient(circle at 30% 20%,rgba(228,199,111,.72),rgba(228,199,111,.18) 52%,rgba(120,89,20,.14) 100%) border-box!important; box-shadow: 0 0 0 4px rgba(228,199,111,.11), 0 18px 36px rgba(0,0,0,.34)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-avatar::before{ border-color:rgba(228,199,111,.24); box-shadow:0 0 0 1px rgba(248,223,143,.16) inset; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-avatar::after{ background:linear-gradient(180deg,#f4dc88,#c89417); border-color:rgba(248,223,143,.34); color:#4b3202; box-shadow:0 10px 22px rgba(0,0,0,.36); } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-points{ box-shadow:inset 0 1px 0 rgba(255,255,255,.04); } @media(max-width:782px){ body.ch-theme .ch-hooligan-week-avatar{ width:86px!important; height:86px!important; padding:4px!important; } body.ch-theme .ch-hooligan-week-avatar::after{ width:25px; height:25px; font-size:12px; right:-2px; bottom:0; } body.ch-theme .ch-hooligan-week-name{ font-size:16px!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-hooligan-week-avatar, body.ch-theme .ch-hooligan-week-avatar::before, body.ch-theme .ch-hooligan-week-avatar::after{ transition:none!important; } } @media (min-width: 783px) { .ch-theme .ch-comment-reaction-wrap > .ch-reaction-picker { display: grid !important; grid-template-columns: repeat(5, 40px) !important; grid-auto-flow: row !important; width: max-content !important; min-width: 0 !important; max-width: none !important; gap: 6px !important; padding: 10px !important; border-radius: 6px !important; white-space: normal !important; overflow: visible !important; justify-content: start !important; align-content: start !important; } .ch-theme .ch-comment-reaction-wrap > .ch-reaction-picker .ch-reaction-option { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; max-width: 40px !important; max-height: 40px !important; } } .ch-theme img.ch-reaction-icon-bg-clear{background:transparent!important} .ch-theme img.ch-reaction-icon-bg-white{background:#fff!important;padding:3px!important;border-radius:6px!important;box-sizing:border-box!important} .ch-theme img.ch-reaction-icon-bg-black{background:#000!important;padding:3px!important;border-radius:6px!important;box-sizing:border-box!important} .ch-theme .ch-online-members-live{ min-width:0!important; } .ch-theme .ch-online-members-list{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:10px 6px!important; align-items:start!important; width:100%!important; min-width:0!important; } .ch-theme .ch-online-member{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; min-width:0!important; gap:5px!important; padding:4px 1px!important; border-radius:10px!important; text-align:center!important; text-decoration:none!important; color:inherit!important; transition:background-color .16s ease,transform .16s ease!important; } @media(hover:hover) and (pointer:fine){ .ch-theme .ch-online-member:hover{ background:var(--ch-surface-raised,rgba(127,127,127,.10))!important; transform:translateY(-1px)!important; } } .ch-theme .ch-online-member-avatar{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:44px!important; height:44px!important; flex:0 0 44px!important; border-radius:50%!important; } .ch-theme .ch-online-member-avatar>img, .ch-theme .ch-online-member-avatar img.avatar, .ch-theme .ch-online-member-avatar img.photo{ display:block!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; max-width:42px!important; max-height:42px!important; aspect-ratio:1/1!important; border-radius:50%!important; object-fit:cover!important; } .ch-theme .ch-online-member-avatar>i{ position:absolute!important; right:0!important; bottom:1px!important; width:11px!important; height:11px!important; border:2px solid var(--ch-surface,var(--ch-card-bg,#fff))!important; border-radius:50%!important; background:#21c55d!important; box-sizing:border-box!important; z-index:3!important; } .ch-theme .ch-online-member-copy{ display:flex!important; width:100%!important; min-width:0!important; flex-direction:column!important; align-items:center!important; gap:1px!important; } .ch-theme .ch-online-member-copy strong{ display:block!important; width:100%!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:10px!important; font-weight:650!important; line-height:1.2!important; } .ch-theme .ch-online-member-copy .ch-user-badges, .ch-theme .ch-online-member-copy .ch-badges{ max-width:100%!important; justify-content:center!important; } .ch-theme .ch-online-members-empty{ margin:8px 0!important; text-align:center!important; font-size:12px!important; line-height:1.45!important; } @media(max-width:340px){ .ch-theme .ch-online-members-list{gap:8px 4px!important} .ch-theme .ch-online-member-avatar{width:40px!important;height:40px!important;flex-basis:40px!important} .ch-theme .ch-online-member-avatar>img, .ch-theme .ch-online-member-avatar img.avatar, .ch-theme .ch-online-member-avatar img.photo{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important} } .ch-theme .ch-online-member-avatar>img, .ch-theme .ch-online-member-avatar img.avatar, .ch-theme .ch-online-member-avatar img.photo{ box-shadow:0 0 0 1px color-mix(in srgb,currentColor 10%,transparent)!important; transition:transform .18s ease,box-shadow .18s ease!important; } @media(hover:hover) and (pointer:fine){ .ch-theme .ch-online-member:hover .ch-online-member-avatar>img, .ch-theme .ch-online-member:hover .ch-online-member-avatar img.avatar, .ch-theme .ch-online-member:hover .ch-online-member-avatar img.photo{ transform:scale(1.035)!important; box-shadow:0 0 0 2px rgba(33,197,93,.20),0 4px 12px rgba(15,23,42,.10)!important; } } .ch-theme .ch-online-member-avatar>i{ animation:ch-online-presence-pulse 2.2s ease-out infinite!important; } @keyframes ch-online-presence-pulse{ 0%,45%,100%{box-shadow:0 0 0 0 rgba(33,197,93,0)!important} 12%{box-shadow:0 0 0 4px rgba(33,197,93,.18)!important} 28%{box-shadow:0 0 0 7px rgba(33,197,93,0)!important} } @media(max-width:782px){ .ch-theme .ch-action-row .ch-reaction-trigger.is-liked .ch-reaction-emoji{ width:29px!important; min-width:29px!important; height:29px!important; font-size:29px!important; line-height:29px!important; margin-right:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } .ch-theme .ch-action-row .ch-reaction-trigger.is-liked .ch-reaction-icon-img{ width:29px!important; min-width:29px!important; height:29px!important; max-width:29px!important; max-height:29px!important; margin-right:0!important; object-fit:contain!important; } .ch-theme .ch-action-row .ch-reaction-trigger.is-liked .ch-reaction-icon-img.ch-reaction-icon-bg-white, .ch-theme .ch-action-row .ch-reaction-trigger.is-liked .ch-reaction-icon-img.ch-reaction-icon-bg-black{ padding:2px!important; } } @media(prefers-reduced-motion:reduce){ .ch-theme .ch-online-member-avatar>i{animation:none!important} .ch-theme .ch-online-member-avatar>img, .ch-theme .ch-online-member-avatar img.avatar, .ch-theme .ch-online-member-avatar img.photo{transition:none!important} } .ch-theme .ch-online-member-avatar>i{ background:var(--ch-theme-accent,var(--ch-theme-blue,#0080ff))!important; animation:ch-online-presence-accent-pulse 2.2s ease-out infinite!important; } @media(hover:hover) and (pointer:fine){ .ch-theme .ch-online-member:hover .ch-online-member-avatar>img, .ch-theme .ch-online-member:hover .ch-online-member-avatar img.avatar, .ch-theme .ch-online-member:hover .ch-online-member-avatar img.photo{ box-shadow:0 0 0 2px color-mix(in srgb,var(--ch-theme-accent,var(--ch-theme-blue,#0080ff)) 22%,transparent),0 4px 12px rgba(15,23,42,.10)!important; } } @keyframes ch-online-presence-accent-pulse{ 0%,45%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ch-theme-accent,var(--ch-theme-blue,#0080ff)) 0%,transparent)!important} 12%{box-shadow:0 0 0 4px color-mix(in srgb,var(--ch-theme-accent,var(--ch-theme-blue,#0080ff)) 20%,transparent)!important} 28%{box-shadow:0 0 0 7px color-mix(in srgb,var(--ch-theme-accent,var(--ch-theme-blue,#0080ff)) 0%,transparent)!important} } @media(prefers-reduced-motion:reduce){.ch-theme .ch-online-member-avatar>i{animation:none!important}} html[data-ch-theme-mode="light"] body.ch-theme :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.tabs,.chat-header,.chat > .head){ background:var(--ch-theme-surface,#fff)!important; border-color:var(--ch-theme-border,#dbe3ec)!important; color:var(--ch-theme-text,#182230)!important; } html[data-ch-theme-mode="light"] body.ch-theme :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.tabs,.chat-header,.chat > .head) :is(.title,.name,.name a,.sub-name,.last-online,.group-online,.thread-info-data,a,button,span,strong){ color:var(--ch-theme-text,#182230)!important; } html[data-ch-theme-mode="light"] body.ch-theme :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.chat-header,.chat > .head) :is(.controls,.thread-actions) :is(a,button,span,div,svg){ color:var(--ch-theme-text,#182230)!important; } html[data-ch-theme-mode="light"] body.ch-theme :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.chat-header,.chat > .head) :is(.controls,.thread-actions) svg{ fill:currentColor!important; stroke:currentColor; } body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat.open{ border-color:var(--ch-bm-profile-border)!important; box-shadow:var(--ch-bm-profile-shadow)!important; } body.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel{ border-color:var(--ch-bm-profile-border)!important; box-shadow:var(--ch-bm-profile-shadow)!important; } body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.chat.open > .head,.chat-header){ background:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; color:var(--ch-bm-profile-header-text)!important; } body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.chat.open > .head,.chat-header) :is(.title,.name,.name a,.sub-name,.last-online,.group-online,.thread-info-data,a,button,span,strong){ color:var(--ch-bm-profile-header-text)!important; } body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.chat.open > .head,.chat-header) :is(.controls,.thread-actions) :is(a,button,span,div,svg){ color:var(--ch-bm-profile-header-text)!important; } body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.chat.open > .head,.chat-header) :is(.controls,.thread-actions) svg{ fill:currentColor!important; stroke:currentColor; } body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat.bm-chat-animated{ transition:height .15s ease-out,box-shadow .15s ease,border-color .15s ease!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat.bm-chat-animated{transition:none!important} } body.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs{ background:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; color:var(--ch-bm-profile-header-text)!important; } body.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > div:not([data-tab="bpbm-close"]){ background: linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.22)), var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 68%,transparent)!important; opacity:.82; transition:opacity .16s ease,filter .16s ease,background .16s ease,box-shadow .16s ease!important; } body.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > div:not([data-tab="bpbm-close"]) :is(span,svg){ color:var(--ch-bm-profile-header-text)!important; fill:currentColor!important; stroke:currentColor; } body.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > div.active:not([data-tab="bpbm-close"]){ background:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; opacity:1; filter:none!important; box-shadow: inset 0 -2px 0 color-mix(in srgb,var(--ch-bm-profile-border) 88%,white 12%)!important; } @media(hover:hover) and (pointer:fine){ body.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > div:not(.active):not([data-tab="bpbm-close"]):hover{ opacity:.92; } } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > div.active:not([data-tab="bpbm-close"]){ background:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; border-color:var(--ch-bm-profile-border)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > div:not(.active):not([data-tab="bpbm-close"]){ background: linear-gradient(rgba(0,0,0,.24),rgba(0,0,0,.24)), var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; } body.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel, body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat.open{ border:1px solid var(--ch-bm-profile-border)!important; box-shadow: 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 50%,transparent), 0 0 10px color-mix(in srgb,var(--ch-bm-profile-border) 42%,transparent)!important; } body.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel{ overflow:hidden; } @media(prefers-reduced-motion:reduce){ body.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > div{ transition:none!important; } } body.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs{ border-color:var(--ch-bm-profile-border)!important; background:var(--ch-bm-profile-header)!important; } body.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab), body.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div:not(.bm-bubble-button){ color:var(--ch-bm-profile-header-text)!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 72%,transparent)!important; background: linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.30)), var(--ch-bm-profile-header)!important; opacity:.84!important; filter:saturate(.82) brightness(.78)!important; box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--ch-bm-profile-border) 52%,transparent)!important; } body.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab) :is(span,a,button,svg), body.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div:not(.bm-bubble-button) :is(span,a,button,svg){ color:inherit!important; fill:currentColor!important; stroke:currentColor!important; } body.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab).active, body.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div.active:not(.bm-bubble-button){ background:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; opacity:1!important; filter:none!important; box-shadow: inset 0 -2px 0 color-mix(in srgb,var(--ch-bm-profile-border) 88%,white 12%), inset 0 1px 0 rgba(255,255,255,.08)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab).active, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div.active:not(.bm-bubble-button){ background:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; border-color:var(--ch-bm-profile-border)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab):not(.active), html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div:not(.active):not(.bm-bubble-button){ background: linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,.34)), var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; opacity:.86!important; filter:saturate(.78) brightness(.76)!important; } body.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open, body.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel, body.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-opened{ border:1px solid var(--ch-bm-profile-border)!important; box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 28%,transparent), 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 72%,transparent), 0 0 5px color-mix(in srgb,var(--ch-bm-profile-border) 46%,transparent)!important; } @media(hover:hover) and (pointer:fine){ body.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab):not(.active):hover, body.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div:not(.active):not(.bm-bubble-button):hover{ opacity:.94!important; filter:saturate(.9) brightness(.86)!important; } } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list .tabs{ background:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab), html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list .tabs > div:not(.bm-bubble-button){ background:transparent!important; border-color:transparent!important; box-shadow:none!important; filter:none!important; opacity:1!important; color:var(--ch-bm-profile-header-text)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-theme-elementor-page){ background: radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--ch-bm-profile-border) 24%,transparent),transparent 31rem), radial-gradient(circle at 92% 100%,color-mix(in srgb,var(--ch-bm-profile-border) 16%,transparent),transparent 34rem), var(--ch-theme-bg,#f3f6fb)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.tabs,.chat-header,.chat > .head,.bm-chat-header,.thread-header,.bm-thread-header,.bm-combined-header,.bm-header){ background:color-mix(in srgb,var(--ch-theme-surface,#fff) 94%,var(--ch-bm-profile-border) 6%)!important; color:var(--ch-theme-text,#182230)!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 72%,var(--ch-theme-border,#dbe3ec))!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.tabs,.chat-header,.chat > .head,.bm-chat-header,.thread-header,.bm-thread-header,.bm-combined-header,.bm-header) :is(a,button,span,strong,svg,.title,.name,.name a,.sub-name,.last-online,.group-online,.thread-info-data){ color:var(--ch-theme-text,#182230)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.tabs,.chat-header,.chat > .head,.bm-chat-header,.thread-header,.bm-thread-header,.bm-combined-header,.bm-header) svg{ fill:currentColor!important; stroke:currentColor; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab), html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div:not(.bm-bubble-button){ background:transparent!important; color:var(--ch-theme-text,#182230)!important; filter:none!important; opacity:1!important; box-shadow:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab).active, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div.active:not(.bm-bubble-button){ background:color-mix(in srgb,var(--ch-bm-profile-border) 11%,var(--ch-theme-surface,#fff))!important; box-shadow:inset 0 -2px 0 var(--ch-bm-profile-border)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini){ box-shadow:none!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list, body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open, body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel{ border-color:var(--ch-bm-profile-border)!important; box-shadow: 0 0 6px color-mix(in srgb,var(--ch-bm-profile-border) 58%,transparent), inset 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 26%,transparent)!important; } @media(min-width:783px){ body.ch-theme .ch-theme-community-bar--bottom{ display:block!important; visibility:visible!important; will-change:transform,opacity; transition: transform .24s cubic-bezier(.2,.75,.25,1), opacity .18s ease, visibility 0s linear 0s!important; } body.ch-theme.ch-bm-chat-open .ch-theme-community-bar--bottom{ display:block!important; transform:translateY(calc(100% + 18px))!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transition: transform .24s cubic-bezier(.2,.75,.25,1), opacity .18s ease, visibility 0s linear .24s!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-theme-community-bar--bottom{ transition:none!important; } } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list .tabs{ background:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab), html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list .tabs > div:not(.bm-bubble-button){ background: linear-gradient(rgba(255,255,255,.035),rgba(255,255,255,.035)), var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; opacity:1!important; filter:none!important; box-shadow:none!important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab).active, html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list .tabs > div.active:not(.bm-bubble-button){ background: linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,.34)), var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; box-shadow: inset 0 1px 0 rgba(0,0,0,.22), inset 0 -2px 0 color-mix(in srgb,var(--ch-bm-profile-border) 72%,transparent)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs{ background: linear-gradient(135deg, color-mix(in srgb,var(--ch-bm-profile-border) 14%,#fff) 0%, color-mix(in srgb,var(--ch-bm-profile-border) 6%,#fff) 58%, #fff 100%)!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 72%,#dbe3ec)!important; color:var(--ch-theme-text,#182230)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab), html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div:not(.bm-bubble-button){ background:transparent!important; color:var(--ch-theme-text,#182230)!important; border-color:transparent!important; box-shadow:none!important; opacity:1!important; filter:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab).active, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div.active:not(.bm-bubble-button){ background:color-mix(in srgb,var(--ch-bm-profile-border) 18%,#fff)!important; color:var(--ch-theme-text,#182230)!important; box-shadow: inset 0 -2px 0 var(--ch-bm-profile-border), inset 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 24%,transparent)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > .bm-bubble-button, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs :is(button,.bm-bubble-button,.bpbm-dropdown-trigger){ background:color-mix(in srgb,var(--ch-bm-profile-border) 10%,#fff)!important; color:var(--ch-theme-text,#182230)!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 48%,#dbe3ec)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs :is(svg,path){ color:currentColor!important; fill:currentColor!important; stroke:currentColor; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.chat.open > .head,.chat-header,.bm-chat-header,.thread-header,.bm-thread-header,.bm-combined-header,.bm-header){ background: linear-gradient(135deg, color-mix(in srgb,var(--ch-bm-profile-border) 12%,#fff), #fff 72%)!important; color:var(--ch-theme-text,#182230)!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 68%,#dbe3ec)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list, body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open, body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel{ border-color:var(--ch-bm-profile-border)!important; box-shadow: 0 0 8px color-mix(in srgb,var(--ch-bm-profile-border) 76%,transparent), 0 0 16px color-mix(in srgb,var(--ch-bm-profile-border) 42%,transparent), inset 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 32%,transparent)!important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat:not(.open) > .head{ background:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; border-color:var(--ch-bm-profile-border)!important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat:not(.open) > .head :is(a,button,span,strong,svg,.title,.name,.name a,.sub-name,.last-online,.group-online,.thread-info-data){ color:var(--ch-bm-profile-header-text)!important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat:not(.open) > .head svg{ fill:currentColor!important; stroke:currentColor!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs{ background-image:none!important; background-color:color-mix(in srgb,var(--ch-bm-profile-border) 9%,#fff)!important; border:1px solid color-mix(in srgb,var(--ch-bm-profile-border) 66%,#dbe3ec)!important; color:var(--ch-theme-text,#182230)!important; box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--ch-bm-profile-border) 58%,transparent)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > *{ background-image:none!important; background-color:transparent!important; color:var(--ch-theme-text,#182230)!important; border-color:transparent!important; box-shadow:none!important; filter:none!important; opacity:1!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab).active, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div.active:not(.bm-bubble-button){ background-image:none!important; background-color:color-mix(in srgb,var(--ch-bm-profile-border) 18%,#fff)!important; box-shadow: inset 0 -2px 0 var(--ch-bm-profile-border), inset 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 24%,transparent)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs :is(button,.bm-bubble-button,.bpbm-dropdown-trigger,[role="button"]){ background-image:none!important; background-color:transparent!important; color:var(--ch-theme-text,#182230)!important; border-color:transparent!important; box-shadow:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs :is(svg,path){ color:currentColor!important; fill:currentColor!important; stroke:currentColor!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat:not(.open) > .head{ background: linear-gradient(135deg, color-mix(in srgb,var(--ch-bm-profile-border) 14%,#fff), #fff 76%)!important; color:var(--ch-theme-text,#182230)!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 72%,#dbe3ec)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat:not(.open) > .head :is(a,button,span,strong,svg,.title,.name,.name a,.sub-name,.last-online,.group-online,.thread-info-data){ color:var(--ch-theme-text,#182230)!important; } @keyframes ch-bm-powered-edge{ 0%,100%{ box-shadow: 0 0 7px color-mix(in srgb,var(--ch-bm-profile-border) 68%,transparent), 0 0 15px color-mix(in srgb,var(--ch-bm-profile-border) 34%,transparent), inset 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 34%,transparent); } 50%{ box-shadow: 0 0 11px color-mix(in srgb,var(--ch-bm-profile-border) 90%,transparent), 0 0 24px color-mix(in srgb,var(--ch-bm-profile-border) 52%,transparent), inset 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 48%,transparent); } } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list, body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open, body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel{ animation:ch-bm-powered-edge 2.4s ease-in-out infinite!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list, body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open, body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel{ animation:none!important; } } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble > *, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > *, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble :is(.messages-tab,.groups-tab,.bm-bubble-button,.bpbm-dropdown-trigger){ background-image:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble{ background: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 9%,#fff), #fff 72% )!important; color:var(--ch-theme-text,#182230)!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 74%,#d6dee8)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs{ background: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 12%,#fff), #fff 78% )!important; color:var(--ch-theme-text,#182230)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > :is(.messages-tab,.groups-tab), html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > :is(.messages-tab,.groups-tab) *{ background-color:transparent!important; color:var(--ch-theme-text,#182230)!important; filter:none!important; opacity:1!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > :is(.messages-tab,.groups-tab).active, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > :is(.messages-tab,.groups-tab).selected, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > :is(.messages-tab,.groups-tab)[aria-selected="true"]{ background: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 22%,#fff), color-mix(in srgb,var(--ch-bm-profile-border) 10%,#fff) )!important; box-shadow: inset 0 -2px 0 var(--ch-bm-profile-border), inset 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 24%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble, body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat:not(.open){ border:1px solid var(--ch-bm-profile-border)!important; box-shadow: 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 56%,transparent), 0 0 8px color-mix(in srgb,var(--ch-bm-profile-border) 34%,transparent)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat:not(.open){ background:#fff!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat:not(.open) > .head{ background: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 15%,#fff), #fff 74% )!important; color:var(--ch-theme-text,#182230)!important; border-color:var(--ch-bm-profile-border)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list.bm-widget-bubble, body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open{ border-color:var(--ch-bm-profile-border)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list.bm-widget-bubble .tabs{ background:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list.bm-widget-bubble .tabs > :is(.messages-tab,.groups-tab), body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list.bm-widget-bubble .tabs > :is(.messages-tab,.groups-tab) *{ background:transparent!important; background-image:none!important; border-color:transparent!important; box-shadow:none!important; filter:none!important; opacity:1!important; color:var(--ch-bm-profile-header-text)!important; } body.ch-theme-bm-profile-cosmetic-effect-liberty-banner{ --ch-bm-profile-border:rgba(178,34,52,.78); --ch-bm-profile-header: radial-gradient(circle at 7% 24%,rgba(255,255,255,.96) 0 1px,transparent 1.8px), radial-gradient(circle at 15% 50%,rgba(255,255,255,.92) 0 1px,transparent 1.8px), radial-gradient(circle at 24% 26%,rgba(255,255,255,.92) 0 1px,transparent 1.8px), radial-gradient(circle at 31% 56%,rgba(255,255,255,.88) 0 1px,transparent 1.8px), linear-gradient(90deg,#0a3161 0 38%,transparent 38%), repeating-linear-gradient(180deg,#b31942 0 7px,#b31942 7px,#fff 7px,#fff 14px); --ch-bm-profile-header-text:#ffffff; --ch-bm-profile-shadow: 0 0 9px rgba(10,49,97,.30), 0 0 16px rgba(179,25,66,.18); } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > *, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > * *{ box-shadow:none!important; text-shadow:none!important; filter:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs{ background: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 14%,#fff), #fff 66%, color-mix(in srgb,var(--ch-bm-profile-border) 8%,#fff) )!important; border:1px solid color-mix(in srgb,var(--ch-bm-profile-border) 72%,#d8e0ea)!important; color:var(--ch-theme-text,#182230)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > :is(.messages-tab,.groups-tab){ background:transparent!important; color:var(--ch-theme-text,#182230)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > :is(.messages-tab,.groups-tab).active, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > :is(.messages-tab,.groups-tab).selected, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > :is(.messages-tab,.groups-tab)[aria-selected="true"]{ background:color-mix(in srgb,var(--ch-bm-profile-border) 15%,#fff)!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 48%,transparent)!important; box-shadow:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-theme-elementor-page){ background: radial-gradient(circle at 4% 8%, color-mix(in srgb,var(--ch-bm-profile-border) 30%,transparent), transparent 25rem), radial-gradient(circle at 96% 18%, color-mix(in srgb,var(--ch-bm-profile-border) 22%,transparent), transparent 28rem), linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 7%,#eef5fc), #f7faff 40%, color-mix(in srgb,var(--ch-bm-profile-border) 5%,#eef5fc) ) fixed!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.ch-theme-community-main,.ch-theme-community-sidebar) .ch-theme-widget, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .ch-activity-item, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .ch-community-card{ border-color:color-mix(in srgb,var(--ch-bm-profile-border) 34%,var(--ch-theme-border,#dbe3ec))!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat > .head{ background: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 16%,#fff), #fff 72% )!important; border-color:var(--ch-bm-profile-border)!important; color:var(--ch-theme-text,#182230)!important; box-shadow:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat > .head :is(a,button,span,strong,svg,.title,.name,.name a,.sub-name,.last-online,.group-online,.thread-info-data){ color:var(--ch-theme-text,#182230)!important; } body.ch-theme-bm-profile-cosmetic-effect-liberty-banner{ --ch-bm-profile-border:#315ca8; --ch-bm-profile-header:linear-gradient(180deg,#0b1f4a,#08152f); --ch-bm-profile-header-text:#f8fafc; --ch-bm-profile-shadow: inset 0 2px 0 #b91c1c, inset 0 -2px 0 #1d4ed8, 0 0 18px rgba(37,99,235,.18); } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs{ background-image:none!important; background: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 18%,#ffffff), #ffffff 56%, color-mix(in srgb,var(--ch-bm-profile-border) 10%,#ffffff) )!important; border:1px solid color-mix(in srgb,var(--ch-bm-profile-border) 74%,#d8e0ea)!important; color:#172033!important; box-shadow:none!important; text-shadow:none!important; filter:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > *, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > * *, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs :is(button,[role="button"],.messages-tab,.groups-tab,.bm-bubble-button,.bpbm-dropdown-trigger){ background-image:none!important; background-color:transparent!important; color:#172033!important; border-color:transparent!important; box-shadow:none!important; text-shadow:none!important; filter:none!important; opacity:1!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > *::before, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > *::after{ background:none!important; box-shadow:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs :is(.messages-tab,.groups-tab).active, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs :is(.messages-tab,.groups-tab).selected, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs :is(.messages-tab,.groups-tab).current, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs :is(.messages-tab,.groups-tab)[aria-selected="true"]{ background: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 25%,#fff), color-mix(in srgb,var(--ch-bm-profile-border) 13%,#fff) )!important; color:#111827!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 48%,transparent)!important; box-shadow:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-theme-elementor-page){ background: radial-gradient(ellipse at 0% 18%, color-mix(in srgb,var(--ch-bm-profile-border) 36%,transparent) 0, color-mix(in srgb,var(--ch-bm-profile-border) 18%,transparent) 17rem, transparent 34rem), radial-gradient(ellipse at 100% 28%, color-mix(in srgb,var(--ch-bm-profile-border) 30%,transparent) 0, color-mix(in srgb,var(--ch-bm-profile-border) 14%,transparent) 19rem, transparent 38rem), linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 10%,#edf5fc), #f8fbff 42%, color-mix(in srgb,var(--ch-bm-profile-border) 8%,#edf5fc) ) fixed!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.ch-theme-community-main,.ch-theme-community-content){ border-inline-color:color-mix(in srgb,var(--ch-bm-profile-border) 46%,transparent)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat > .head{ background-image:none!important; background: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 20%,#fff), #fff 64%, color-mix(in srgb,var(--ch-bm-profile-border) 9%,#fff) )!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 82%,#d8e0ea)!important; color:#172033!important; text-shadow:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-mini,.bp-better-messages-list) .chat > .head :is(a,button,span,strong,svg,.title,.name,.name a,.sub-name,.last-online,.group-online,.thread-info-data){ color:#172033!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab), html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list .tabs > :is(.messages-tab,.groups-tab) *{ background:transparent!important; border-color:transparent!important; box-shadow:none!important; } @media(max-width:782px){ .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="messages"], .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-theme-notification-trigger], .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="shopping"]{ -webkit-tap-highlight-color:transparent!important; } .ch-theme-header-quick-actions .ch-theme-header-icon-button.ch-header-action-ack{ box-shadow:none!important; } .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="messages"]:active, .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-theme-notification-trigger]:active, .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="shopping"]:active, .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="messages"]:focus:not(:focus-visible), .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-theme-notification-trigger]:focus:not(:focus-visible), .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-header-preview="shopping"]:focus:not(:focus-visible){ box-shadow:none!important; filter:none!important; } } .ch-crypto-donations{ --ch-crypto-accent:var(--ch-theme-accent,#c8a84b); position:relative; display:grid; gap:15px; overflow:hidden; padding:17px; border:1px solid color-mix(in srgb,var(--ch-crypto-accent) 26%,var(--ch-theme-border,#dbe3ec)); border-radius:18px; background: radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--ch-crypto-accent) 12%,transparent),transparent 38%), var(--ch-theme-surface,#fff); color:var(--ch-theme-text,#182230); box-shadow:0 10px 30px rgba(15,23,42,.07); } .ch-crypto-head{display:flex;align-items:flex-start;gap:11px} .ch-crypto-mark{ flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center; border-radius:12px;background:var(--ch-crypto-accent);color:#111; font-size:20px;font-weight:900;box-shadow:0 5px 14px color-mix(in srgb,var(--ch-crypto-accent) 28%,transparent) } .ch-crypto-head-copy{min-width:0} .ch-crypto-title{margin:1px 0 3px;font-size:1.04rem;line-height:1.25} .ch-crypto-intro,.ch-crypto-disclaimer,.ch-crypto-network-note{margin:0;color:var(--ch-theme-muted,#667085);font-size:.84rem;line-height:1.5} .ch-crypto-picker-wrap{display:grid;gap:6px} .ch-crypto-picker-label{font-size:.72rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase;color:var(--ch-theme-muted,#667085)} .ch-crypto-picker{ width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--ch-crypto-accent) 22%,var(--ch-theme-border,#dbe3ec)); border-radius:11px;background:var(--ch-theme-surface,#fff);color:var(--ch-theme-text,#182230); padding:8px 36px 8px 12px;font-weight:700;outline:none; } .ch-crypto-picker:focus{border-color:var(--ch-crypto-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ch-crypto-accent) 16%,transparent)} .ch-crypto-wallet-panel{ display:grid;gap:13px;padding:14px;border:1px solid color-mix(in srgb,var(--ch-crypto-accent) 24%,var(--ch-theme-border,#dbe3ec)); border-radius:14px;background:color-mix(in srgb,var(--ch-crypto-accent) 3%,var(--ch-theme-surface,#fff)); } .ch-crypto-wallet-meta{display:flex;align-items:center;justify-content:space-between;gap:10px} .ch-crypto-wallet-meta strong{font-size:.96rem} .ch-crypto-network-pill{ display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px; background:color-mix(in srgb,var(--ch-crypto-accent) 13%,transparent); border:1px solid color-mix(in srgb,var(--ch-crypto-accent) 24%,transparent); color:var(--ch-theme-text,#182230)!important;font-size:.69rem!important;font-weight:750;white-space:nowrap } .ch-crypto-qr{ display:block;width:min(170px,68%);aspect-ratio:1;object-fit:contain;margin:2px auto; padding:8px;border:1px solid var(--ch-theme-border,#dbe3ec);border-radius:14px;background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.07) } .ch-crypto-address-wrap{display:grid;gap:8px} .ch-crypto-address-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em;color:var(--ch-theme-muted,#667085)} .ch-crypto-address{ display:block;overflow-wrap:anywhere;word-break:break-word;padding:10px 11px;border-radius:9px; border:1px solid var(--ch-theme-border,#dbe3ec); background:color-mix(in srgb,var(--ch-theme-text,#182230) 4%,transparent); color:var(--ch-theme-text,#182230);font-size:.76rem;line-height:1.45 } .ch-crypto-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .ch-crypto-actions:has(.ch-crypto-copy:only-child),.ch-crypto-actions:has(.ch-crypto-open-wallet:only-child){grid-template-columns:1fr} .ch-crypto-copy,.ch-crypto-open-wallet{ appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 11px; border-radius:10px;border:1px solid var(--ch-crypto-accent);background:var(--ch-crypto-accent);color:#111!important; text-decoration:none!important;font-weight:850;font-size:.8rem;cursor:pointer; transition:transform .15s ease,filter .15s ease,border-color .15s ease } .ch-crypto-open-wallet{background:transparent;color:var(--ch-theme-text,#182230)!important} .ch-crypto-copy:hover,.ch-crypto-open-wallet:hover{transform:translateY(-1px);filter:brightness(1.035)} .ch-crypto-copy:active,.ch-crypto-open-wallet:active{transform:translateY(0) scale(.985)} .ch-crypto-copy.is-copied{transform:scale(.985)} .ch-crypto-copy-status{min-height:0;font-size:0} .ch-crypto-network-note{ padding:9px 10px;border-radius:9px;border-left:3px solid #f59e0b; background:color-mix(in srgb,#f59e0b 9%,transparent);color:var(--ch-theme-text,#182230) } .ch-crypto-disclaimer{ padding-top:11px;border-top:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 78%,transparent); font-size:.72rem } html[data-ch-theme-mode="dark"] .ch-crypto-donations{ background: radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--ch-crypto-accent) 11%,transparent),transparent 40%), var(--ch-theme-surface,#111827); box-shadow:0 12px 34px rgba(0,0,0,.22) } html[data-ch-theme-mode="dark"] .ch-crypto-wallet-panel{background:color-mix(in srgb,var(--ch-crypto-accent) 4%,var(--ch-theme-surface,#111827))} html[data-ch-theme-mode="dark"] .ch-crypto-address{background:rgba(255,255,255,.05)} @media(max-width:600px){ .ch-crypto-donations{padding:14px;border-radius:15px} .ch-crypto-actions{grid-template-columns:1fr} .ch-crypto-wallet-meta{align-items:flex-start;flex-direction:column;gap:6px} .ch-crypto-network-pill{white-space:normal} } .ch-crypto-address-wrap.is-address-hidden{ gap:0; } .ch-crypto-address-wrap.is-address-hidden .ch-crypto-actions{ margin-top:0; } .ch-crypto-qr-auto{ display:grid; place-items:center; box-sizing:border-box; } .ch-crypto-qr-auto svg{ display:block; width:100%; height:100%; max-width:100%; max-height:100%; border-radius:7px; shape-rendering:crispEdges; } .ch-crypto-copy, .ch-crypto-copy:visited, .ch-crypto-copy:hover, .ch-crypto-copy:focus, .ch-crypto-copy:active{ color:#fff!important; } .ch-crypto-copy *{ color:#fff!important; } body.ch-theme-profile-messages-page .ch-theme-community-shell--messages{ display:block!important; width:100%!important; } body.ch-theme-profile-messages-page .ch-theme-community-shell--messages > .ch-theme-community-content-wrap{ width:100%!important; max-width:1240px!important; margin-inline:auto!important; } body.ch-theme-profile-messages-page .ch-profile-messages-route, body.ch-theme-profile-messages-page .ch-profile-messages-section{ width:100%!important; min-width:0!important; box-sizing:border-box!important; } body.ch-theme-profile-messages-page .ch-profile-messages-section{ display:grid; gap:14px; } body.ch-theme-profile-messages-page .ch-profile-messages-header{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:16px 18px; border:1px solid var(--ch-theme-border,#dbe3ec); border-radius:16px; background:linear-gradient( 135deg, color-mix(in srgb,var(--ch-theme-surface,#fff) 94%,var(--ch-theme-blue,#2563eb)), var(--ch-theme-surface,#fff) ); color:var(--ch-theme-text,#0f172a); box-shadow:var(--ch-theme-soft-shadow,0 10px 28px rgba(15,23,42,.06)); } body.ch-theme-profile-messages-page .ch-profile-messages-header h2{ margin:2px 0 3px; font-size:clamp(20px,2vw,27px); line-height:1.1; color:inherit; } body.ch-theme-profile-messages-page .ch-profile-messages-header p{ margin:0; color:var(--ch-theme-muted,#64748b); font-size:13px; } body.ch-theme-profile-messages-page .ch-profile-section-kicker{ display:inline-flex; font-size:10px; line-height:1; font-weight:900; letter-spacing:.09em; text-transform:uppercase; color:var(--ch-theme-blue,#2563eb); } body.ch-theme-profile-messages-page .ch-profile-messages-shell{ width:100%!important; max-width:none!important; min-width:0!important; box-sizing:border-box!important; } @media(min-width:783px){ body.ch-theme-profile-messages-page .ch-profile-page{ width:100%!important; max-width:none!important; } body.ch-theme-profile-messages-page .ch-profile-content{ min-width:0!important; } } @media(max-width:782px){ body.ch-theme-profile-messages-page .ch-profile-card, body.ch-theme-profile-messages-page .ch-profile-tabs, body.ch-theme-profile-messages-page .ch-profile-messages-header{ display:none!important; } body.ch-theme-profile-messages-page .ch-profile-page, body.ch-theme-profile-messages-page .ch-profile-content, body.ch-theme-profile-messages-page .ch-profile-messages-route, body.ch-theme-profile-messages-page .ch-profile-messages-section, body.ch-theme-profile-messages-page .ch-profile-messages-shell{ width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; box-shadow:none!important; } } html[data-ch-theme-mode="dark"] body.ch-theme-profile-messages-page .ch-profile-messages-header{ background:linear-gradient( 135deg, color-mix(in srgb,var(--ch-theme-surface,#121c2b) 92%,var(--ch-theme-blue,#2563eb)), var(--ch-theme-surface,#121c2b) )!important; border-color:var(--ch-theme-border,#26364d)!important; color:var(--ch-theme-text,#f5f7fb)!important; } html[data-ch-theme-mode="dark"] body.ch-theme-profile-messages-page .ch-profile-messages-header p{ color:var(--ch-theme-muted,#a8b5c7)!important; } body.ch-theme-profile-messages-page .ch-theme-community-shell--profile{ width:100%!important; } body.ch-theme-profile-messages-page .ch-profile-messages-shell{ min-width:0!important; overflow:hidden; } body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap-main, body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } body.ch-theme-profile-messages-page .ch-theme-community-sidebar{ } @media(min-width:783px){ .ch-theme-community-shell--profile .ch-profile-tabs{ display:flex!important; flex-wrap:nowrap!important; width:100%!important; max-width:var(--ch-profile-stack-width)!important; min-width:0!important; overflow-x:auto!important; overflow-y:hidden!important; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-gutter:stable; -webkit-overflow-scrolling:touch; } .ch-theme-community-shell--profile .ch-profile-tabs > *{ flex:0 0 auto!important; } .ch-theme-community-shell--profile .ch-profile-tabs::-webkit-scrollbar{ height:8px; } .ch-theme-community-shell--profile .ch-profile-tabs::-webkit-scrollbar-track{ background:color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 52%,transparent); border-radius:999px; } .ch-theme-community-shell--profile .ch-profile-tabs::-webkit-scrollbar-thumb{ background:color-mix(in srgb,var(--ch-theme-accent,#2563eb) 48%,var(--ch-theme-border,#cbd5e1)); border-radius:999px; } } @media(max-width:782px){ body.ch-theme-profile-messages-page .ch-theme-community-sidebar{ display:none!important; } } @keyframes ch-profile-messages-arrive{ 0%{opacity:0;transform:translateY(7px) scale(.997)} 100%{opacity:1;transform:translateY(0) scale(1)} } body.ch-theme-profile-messages-page .ch-profile-messages-header{ position:relative; overflow:hidden; border-color:var(--ch-bm-profile-border,var(--ch-theme-border,#dbe3ec))!important; border-radius:15px!important; background: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-accent,#2563eb)) 10%,var(--ch-theme-surface,#fff)), var(--ch-theme-surface,#fff) 62% )!important; box-shadow: 0 8px 24px rgba(15,23,42,.055), inset 0 1px 0 color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-border,#dbe3ec)) 18%,transparent)!important; } body.ch-theme-profile-messages-page .ch-profile-messages-header::after{ content:""; position:absolute; inset:auto 0 0; height:2px; background:linear-gradient( 90deg, transparent, var(--ch-bm-profile-border,var(--ch-theme-accent,#2563eb)) 22%, var(--ch-bm-profile-border,var(--ch-theme-accent,#2563eb)) 78%, transparent ); opacity:.72; pointer-events:none; } body.ch-theme-profile-messages-page .ch-profile-messages-header .ch-profile-section-kicker{ color:var(--ch-bm-profile-border,var(--ch-theme-accent,#2563eb))!important; } body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap-main, body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap{ position:relative; overflow:hidden!important; border:1px solid var(--ch-bm-profile-border,var(--ch-theme-border,#dbe3ec))!important; border-radius:15px!important; background:var(--ch-theme-surface,#fff)!important; box-shadow: 0 12px 32px rgba(15,23,42,.075), 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-border,#dbe3ec)) 16%,transparent), 0 0 18px color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-accent,#2563eb)) 10%,transparent)!important; animation:ch-profile-messages-arrive .32s cubic-bezier(.2,.8,.2,1) both; } body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap-main::before, body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap::before{ content:""; position:absolute; z-index:6; pointer-events:none; inset:0; border-radius:inherit; box-shadow: inset 0 1px 0 color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-border,#dbe3ec)) 30%,transparent), inset 1px 0 0 color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-border,#dbe3ec)) 12%,transparent), inset -1px 0 0 color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-border,#dbe3ec)) 12%,transparent); } body.ch-theme-profile-messages-page .ch-profile-messages-shell :is(.bp-messages-wrap-main,.bp-messages-wrap) :is(.chat-header,.header,.bp-messages-header){ border-color:color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-border,#dbe3ec)) 54%,var(--ch-theme-border,#dbe3ec))!important; } html[data-ch-theme-mode="dark"] body.ch-theme-profile-messages-page .ch-profile-messages-header{ background: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-accent,#2563eb)) 10%,var(--ch-theme-surface,#111827)), var(--ch-theme-surface,#111827) 64% )!important; box-shadow: 0 10px 26px rgba(0,0,0,.24), inset 0 1px 0 color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-border,#334155)) 20%,transparent)!important; } html[data-ch-theme-mode="dark"] body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap-main, html[data-ch-theme-mode="dark"] body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap{ background:var(--ch-theme-surface,#111827)!important; box-shadow: 0 14px 34px rgba(0,0,0,.28), 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-border,#334155)) 16%,transparent), 0 0 20px color-mix(in srgb,var(--ch-bm-profile-border,var(--ch-theme-accent,#2563eb)) 12%,transparent)!important; } @media(max-width:782px){ body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap-main, body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap{ border-radius:0!important; border-inline:0!important; box-shadow:none!important; animation:none!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap-main, body.ch-theme-profile-messages-page .ch-profile-messages-shell > .bp-messages-wrap{ animation:none!important; } } .ch-profile-settings-edit-card .ch-profile-edit-form.is-settings-embedded{ margin-top:4px; } .ch-profile-settings-edit-card .ch-profile-edit-preview-row{ margin-top:0; } .ch-profile-settings-edit-card .ch-profile-edit-form.is-settings-embedded .ch-profile-edit-actions{ margin-bottom:0; } .ch-profile-settings-edit-card .ch-profile-edit-form.is-settings-embedded .ch-profile-edit-save{ min-width:140px; } body.ch-theme .ch-profile-about-card{ background:var(--ch-theme-surface,#fff)!important; border-color:var(--ch-theme-border,#dbe3ec)!important; color:var(--ch-theme-text,#111827)!important; } body.ch-theme .ch-profile-about-row{ border-color:var(--ch-theme-border,#e5eaf0)!important; } body.ch-theme .ch-profile-about-row strong, body.ch-theme .ch-profile-about-bio strong{ color:var(--ch-theme-text,#111827)!important; } body.ch-theme .ch-profile-about-row span, body.ch-theme .ch-profile-about-bio, body.ch-theme .ch-profile-about-bio p, body.ch-theme .ch-profile-about-bio div{ color:var(--ch-theme-muted,#475569)!important; } body.ch-theme .ch-profile-about-bio a{ color:var(--ch-theme-blue,#2563eb)!important; } body.ch-theme .ch-profile-settings-shell{ --ch-settings-ui-bg:var(--ch-theme-surface,#fff); --ch-settings-ui-soft:var(--ch-theme-surface-soft,#f8fafc); --ch-settings-ui-border:var(--ch-theme-border,#dbe3ec); --ch-settings-ui-text:var(--ch-theme-text,#111827); --ch-settings-ui-muted:var(--ch-theme-muted,#64748b); --ch-settings-ui-link:var(--ch-theme-blue,#2563eb); color:var(--ch-settings-ui-text)!important; } body.ch-theme .ch-profile-settings-nav, body.ch-theme .ch-profile-settings-card, body.ch-theme .ch-profile-settings-edit-card .ch-profile-edit-form, body.ch-theme .ch-profile-settings-edit-card .ch-profile-edit-preview-row, body.ch-theme .ch-profile-settings-edit-card .ch-profile-edit-avatar-card, body.ch-theme .ch-profile-settings-edit-card .ch-profile-edit-cover-card, body.ch-theme .ch-profile-account-field, body.ch-theme .ch-profile-account-status-grid > div{ background:var(--ch-settings-ui-bg)!important; border-color:var(--ch-settings-ui-border)!important; color:var(--ch-settings-ui-text)!important; } body.ch-theme .ch-profile-settings-card h1, body.ch-theme .ch-profile-settings-card h2, body.ch-theme .ch-profile-settings-card h3, body.ch-theme .ch-profile-settings-card h4, body.ch-theme .ch-profile-settings-card label, body.ch-theme .ch-profile-settings-card strong, body.ch-theme .ch-profile-settings-card legend, body.ch-theme .ch-profile-settings-card .ch-profile-edit-field > span, body.ch-theme .ch-profile-settings-card .ch-profile-edit-preview strong, body.ch-theme .ch-profile-settings-card .ch-profile-account-field > span, body.ch-theme .ch-profile-settings-card .ch-profile-account-status-grid span, body.ch-theme .ch-profile-settings-card .ch-profile-account-status-grid strong{ color:var(--ch-settings-ui-text)!important; } body.ch-theme .ch-profile-settings-card p, body.ch-theme .ch-profile-settings-card small, body.ch-theme .ch-profile-settings-card .description, body.ch-theme .ch-profile-settings-edit-card .ch-profile-edit-field small, body.ch-theme .ch-profile-settings-edit-card .ch-profile-edit-cover-empty{ color:var(--ch-settings-ui-muted)!important; } body.ch-theme .ch-profile-settings-card a:not(.ch-profile-settings-button):not(.ch-profile-edit-save){ color:var(--ch-settings-ui-link)!important; } body.ch-theme .ch-profile-settings-card input[type="text"], body.ch-theme .ch-profile-settings-card input[type="email"], body.ch-theme .ch-profile-settings-card input[type="password"], body.ch-theme .ch-profile-settings-card input[type="url"], body.ch-theme .ch-profile-settings-card input[type="number"], body.ch-theme .ch-profile-settings-card input[type="file"], body.ch-theme .ch-profile-settings-card select, body.ch-theme .ch-profile-settings-card textarea{ background:var(--ch-settings-ui-bg)!important; color:var(--ch-settings-ui-text)!important; border-color:var(--ch-settings-ui-border)!important; box-shadow:none!important; } body.ch-theme .ch-profile-settings-card input::placeholder, body.ch-theme .ch-profile-settings-card textarea::placeholder{ color:var(--ch-settings-ui-muted)!important; opacity:.78!important; } body.ch-theme .ch-profile-settings-card select option{ background:var(--ch-settings-ui-bg)!important; color:var(--ch-settings-ui-text)!important; } body.ch-theme .ch-profile-account-field.is-readonly, body.ch-theme .ch-profile-account-status-grid > div{ background:var(--ch-settings-ui-soft)!important; } body.ch-theme .ch-profile-account-field.is-readonly > strong, body.ch-theme .ch-profile-account-field.is-readonly > a{ color:var(--ch-settings-ui-text)!important; } body.ch-theme .ch-profile-settings-button-secondary, body.ch-theme .ch-profile-edit-cancel{ background:var(--ch-settings-ui-bg)!important; color:var(--ch-settings-ui-link)!important; border-color:var(--ch-settings-ui-border)!important; box-shadow:none!important; } body.ch-theme .ch-profile-settings-button-secondary:hover, body.ch-theme .ch-profile-settings-button-secondary:focus-visible, body.ch-theme .ch-profile-edit-cancel:hover, body.ch-theme .ch-profile-edit-cancel:focus-visible{ background:var(--ch-settings-ui-soft)!important; color:var(--ch-settings-ui-link)!important; } body.ch-theme .ch-profile-settings-save, body.ch-theme .ch-profile-edit-save{ color:#fff!important; } body.ch-theme .ch-profile-settings-save *, body.ch-theme .ch-profile-edit-save *{ color:#fff!important; } body.ch-theme .ch-profile-settings-edit-card .ch-profile-edit-cover-empty, body.ch-theme .ch-profile-settings-edit-card .ch-profile-edit-avatar-preview, body.ch-theme .ch-profile-settings-edit-card .ch-profile-edit-cover-preview{ background:var(--ch-settings-ui-soft)!important; border-color:var(--ch-settings-ui-border)!important; } body.ch-theme .ch-profile-settings-edit-card .ch-profile-edit-media-actions button, body.ch-theme .ch-profile-settings-edit-card .ch-profile-edit-media-actions .button{ background:var(--ch-settings-ui-bg)!important; color:var(--ch-settings-ui-text)!important; border-color:var(--ch-settings-ui-border)!important; box-shadow:none!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-about-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell{ --ch-settings-ui-bg:var(--ch-theme-surface,#17191d); --ch-settings-ui-soft:var(--ch-theme-surface-soft,#1d2025); --ch-settings-ui-border:var(--ch-theme-border,#343942); --ch-settings-ui-text:var(--ch-theme-text,#f2f4f7); --ch-settings-ui-muted:var(--ch-theme-muted,#aeb6c2); --ch-settings-ui-link:#8cc7ff; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-about-card{ background:var(--ch-theme-surface,#17191d)!important; border-color:var(--ch-theme-border,#343942)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-about-row strong, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-about-bio strong{ color:var(--ch-theme-text,#f2f4f7)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-about-row span, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-about-bio, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-about-bio p, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-about-bio div{ color:var(--ch-theme-muted,#aeb6c2)!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-field, html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-status-grid > div, html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card :is(.ch-profile-edit-form,.ch-profile-edit-preview,.ch-profile-edit-avatar-card,.ch-profile-edit-cover-card){ background:#ffffff!important; background-color:#ffffff!important; border-color:#dbe3ec!important; color:#111827!important; -webkit-text-fill-color:#111827!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card.ch-profile-account-card :is(.ch-profile-account-field > span,.ch-profile-account-field strong,.ch-profile-account-status-grid span,.ch-profile-account-status-grid strong), html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card :is(.ch-profile-edit-field > span,.ch-profile-edit-preview > strong,.ch-profile-edit-preview strong){ color:#111827!important; -webkit-text-fill-color:#111827!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-field small, html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card :is(.ch-profile-edit-field small,.ch-profile-edit-preview small,.ch-profile-edit-cover-empty){ color:#64748b!important; -webkit-text-fill-color:#64748b!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"],textarea,select){ background:#ffffff!important; background-color:#ffffff!important; color:#111827!important; -webkit-text-fill-color:#111827!important; caret-color:#111827!important; border-color:#cbd5e1!important; box-shadow:none!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card :is(input,textarea)::placeholder{ color:#64748b!important; -webkit-text-fill-color:#64748b!important; opacity:1!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"]):-webkit-autofill, html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"]):-webkit-autofill:hover, html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"]):-webkit-autofill:focus{ -webkit-text-fill-color:#111827!important; caret-color:#111827!important; box-shadow:0 0 0 1000px #ffffff inset!important; -webkit-box-shadow:0 0 0 1000px #ffffff inset!important; border-color:#cbd5e1!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card select option{ background:#ffffff!important; color:#111827!important; -webkit-text-fill-color:#111827!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-account-card .ch-profile-account-field a{ color:#1d4ed8!important; -webkit-text-fill-color:#1d4ed8!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-account-card .ch-profile-settings-button-secondary{ background:#f8fafc!important; color:#0f172a!important; -webkit-text-fill-color:#0f172a!important; border-color:#cbd5e1!important; box-shadow:none!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-account-card .ch-profile-settings-button-secondary:hover, html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-account-card .ch-profile-settings-button-secondary:focus-visible{ background:#eff6ff!important; color:#1d4ed8!important; -webkit-text-fill-color:#1d4ed8!important; border-color:#93c5fd!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-file-button{ background:#ffffff!important; color:#334155!important; -webkit-text-fill-color:#334155!important; border-color:#cbd5e1!important; box-shadow:none!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-file-button:hover{ background:#eff6ff!important; color:#1d4ed8!important; -webkit-text-fill-color:#1d4ed8!important; border-color:#93c5fd!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-remove-button{ background:#fff7f7!important; color:#991b1b!important; -webkit-text-fill-color:#991b1b!important; border-color:#fecaca!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-remove-button:hover{ background:#fef2f2!important; color:#7f1d1d!important; -webkit-text-fill-color:#7f1d1d!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-remove-button.is-removing{ background:#991b1b!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-edit-message{ background:#eff6ff!important; color:#1d4ed8!important; -webkit-text-fill-color:#1d4ed8!important; border-color:#bfdbfe!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-field, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-status-grid > div, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card :is(.ch-profile-edit-form,.ch-profile-edit-preview,.ch-profile-edit-avatar-card,.ch-profile-edit-cover-card){ background:#17191d!important; background-color:#17191d!important; border-color:#343942!important; color:#f2f4f7!important; -webkit-text-fill-color:#f2f4f7!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card.ch-profile-account-card :is(.ch-profile-account-field > span,.ch-profile-account-field strong,.ch-profile-account-status-grid span,.ch-profile-account-status-grid strong), html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card :is(.ch-profile-edit-field > span,.ch-profile-edit-preview > strong,.ch-profile-edit-preview strong){ color:#f2f4f7!important; -webkit-text-fill-color:#f2f4f7!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card.ch-profile-account-card .ch-profile-account-field small, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card :is(.ch-profile-edit-field small,.ch-profile-edit-preview small,.ch-profile-edit-cover-empty){ color:#aeb6c2!important; -webkit-text-fill-color:#aeb6c2!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"],textarea,select){ background:#1d2025!important; background-color:#1d2025!important; color:#f2f4f7!important; -webkit-text-fill-color:#f2f4f7!important; caret-color:#f2f4f7!important; border-color:#3b414b!important; box-shadow:none!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card :is(input,textarea)::placeholder{ color:#aeb6c2!important; -webkit-text-fill-color:#aeb6c2!important; opacity:1!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"]):-webkit-autofill, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"]):-webkit-autofill:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"]):-webkit-autofill:focus{ -webkit-text-fill-color:#f2f4f7!important; caret-color:#f2f4f7!important; box-shadow:0 0 0 1000px #1d2025 inset!important; -webkit-box-shadow:0 0 0 1000px #1d2025 inset!important; border-color:#3b414b!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-card select option{ background:#1d2025!important; color:#f2f4f7!important; -webkit-text-fill-color:#f2f4f7!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-account-card .ch-profile-account-field a{ color:#8cc7ff!important; -webkit-text-fill-color:#8cc7ff!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-account-card .ch-profile-settings-button-secondary{ background:#1d2025!important; color:#f2f4f7!important; -webkit-text-fill-color:#f2f4f7!important; border-color:#3b414b!important; box-shadow:none!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-account-card .ch-profile-settings-button-secondary:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-account-card .ch-profile-settings-button-secondary:focus-visible{ background:#182337!important; color:#8cc7ff!important; -webkit-text-fill-color:#8cc7ff!important; border-color:#315d8f!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-file-button{ background:#1d2025!important; color:#f2f4f7!important; -webkit-text-fill-color:#f2f4f7!important; border-color:#3b414b!important; box-shadow:none!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-file-button:hover{ background:#182337!important; color:#8cc7ff!important; -webkit-text-fill-color:#8cc7ff!important; border-color:#315d8f!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-remove-button{ background:#2a1719!important; color:#fca5a5!important; -webkit-text-fill-color:#fca5a5!important; border-color:#653237!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-remove-button:hover{ background:#34191c!important; color:#fecaca!important; -webkit-text-fill-color:#fecaca!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-remove-button.is-removing{ background:#991b1b!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-settings-shell .ch-profile-settings-edit-card .ch-profile-edit-message{ background:#182337!important; color:#8cc7ff!important; -webkit-text-fill-color:#8cc7ff!important; border-color:#315d8f!important; } body.ch-theme .ch-profile-settings-shell :is(.ch-profile-settings-save,.ch-profile-edit-save), body.ch-theme .ch-profile-settings-shell :is(.ch-profile-settings-save,.ch-profile-edit-save) *{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header ){ position:relative; isolation:isolate; overflow:hidden; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-midnight-gold :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-forum-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header ){ border-color:rgba(200,168,75,.44)!important; background: linear-gradient(145deg,rgba(200,168,75,.045),transparent 42%), var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(200,168,75,.56),0 8px 22px rgba(91,68,8,.08)!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header ){ border-color:rgba(139,92,246,.44)!important; background: radial-gradient(circle at 14% 14%,rgba(56,189,248,.055),transparent 28%), radial-gradient(circle at 88% 4%,rgba(168,85,247,.065),transparent 30%), var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(139,92,246,.42),0 0 18px rgba(99,102,241,.08)!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header )::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; background: radial-gradient(circle at 18% 22%,rgba(125,211,252,.48) 0 1px,transparent 1.7px), radial-gradient(circle at 72% 34%,rgba(196,181,253,.42) 0 1px,transparent 1.7px), radial-gradient(circle at 44% 78%,rgba(255,255,255,.36) 0 1px,transparent 1.7px); background-size:96px 96px,132px 132px,164px 164px; opacity:.48; } html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header )::after{ background: radial-gradient(circle at 18% 22%,rgba(2,132,199,.72) 0 1.2px,transparent 1.9px), radial-gradient(circle at 72% 34%,rgba(124,58,237,.68) 0 1.2px,transparent 1.9px), radial-gradient(circle at 44% 78%,rgba(79,70,229,.62) 0 1.1px,transparent 1.8px); background-size:96px 96px,132px 132px,164px 164px; opacity:.72; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-aurora-veil :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-forum-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header ){ border-color:rgba(45,212,191,.40)!important; background: linear-gradient(125deg,rgba(16,185,129,.045),rgba(56,189,248,.055),rgba(139,92,246,.045)), var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(56,189,248,.42),0 0 18px rgba(45,212,191,.07)!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-obsidian-crown :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-forum-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header ){ border-color:rgba(113,128,150,.58)!important; background: linear-gradient(145deg,rgba(15,23,42,.08),rgba(71,85,105,.055)), var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(137,149,164,.64),0 8px 22px rgba(15,23,42,.10)!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-solar-horizon :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-forum-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header ){ border-color:rgba(251,146,60,.42)!important; background: radial-gradient(circle at 50% 115%,rgba(253,224,71,.075),rgba(249,115,22,.035) 34%,transparent 66%), var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(249,115,22,.46),0 0 18px rgba(249,115,22,.07)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header ){ color:#f4f7fb!important; background-color:#121c2b!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic .ch-hooligan-week-card::after{ content:""; } .ch-theme-community-shell.ch-theme-profile-cosmetic .ch-profile-settings-shell{ isolation:auto; } @media(prefers-reduced-motion:reduce){ .ch-theme-community-shell.ch-theme-profile-cosmetic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-profile-header-card, .ch-page-header, .ch-community-feed-header ){ transition:none!important; } } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header )::after{ background-size:128px 128px,176px 176px,224px 224px!important; opacity:.40!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header ){ background: radial-gradient(circle at 8% 10%,rgba(56,189,248,.12),transparent 34%), radial-gradient(circle at 88% 8%,rgba(168,85,247,.13),transparent 36%), linear-gradient(145deg,rgba(99,102,241,.035),transparent 42%), var(--ch-theme-surface,#fff)!important; border-color:rgba(139,92,246,.40)!important; box-shadow: inset 3px 0 0 rgba(139,92,246,.46), inset 0 1px 0 rgba(56,189,248,.12), 0 10px 26px rgba(76,29,149,.065), 0 0 22px rgba(56,189,248,.11), 0 0 30px rgba(139,92,246,.07)!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header )::after{ background: radial-gradient(circle at 18% 22%,rgba(2,132,199,.72) 0 1.2px,transparent 1.9px), radial-gradient(circle at 72% 34%,rgba(124,58,237,.68) 0 1.2px,transparent 1.9px), radial-gradient(circle at 44% 78%,rgba(79,70,229,.62) 0 1.1px,transparent 1.8px)!important; background-size:128px 128px,176px 176px,224px 224px!important; opacity:.62!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header ){ box-shadow: inset 2px 0 0 rgba(139,92,246,.34), inset 0 1px 0 rgba(56,189,248,.08), 0 10px 28px rgba(0,0,0,.26), 0 0 20px rgba(56,189,248,.10), 0 0 30px rgba(139,92,246,.075)!important; } @media(min-width:783px) and (hover:hover) and (pointer:fine){ html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-activity-card:not(.ch-cosmetic-slot-post),.ch-member-card,.ch-group-card,.ch-forum-card,.ch-theme-community-sidebar .ch-theme-widget):hover{ border-color:rgba(124,58,237,.50)!important; box-shadow: inset 3px 0 0 rgba(124,58,237,.54), 0 12px 30px rgba(76,29,149,.08), 0 0 26px rgba(56,189,248,.15), 0 0 36px rgba(139,92,246,.10)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-activity-card:not(.ch-cosmetic-slot-post),.ch-member-card,.ch-group-card,.ch-forum-card,.ch-theme-community-sidebar .ch-theme-widget):hover{ box-shadow: inset 2px 0 0 rgba(139,92,246,.42), 0 12px 30px rgba(0,0,0,.30), 0 0 24px rgba(56,189,248,.13), 0 0 34px rgba(139,92,246,.10)!important; } } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic .ch-activity-card:not(.ch-cosmetic-slot-post) :is( .ch-activity-content, .ch-activity-header, .ch-activity-body, .ch-activity-text, .ch-activity-inner, .ch-activity-main, .ch-activity-footer, .ch-action-row ){ background:transparent!important; background-color:transparent!important; background-image:none!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic .ch-activity-card:not(.ch-cosmetic-slot-post) :is( .ch-activity-content > p, .ch-activity-content > div:not(.ch-link-preview-card):not(.ch-repost-card):not(.ch-repost-embed), .ch-activity-text > p, .ch-activity-text > div ){ background:transparent!important; background-color:transparent!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic .ch-activity-card:not(.ch-cosmetic-slot-post) :is(.ch-link-preview-card,.ch-repost-embed,.ch-original-post,.ch-quote-card){ background-color:var(--ch-theme-surface,#121c2b)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic .ch-activity-card:not(.ch-cosmetic-slot-post) .ch-repost-card{ background:transparent!important; background-color:transparent!important; background-image:none!important; box-shadow:none!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-community-header, .ch-feed-header, .ch-community-feed-header ){ position:relative; isolation:isolate; overflow:hidden; border-color:rgba(139,92,246,.44)!important; background: radial-gradient(circle at 14% 14%,rgba(56,189,248,.055),transparent 28%), radial-gradient(circle at 88% 4%,rgba(168,85,247,.065),transparent 30%), var(--ch-theme-surface,#fff)!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-community-header,.ch-feed-header)::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; background: radial-gradient(circle at 18% 22%,rgba(125,211,252,.48) 0 1px,transparent 1.7px), radial-gradient(circle at 72% 34%,rgba(196,181,253,.42) 0 1px,transparent 1.7px), radial-gradient(circle at 44% 78%,rgba(255,255,255,.36) 0 1px,transparent 1.7px); background-size:128px 128px,176px 176px,224px 224px; opacity:.40; } html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-community-header,.ch-feed-header)::after{ background: radial-gradient(circle at 18% 22%,rgba(2,132,199,.72) 0 1.2px,transparent 1.9px), radial-gradient(circle at 72% 34%,rgba(124,58,237,.68) 0 1.2px,transparent 1.9px), radial-gradient(circle at 44% 78%,rgba(79,70,229,.62) 0 1.1px,transparent 1.8px); background-size:128px 128px,176px 176px,224px 224px; opacity:.62; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-community-header,.ch-feed-header,.ch-community-feed-header){ background: radial-gradient(circle at 14% 14%,rgba(56,189,248,.075),transparent 30%), radial-gradient(circle at 88% 4%,rgba(168,85,247,.085),transparent 32%), #121c2b!important; border-color:rgba(139,92,246,.38)!important; color:#f4f7fb!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell--community.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-community-header, .ch-feed-header, .ch-community-feed-header ){ box-shadow: inset 3px 0 0 rgba(139,92,246,.46), inset 0 1px 0 rgba(56,189,248,.12), 0 11px 28px rgba(76,29,149,.075), 0 0 28px rgba(56,189,248,.15), 0 0 40px rgba(139,92,246,.10)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--community.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-community-header, .ch-feed-header, .ch-community-feed-header ){ box-shadow: inset 2px 0 0 rgba(139,92,246,.34), inset 0 1px 0 rgba(56,189,248,.08), 0 11px 30px rgba(0,0,0,.28), 0 0 26px rgba(56,189,248,.14), 0 0 40px rgba(139,92,246,.105)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell--community.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-community-header, .ch-feed-header, .ch-community-feed-header ){ border-color:rgba(139,92,246,.30)!important; } @media(prefers-reduced-motion:reduce){ .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-community-header,.ch-feed-header,.ch-community-feed-header){ transition:none!important; } } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic{ --ch-bm-profile-border:rgba(100,116,139,.34); --ch-bm-profile-header: linear-gradient(135deg,rgba(100,116,139,.08),rgba(148,163,184,.025) 46%,#fff 82%); --ch-bm-profile-header-text:#182230; --ch-bm-profile-shadow: 0 14px 34px rgba(15,23,42,.08), 0 0 16px rgba(100,116,139,.08); --ch-bm-light-surface:#ffffff; --ch-bm-light-soft:#f7f9fc; --ch-bm-light-text:#182230; --ch-bm-light-muted:#64748b; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-midnight-gold{ --ch-bm-profile-border:rgba(181,140,37,.48); --ch-bm-profile-header: linear-gradient(135deg,rgba(200,168,75,.16),rgba(255,244,196,.10) 42%,#fff 82%); --ch-bm-profile-header-text:#3c2d05; --ch-bm-profile-shadow: 0 14px 34px rgba(91,68,8,.08), 0 0 20px rgba(200,168,75,.16); --ch-bm-light-soft:#fffdf5; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic{ --ch-bm-profile-border:rgba(124,58,237,.42); --ch-bm-profile-header: radial-gradient(circle at 12% 18%,rgba(14,165,233,.13),transparent 31%), radial-gradient(circle at 87% 12%,rgba(147,51,234,.14),transparent 34%), linear-gradient(135deg,rgba(99,102,241,.07),rgba(255,255,255,.96) 68%); --ch-bm-profile-header-text:#312e81; --ch-bm-profile-shadow: 0 14px 36px rgba(79,70,229,.09), 0 0 24px rgba(14,165,233,.14), 0 0 34px rgba(124,58,237,.08); --ch-bm-light-soft:#faf9ff; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-aurora-veil{ --ch-bm-profile-border:rgba(15,159,145,.40); --ch-bm-profile-header: linear-gradient(125deg,rgba(16,185,129,.10),rgba(56,189,248,.09) 46%,rgba(139,92,246,.07) 78%,#fff); --ch-bm-profile-header-text:#0f5d57; --ch-bm-profile-shadow: 0 14px 34px rgba(13,148,136,.08), 0 0 22px rgba(45,212,191,.14); --ch-bm-light-soft:#f6fffd; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-obsidian-crown{ --ch-bm-profile-border:rgba(71,85,105,.42); --ch-bm-profile-header: linear-gradient(135deg,rgba(51,65,85,.12),rgba(148,163,184,.06) 48%,#fff 82%); --ch-bm-profile-header-text:#1e293b; --ch-bm-profile-shadow: 0 15px 36px rgba(15,23,42,.11), 0 0 16px rgba(100,116,139,.10); --ch-bm-light-soft:#f7f8fa; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-solar-horizon{ --ch-bm-profile-border:rgba(234,106,18,.40); --ch-bm-profile-header: radial-gradient(circle at 50% 120%,rgba(250,204,21,.18),rgba(249,115,22,.08) 32%,transparent 64%), #fff; --ch-bm-profile-header-text:#8a3412; --ch-bm-profile-shadow: 0 14px 34px rgba(154,52,18,.08), 0 0 20px rgba(249,115,22,.14); --ch-bm-light-soft:#fffaf5; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-liberty-banner{ --ch-bm-profile-border:rgba(36,87,166,.42); --ch-bm-profile-header: linear-gradient(105deg,rgba(36,87,166,.13) 0 37%,rgba(255,255,255,.96) 37% 43%,rgba(183,25,50,.10) 43% 49%,rgba(36,87,166,.055) 49% 100%); --ch-bm-profile-header-text:#153b76; --ch-bm-profile-shadow: 0 14px 36px rgba(7,31,70,.09), 0 0 18px rgba(36,87,166,.11); --ch-bm-light-soft:#f8fbff; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini){ background:var(--ch-bm-light-surface,#fff)!important; border-color:var(--ch-bm-profile-border)!important; color:var(--ch-bm-light-text,#182230)!important; box-shadow:var(--ch-bm-profile-shadow)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is( .bm-list, .bm-list-wrapper, .bm-list-content, .bm-threads-list, .bm-messages-listing, .better-messages-list, .threads-list, .chat, .chat.open, .bm-combined-list, .bm-combined-chat ){ background-color:var(--ch-bm-light-surface,#fff)!important; color:var(--ch-bm-light-text,#182230)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.bm-list,.bm-threads-list,.threads-list) :is(li,div)[class*="item"]{ color:var(--ch-bm-light-text,#182230)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.bm-active-list-item,.active,.selected){ background-color:var(--ch-bm-light-soft,#f7f9fc)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is( .tabs, .chat-header, .chat > .head, .chat.open > .head, .bm-chat-header, .thread-header, .bm-thread-header, .bm-combined-header, .bm-header, .bm-threads-top-bar ){ background:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; color:var(--ch-bm-profile-header-text)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is( .tabs, .chat-header, .chat > .head, .chat.open > .head, .bm-chat-header, .thread-header, .bm-thread-header, .bm-combined-header, .bm-header, .bm-threads-top-bar ) :is(a,button,span,strong,.title,.name,.name a,.sub-name,.last-online,.group-online,.thread-info-data,svg){ color:var(--ch-bm-profile-header-text)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is( .tabs, .chat-header, .chat > .head, .chat.open > .head, .bm-chat-header, .thread-header, .bm-thread-header, .bm-combined-header, .bm-header, .bm-threads-top-bar ) svg{ fill:currentColor!important; stroke:currentColor; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is( .bm-sidebar-item-name, .bm-last-message-content, .bm-list-content, .bm-chat-header-title, .name, .title ){ color:var(--ch-bm-light-text,#182230)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) :is( .bm-sidebar-item-status, .last-online, .sub-name, .bm-message-info ){ color:var(--ch-bm-light-muted,#64748b)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel{ background:var(--ch-bm-light-surface,#fff)!important; border-color:var(--ch-bm-profile-border)!important; box-shadow:var(--ch-bm-profile-shadow)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic :is(.bp-better-messages-list,.bp-better-messages-mini) :is(.tabs,.chat-header,.chat > .head,.chat.open > .head,.bm-threads-top-bar){ background-image: radial-gradient(circle at 12% 28%,rgba(2,132,199,.72) 0 1px,transparent 1.8px), radial-gradient(circle at 68% 22%,rgba(124,58,237,.68) 0 1px,transparent 1.8px), radial-gradient(circle at 88% 72%,rgba(79,70,229,.60) 0 1px,transparent 1.8px), var(--ch-bm-profile-header)!important; background-repeat:no-repeat!important; background-size:100% 100%!important; } @media(prefers-reduced-motion:reduce){ html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini){ transition:none!important; } } body.ch-theme.ch-theme-bm-profile-cosmetic{ --ch-bm-profile-deep: linear-gradient(rgba(8,15,26,.38),rgba(8,15,26,.38)), var(--ch-bm-profile-header); } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-midnight-gold{ --ch-bm-profile-deep: linear-gradient(rgba(45,31,2,.34),rgba(45,31,2,.34)), var(--ch-bm-profile-header); } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic{ --ch-bm-profile-deep: linear-gradient(110deg,rgba(49,46,129,.34),rgba(76,29,149,.34) 52%,rgba(3,105,161,.26)), var(--ch-bm-profile-header); } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-aurora-veil{ --ch-bm-profile-deep: linear-gradient(110deg,rgba(5,94,86,.30),rgba(3,105,161,.28) 52%,rgba(91,33,182,.24)), var(--ch-bm-profile-header); } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-obsidian-crown{ --ch-bm-profile-deep: linear-gradient(rgba(15,23,42,.34),rgba(15,23,42,.34)), var(--ch-bm-profile-header); } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-solar-horizon{ --ch-bm-profile-deep: linear-gradient(110deg,rgba(124,45,18,.30),rgba(154,52,18,.34) 52%,rgba(120,53,15,.28)), var(--ch-bm-profile-header); } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-liberty-banner{ --ch-bm-profile-deep: linear-gradient(rgba(7,31,70,.24),rgba(7,31,70,.24)), var(--ch-bm-profile-header); } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic{ --ch-bm-profile-deep: linear-gradient( 135deg, color-mix(in srgb,var(--ch-bm-profile-border) 44%,#273449), color-mix(in srgb,var(--ch-bm-profile-border) 30%,#172033) ); } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-midnight-gold{ --ch-bm-profile-deep:linear-gradient(135deg,#756019,#4d3d09); } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic{ --ch-bm-profile-deep:linear-gradient(110deg,#3730a3,#6d28d9 48%,#075985); } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-aurora-veil{ --ch-bm-profile-deep:linear-gradient(110deg,#0f766e,#0369a1 50%,#5b21b6); } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-obsidian-crown{ --ch-bm-profile-deep:linear-gradient(135deg,#334155,#111827); } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-solar-horizon{ --ch-bm-profile-deep:linear-gradient(110deg,#9a3412,#c2410c 52%,#92400e); } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-liberty-banner{ --ch-bm-profile-deep:linear-gradient(105deg,#0a3161 0 42%,#9f1239 42% 52%,#0a3161 52% 100%); } body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel{ background:var(--ch-bm-profile-header)!important; border:1px solid var(--ch-bm-profile-border)!important; border-radius:inherit!important; overflow:hidden!important; box-shadow: 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 34%,transparent), 0 0 9px color-mix(in srgb,var(--ch-bm-profile-border) 44%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs{ display:flex!important; background:var(--ch-bm-profile-header)!important; background-image:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; border:0!important; border-radius:inherit!important; box-shadow:none!important; overflow:hidden!important; } body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > :is(.messages-tab,.groups-tab), body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > div:not(.bm-bubble-button):not([data-tab="bpbm-close"]){ background:transparent!important; background-image:none!important; color:var(--ch-bm-profile-header-text)!important; border:0!important; border-left:0!important; border-right:0!important; outline:0!important; box-shadow:none!important; filter:none!important; opacity:1!important; } body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > :is(.messages-tab,.groups-tab)::before, body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > :is(.messages-tab,.groups-tab)::after{ content:none!important; display:none!important; border:0!important; background:none!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic:not(.ch-bm-chat-open) .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs{ background:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs{ background:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > :is(.messages-tab,.groups-tab), body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > div:not(.bm-bubble-button):not([data-tab="bpbm-close"]){ background:var(--ch-bm-profile-deep)!important; color:#fff!important; opacity:1!important; filter:none!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 50%,transparent)!important; box-shadow:none!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > :is(.messages-tab,.groups-tab).active, body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-chat-open .bp-better-messages-list.bm-widget-bubble .bm-bubble-panel > .tabs > div.active:not(.bm-bubble-button):not([data-tab="bpbm-close"]){ background:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; border-color:var(--ch-bm-profile-border)!important; box-shadow: inset 0 -2px 0 color-mix(in srgb,var(--ch-bm-profile-border) 78%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open{ border:1px solid var(--ch-bm-profile-border)!important; outline:1px solid color-mix(in srgb,var(--ch-bm-profile-border) 32%,transparent)!important; outline-offset:-1px!important; border-radius:6px!important; box-shadow: 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 40%,transparent), 0 0 7px color-mix(in srgb,var(--ch-bm-profile-border) 54%,transparent), 0 0 16px color-mix(in srgb,var(--ch-bm-profile-border) 24%,transparent)!important; background-clip:padding-box!important; } body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open > :is(.chat-header,.head):first-child{ margin-top:-1px!important; margin-left:-1px!important; margin-right:-1px!important; width:calc(100% + 2px)!important; border-top-left-radius:6px!important; border-top-right-radius:6px!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open{ background:var(--ch-bm-light-surface,#fff)!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble .tabs > *{ transition:none!important; } } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:not(.bm-opened):not(.bm-bubble-open) .tabs, body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble:not(.bm-bubble-open) .tabs{ background:var(--ch-bm-profile-header)!important; background-image:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; color:var(--ch-bm-profile-header-text)!important; overflow:hidden!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:not(.bm-opened):not(.bm-bubble-open) .tabs > div:not([data-tab="bpbm-close"]), body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble:not(.bm-bubble-open) .tabs > div:not([data-tab="bpbm-close"]){ background:transparent!important; background-color:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; filter:none!important; opacity:1!important; color:var(--ch-bm-profile-header-text)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:not(.bm-opened):not(.bm-bubble-open) .tabs > div.active:not([data-tab="bpbm-close"]), body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble:not(.bm-bubble-open) .tabs > div.active:not([data-tab="bpbm-close"]){ background:transparent!important; background-color:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:not(.bm-opened):not(.bm-bubble-open) .tabs > div:not([data-tab="bpbm-close"]) *, body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.bm-widget-bubble:not(.bm-bubble-open) .tabs > div:not([data-tab="bpbm-close"]) *{ color:var(--ch-bm-profile-header-text)!important; fill:currentColor!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs{ background:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > div:not(.active):not([data-tab="bpbm-close"]){ background:var(--ch-bm-profile-deep)!important; background-color:transparent!important; background-image:var(--ch-bm-profile-deep)!important; border-color:color-mix(in srgb,var(--ch-bm-profile-border) 48%,transparent)!important; box-shadow:none!important; color:#fff!important; filter:none!important; opacity:1!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > div:not(.active):not([data-tab="bpbm-close"]) *{ color:#fff!important; fill:currentColor!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > div.active:not([data-tab="bpbm-close"]){ background:var(--ch-bm-profile-header)!important; background-image:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; border-color:var(--ch-bm-profile-border)!important; box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--ch-bm-profile-border) 78%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > div.active:not([data-tab="bpbm-close"]) *{ color:var(--ch-bm-profile-header-text)!important; fill:currentColor!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > div:not(.active):not([data-tab="bpbm-close"]){ background: linear-gradient(110deg,rgba(49,46,163,.96),rgba(109,40,217,.96) 48%,rgba(7,89,133,.94))!important; color:#fff!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-mini:has(.chat.open){ background:transparent!important; border:0!important; outline:0!important; box-shadow:none!important; padding:0!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-mini .chats{ padding:0!important; margin:0!important; background:transparent!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-mini .chat.open, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .chat.open{ margin-left:0!important; margin-right:0!important; border:1px solid var(--ch-bm-profile-border)!important; outline:0!important; border-radius:7px 7px 0 0!important; box-shadow: 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 32%,transparent), 0 0 8px color-mix(in srgb,var(--ch-bm-profile-border) 52%,transparent), 0 0 18px color-mix(in srgb,var(--ch-bm-profile-border) 26%,transparent)!important; background:var(--ch-bm-light-surface,#fff)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open > :is(.chat-header,.head):first-child{ margin:0!important; width:100%!important; border-top-left-radius:6px!important; border-top-right-radius:6px!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open > :is(.bm-messages-list,.chat-content,.messages,.bm-reply,.chat-footer){ margin-left:0!important; margin-right:0!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div{ transition:none!important; } } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.ch-bm-resting .tabs{ background:var(--ch-bm-profile-header)!important; background-image:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; overflow:hidden!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.ch-bm-resting .tabs > div:not([data-tab="bpbm-close"]){ background:transparent!important; background-color:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; filter:none!important; opacity:1!important; color:var(--ch-bm-profile-header-text)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.ch-bm-resting .tabs > div:not([data-tab="bpbm-close"]) *{ color:var(--ch-bm-profile-header-text)!important; fill:currentColor!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .bp-better-messages-list.ch-bm-panel-visible .tabs > div:not(.active):not([data-tab="bpbm-close"]){ background: linear-gradient(110deg,rgba(67,56,202,.76),rgba(109,40,217,.72) 48%,rgba(3,105,161,.66))!important; color:#fff!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.ch-bm-panel-visible .tabs > div:not(.active):not([data-tab="bpbm-close"]){ filter:saturate(.88) brightness(1.10)!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic .ch-activity-card.ch-cosmetic-slot-post{ isolation:isolate; } .ch-theme-community-shell.ch-theme-profile-cosmetic .ch-activity-card.ch-cosmetic-slot-post::after{ z-index:5; } .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-neon-circuit{ animation:inherit; } .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-neon-circuit::after{ content:""!important; animation:chCosmeticCircuitBorder 4.8s linear infinite!important; } .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-ember-edge{ animation:chEmberEdgeBreathe 4.2s ease-in-out infinite!important; } .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-liberty-standard{ animation:chLibertyPost 4.8s ease-in-out infinite!important; } .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-midnight-pulse-post{ animation:chMidnightPost 4s ease-in-out infinite!important; } .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ animation:chCosmicPost 5s ease-in-out infinite!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic .ch-activity-card.ch-cosmetic-slot-post{ filter:none; } body.ch-theme.ch-theme-bm-profile-cosmetic{ --ch-profile-frame-accent:var(--ch-theme-accent,#1473e6); --ch-profile-frame-rgb:20,115,230; --ch-profile-frame-accent-2:var(--ch-profile-frame-accent); } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-midnight-gold{ --ch-profile-frame-accent:#c8a84b; --ch-profile-frame-rgb:200,168,75; --ch-profile-frame-accent-2:#f3df91; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic{ --ch-profile-frame-accent:#7c3aed; --ch-profile-frame-rgb:124,58,237; --ch-profile-frame-accent-2:#38bdf8; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-aurora-veil{ --ch-profile-frame-accent:#14b8a6; --ch-profile-frame-rgb:20,184,166; --ch-profile-frame-accent-2:#38bdf8; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-obsidian-crown{ --ch-profile-frame-accent:#64748b; --ch-profile-frame-rgb:100,116,139; --ch-profile-frame-accent-2:#cbd5e1; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-solar-horizon{ --ch-profile-frame-accent:#f97316; --ch-profile-frame-rgb:249,115,22; --ch-profile-frame-accent-2:#facc15; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-liberty-banner{ --ch-profile-frame-accent:#2457a6; --ch-profile-frame-rgb:36,87,166; --ch-profile-frame-accent-2:#b71932; } body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-brand-frame--subtle .custom-logo-link{ box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.34), 0 3px 10px rgba(0,0,0,.10), 0 0 8px rgba(var(--ch-profile-frame-rgb),.08)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-brand-frame--accent .custom-logo-link{ box-shadow: 0 0 0 2px var(--ch-profile-frame-accent), 0 3px 12px rgba(0,0,0,.12), 0 0 10px rgba(var(--ch-profile-frame-rgb),.16)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-brand-frame--glow .custom-logo-link{ box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.66), 0 0 13px rgba(var(--ch-profile-frame-rgb),.38), 0 0 24px color-mix(in srgb,var(--ch-profile-frame-accent-2) 24%,transparent)!important; } @keyframes chLogoCosmicFrame{ 0%,100%{ box-shadow: 0 0 0 1px rgba(124,58,237,.68), 0 0 12px rgba(124,58,237,.34), 0 0 22px rgba(56,189,248,.18); } 50%{ box-shadow: 0 0 0 1px rgba(56,189,248,.74), 0 0 17px rgba(56,189,248,.42), 0 0 30px rgba(124,58,237,.26); } } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .ch-theme-brand-frame--glow .custom-logo-link{ animation:chLogoCosmicFrame 4.6s ease-in-out infinite; } body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-brand-frame--accent:is( .ch-theme-brand-shape--diamond, .ch-theme-brand-shape--hexagon, .ch-theme-brand-shape--shield, .ch-theme-brand-shape--triangle ) .custom-logo-link, body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-brand-frame--glow:is( .ch-theme-brand-shape--diamond, .ch-theme-brand-shape--hexagon, .ch-theme-brand-shape--shield, .ch-theme-brand-shape--triangle ) .custom-logo-link{ filter:drop-shadow(0 0 6px rgba(var(--ch-profile-frame-rgb),.55))!important; } @media(prefers-reduced-motion:reduce){ .ch-activity-card.ch-cosmetic-slot-post, .ch-activity-card.ch-cosmetic-slot-post::after, body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .ch-theme-brand-frame--glow .custom-logo-link{ animation:none!important; } } body.ch-theme.ch-theme-bm-profile-cosmetic :is( .ch-theme-header-icon-button[data-ch-header-preview="messages"], .ch-theme-header-icon-button[data-ch-theme-notification-trigger], .ch-theme-mode-toggle, .ch-theme-account-toggle ){ border-color:rgba(var(--ch-profile-frame-rgb),.46)!important; box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.18), 0 0 9px rgba(var(--ch-profile-frame-rgb),.16), 0 5px 16px rgba(15,23,42,.07)!important; transition: border-color .16s ease, box-shadow .18s ease, background .16s ease, transform .12s ease!important; } body.ch-theme.ch-theme-bm-profile-cosmetic :is( .ch-theme-header-icon-button[data-ch-header-preview="messages"], .ch-theme-header-icon-button[data-ch-theme-notification-trigger], .ch-theme-mode-toggle, .ch-theme-account-toggle ):is(:hover,:focus-visible){ border-color:var(--ch-profile-frame-accent)!important; box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.42), 0 0 13px rgba(var(--ch-profile-frame-rgb),.28), 0 0 21px color-mix(in srgb,var(--ch-profile-frame-accent-2) 14%,transparent), 0 6px 18px rgba(15,23,42,.08)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic:has(.ch-theme-brand-frame--glow) :is( .ch-theme-header-icon-button[data-ch-header-preview="messages"], .ch-theme-header-icon-button[data-ch-theme-notification-trigger], .ch-theme-mode-toggle, .ch-theme-account-toggle ){ box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.50), 0 0 12px rgba(var(--ch-profile-frame-rgb),.27), 0 0 22px color-mix(in srgb,var(--ch-profile-frame-accent-2) 14%,transparent)!important; } @keyframes chHeaderCosmeticCosmicGlow{ 0%,100%{ border-color:rgba(124,58,237,.52); box-shadow: 0 0 0 1px rgba(124,58,237,.25), 0 0 9px rgba(124,58,237,.21), 0 0 15px rgba(56,189,248,.10); } 50%{ border-color:rgba(56,189,248,.60); box-shadow: 0 0 0 1px rgba(56,189,248,.30), 0 0 12px rgba(56,189,248,.28), 0 0 20px rgba(124,58,237,.16); } } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic :is( .ch-theme-header-icon-button[data-ch-header-preview="messages"], .ch-theme-header-icon-button[data-ch-theme-notification-trigger], .ch-theme-mode-toggle, .ch-theme-account-toggle ){ animation:chHeaderCosmeticCosmicGlow 4.8s ease-in-out infinite; } body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-account.is-open .ch-theme-account-panel{ border-color:rgba(var(--ch-profile-frame-rgb),.54)!important; box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.26), 0 0 17px rgba(var(--ch-profile-frame-rgb),.24), 0 0 28px color-mix(in srgb,var(--ch-profile-frame-accent-2) 12%,transparent), var(--ch-theme-shadow)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .ch-theme-account.is-open .ch-theme-account-panel{ border-color:rgba(124,58,237,.56)!important; box-shadow: 0 0 0 1px rgba(124,58,237,.28), 0 0 18px rgba(124,58,237,.26), 0 0 30px rgba(56,189,248,.17), var(--ch-theme-shadow)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > [data-tab="bpbm-close"]{ background:color-mix(in srgb,var(--ch-bm-profile-border) 14%,#fff)!important; background-image:none!important; border:1px solid color-mix(in srgb,var(--ch-bm-profile-border) 55%,transparent)!important; color:var(--ch-bm-profile-header-text)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 0 8px color-mix(in srgb,var(--ch-bm-profile-border) 22%,transparent)!important; filter:none!important; opacity:1!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > [data-tab="bpbm-close"] :is(*,svg){ color:var(--ch-bm-profile-header-text)!important; -webkit-text-fill-color:var(--ch-bm-profile-header-text)!important; fill:currentColor!important; stroke:currentColor!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > [data-tab="bpbm-close"]{ background: linear-gradient(135deg,rgba(124,58,237,.15),rgba(56,189,248,.10)), #fff!important; border-color:rgba(124,58,237,.44)!important; color:#4338ca!important; box-shadow: 0 0 0 1px rgba(124,58,237,.12), 0 0 9px rgba(56,189,248,.12)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.ch-bm-panel-visible .tabs > div:not(.active):not([data-tab="bpbm-close"]), html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > div:not(.active):not([data-tab="bpbm-close"]){ color:#fff!important; -webkit-text-fill-color:#fff!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list.ch-bm-panel-visible .tabs > div:not(.active):not([data-tab="bpbm-close"]) :is(*,a,span,strong,i,em,small), html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > div:not(.active):not([data-tab="bpbm-close"]) :is(*,a,span,strong,i,em,small){ color:#fff!important; -webkit-text-fill-color:#fff!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > div:is(.selected,.current):not([data-tab="bpbm-close"]){ color:#fff!important; -webkit-text-fill-color:#fff!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > div:is(.selected,.current):not([data-tab="bpbm-close"]) *{ color:#fff!important; -webkit-text-fill-color:#fff!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic :is( .ch-theme-header-icon-button[data-ch-header-preview="messages"], .ch-theme-header-icon-button[data-ch-theme-notification-trigger], .ch-theme-mode-toggle, .ch-theme-account-toggle ){ animation:none!important; } } body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-header-icon-button[data-ch-header-preview="shopping"]{ border-color:rgba(var(--ch-profile-frame-rgb),.46)!important; box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.18), 0 0 9px rgba(var(--ch-profile-frame-rgb),.16), 0 5px 16px rgba(15,23,42,.07)!important; transition: border-color .16s ease, box-shadow .18s ease, background .16s ease, transform .12s ease!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-header-icon-button[data-ch-header-preview="shopping"]:is(:hover,:focus-visible){ border-color:var(--ch-profile-frame-accent)!important; box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.42), 0 0 13px rgba(var(--ch-profile-frame-rgb),.28), 0 0 21px color-mix(in srgb,var(--ch-profile-frame-accent-2) 14%,transparent), 0 6px 18px rgba(15,23,42,.08)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic:has(.ch-theme-brand-frame--glow) .ch-theme-header-icon-button[data-ch-header-preview="shopping"]{ box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.50), 0 0 12px rgba(var(--ch-profile-frame-rgb),.27), 0 0 22px color-mix(in srgb,var(--ch-profile-frame-accent-2) 14%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .ch-theme-header-icon-button[data-ch-header-preview="shopping"]{ animation:chHeaderCosmeticCosmicGlow 4.8s ease-in-out infinite; } @keyframes chProfileMenuTextGlow{ 0%,100%{ text-shadow: 0 0 3px rgba(var(--ch-profile-frame-rgb),.08), 0 0 7px rgba(var(--ch-profile-frame-rgb),.05); } 50%{ text-shadow: 0 0 4px rgba(var(--ch-profile-frame-rgb),.18), 0 0 10px color-mix(in srgb,var(--ch-profile-frame-accent-2) 10%,transparent); } } @media(min-width:783px){ body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list > li > a{ text-shadow: 0 0 3px rgba(var(--ch-profile-frame-rgb),.10), 0 0 7px rgba(var(--ch-profile-frame-rgb),.06); transition: color .16s ease, text-shadow .18s ease, transform .14s ease!important; animation:chProfileMenuTextGlow 5.2s ease-in-out infinite; } body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list > li > a:is(:hover,:focus-visible), body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list > li.current-menu-item > a, body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list > li.current-menu-ancestor > a{ color:var(--ch-profile-frame-accent)!important; text-shadow: 0 0 5px rgba(var(--ch-profile-frame-rgb),.34), 0 0 12px rgba(var(--ch-profile-frame-rgb),.22), 0 0 18px color-mix(in srgb,var(--ch-profile-frame-accent-2) 16%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .ch-theme-primary-menu--desktop .ch-theme-menu-list > li > a{ text-shadow: 0 0 4px rgba(124,58,237,.14), 0 0 8px rgba(56,189,248,.08); } } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > [data-tab="bpbm-close"]{ background:var(--ch-bm-profile-header)!important; background-color:transparent!important; background-image:var(--ch-bm-profile-header)!important; border-color:var(--ch-bm-profile-border)!important; color:var(--ch-bm-profile-header-text)!important; -webkit-text-fill-color:var(--ch-bm-profile-header-text)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > [data-tab="bpbm-close"] :is(*,span,i,svg,path){ color:var(--ch-bm-profile-header-text)!important; -webkit-text-fill-color:var(--ch-bm-profile-header-text)!important; fill:currentColor!important; stroke:currentColor!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > [data-tab="bpbm-close"]::before, html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > [data-tab="bpbm-close"]::after{ color:var(--ch-bm-profile-header-text)!important; -webkit-text-fill-color:var(--ch-bm-profile-header-text)!important; border-color:currentColor!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .bp-better-messages-list:is(.bm-opened,.bm-bubble-open) .tabs > [data-tab="bpbm-close"]{ background: linear-gradient(135deg,rgba(124,58,237,.18),rgba(56,189,248,.13)), #f8f7ff!important; border-color:rgba(124,58,237,.52)!important; color:#4338ca!important; -webkit-text-fill-color:#4338ca!important; box-shadow: 0 0 0 1px rgba(124,58,237,.14), 0 0 10px rgba(56,189,248,.15)!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .ch-theme-header-icon-button[data-ch-header-preview="shopping"], body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list > li > a{ animation:none!important; } } @media(min-width:783px){ body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list .sub-menu{ border-color:rgba(var(--ch-profile-frame-rgb),.42)!important; box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.16), 0 0 16px rgba(var(--ch-profile-frame-rgb),.16), 0 12px 30px rgba(15,23,42,.12)!important; overflow:hidden; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list .sub-menu{ background: linear-gradient( 145deg, rgba(var(--ch-profile-frame-rgb),.065), transparent 44% ), #fff!important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list .sub-menu{ background: linear-gradient( 145deg, rgba(var(--ch-profile-frame-rgb),.075), transparent 46% ), var(--ch-theme-surface,#121c2b)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list .sub-menu a{ text-shadow: 0 0 3px rgba(var(--ch-profile-frame-rgb),.10), 0 0 7px rgba(var(--ch-profile-frame-rgb),.055); transition: color .16s ease, background .16s ease, text-shadow .18s ease, transform .12s ease!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list .sub-menu a:is(:hover,:focus-visible), body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list .sub-menu li.current-menu-item > a, body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list .sub-menu li.current-menu-ancestor > a{ color:var(--ch-profile-frame-accent)!important; background:rgba(var(--ch-profile-frame-rgb),.08)!important; text-shadow: 0 0 5px rgba(var(--ch-profile-frame-rgb),.34), 0 0 11px rgba(var(--ch-profile-frame-rgb),.20), 0 0 17px color-mix(in srgb,var(--ch-profile-frame-accent-2) 14%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .ch-theme-primary-menu--desktop .ch-theme-menu-list .sub-menu{ border-color:rgba(124,58,237,.48)!important; box-shadow: 0 0 0 1px rgba(124,58,237,.18), 0 0 18px rgba(124,58,237,.17), 0 0 28px rgba(56,189,248,.10), 0 12px 30px rgba(15,23,42,.12)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .ch-theme-primary-menu--desktop .ch-theme-menu-list .sub-menu{ background: radial-gradient(circle at 10% 10%,rgba(56,189,248,.09),transparent 34%), radial-gradient(circle at 90% 5%,rgba(124,58,237,.10),transparent 38%), #fff!important; } } body.ch-theme.ch-theme-bm-profile-cosmetic{ --ch-bm-unread-bg: linear-gradient( 135deg, var(--ch-profile-frame-accent), var(--ch-profile-frame-accent-2) ); } body.ch-theme.ch-theme-bm-profile-cosmetic .bp-messages-wrap.bp-better-messages-list .tabs > div :is(.unread-count,.bm-tab-badge), body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div :is(.unread-count,.bm-tab-badge), body.ch-theme.ch-theme-bm-profile-cosmetic .bp-messages-wrap .bm-tab-icon-wrap > .bm-tab-badge, body.ch-theme.ch-theme-bm-profile-cosmetic .bp-messages-wrap .messages-tab-icon-stack > .unread-count{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:16px!important; width:auto!important; height:16px!important; line-height:16px!important; padding:0 4px!important; margin-inline-start:5px!important; border-radius:999px!important; background:var(--ch-bm-unread-bg)!important; background-color:transparent!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border:1px solid rgba(255,255,255,.62)!important; box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.24), 0 0 7px rgba(var(--ch-profile-frame-rgb),.30)!important; font-size:9px!important; font-weight:800!important; text-align:center!important; vertical-align:middle!important; opacity:1!important; filter:none!important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-messages-wrap.bp-better-messages-list .tabs > div :is(.unread-count,.bm-tab-badge), html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic .bp-better-messages-list .tabs > div :is(.unread-count,.bm-tab-badge){ background:var(--ch-bm-unread-bg)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border-color:rgba(255,255,255,.55)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic{ --ch-bm-unread-bg:linear-gradient(135deg,#7c3aed,#4f46e5 48%,#0ea5e9); } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .bp-messages-wrap :is(.unread-count,.bm-tab-badge){ box-shadow: 0 0 0 1px rgba(124,58,237,.34), 0 0 8px rgba(124,58,237,.34), 0 0 12px rgba(56,189,248,.18)!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-primary-menu--desktop .ch-theme-menu-list .sub-menu a{ animation:none!important; } } @media(max-width:782px){ body.ch-theme.ch-bm-mobile-session #better-messages-modals-container{ position:fixed!important; inset:0!important; z-index:2147483645!important; pointer-events:none; } body.ch-theme.ch-bm-mobile-session #better-messages-modals-container :is(.bm-modal-window,.bm-message-status-panel){ z-index:2147483646!important; pointer-events:auto; } body.ch-theme.ch-bm-mobile-session #better-messages-modals-container .bm-modal-window{ position:fixed!important; inset:0!important; } body.ch-theme.ch-bm-mobile-session #better-messages-modals-container .bm-message-status-panel{ position:relative!important; z-index:2147483647!important; } } body.ch-theme #better-messages-modals-container .bm-message-status-panel{ padding:12px 14px 14px!important; box-sizing:border-box!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel :is(.bm-message-status-list,.bm-message-status-users,.bm-status-list){ padding-right:12px!important; box-sizing:border-box!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel :is( .bm-message-status-list > div, .bm-message-status-users > div, .bm-status-list > div, .bm-message-status-user, .bm-status-user ){ min-height:42px!important; padding:6px 10px 6px 4px!important; column-gap:10px!important; box-sizing:border-box!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel :is( .bm-message-status-list > div, .bm-message-status-users > div, .bm-status-list > div, .bm-message-status-user, .bm-status-user ) :is( .status, .bm-status, .message-status, .bm-message-status, .seen-status, .delivery-status ){ flex:0 0 auto!important; min-width:68px!important; margin-left:auto!important; padding-left:10px!important; padding-right:4px!important; text-align:right!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel :is( .bm-message-status-list > div, .bm-message-status-users > div, .bm-status-list > div, .bm-message-status-user, .bm-status-user ) :is( .name, .user-name, .username, .bm-user-name, .bm-message-status-name ){ min-width:0!important; flex:1 1 auto!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel :is(.simplebar-content,.simplebar-content-wrapper,.bm-scroll-content){ padding-right:8px!important; box-sizing:border-box!important; } @media(max-width:782px){ body.ch-theme.ch-bm-mobile-session #better-messages-modals-container .bm-message-status-panel{ padding:12px 12px 16px!important; } body.ch-theme.ch-bm-mobile-session #better-messages-modals-container .bm-message-status-panel :is( .bm-message-status-list > div, .bm-message-status-users > div, .bm-status-list > div, .bm-message-status-user, .bm-status-user ){ min-height:44px!important; padding-top:7px!important; padding-bottom:7px!important; } } body.ch-theme #better-messages-modals-container .bm-message-status-panel{ padding:0!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users{ margin:10px 0 0!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list{ padding:8px 14px 8px 10px!important; box-sizing:border-box!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ min-height:44px!important; padding:3px 10px 3px 0!important; box-sizing:border-box!important; gap:0!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic{ flex:0 0 30px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .name{ flex:1 1 auto!important; min-width:0!important; padding-right:10px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status{ flex:0 0 auto!important; min-width:72px!important; margin-left:auto!important; padding-left:10px!important; padding-right:12px!important; text-align:right!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; box-sizing:border-box!important; } @media(max-width:782px){ body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list{ padding:8px 16px 8px 8px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status{ min-width:76px!important; padding-right:14px!important; } } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .name{ padding-right:5px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status{ min-width:60px!important; padding-left:5px!important; padding-right:10px!important; } @media(max-width:782px){ body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status{ min-width:64px!important; padding-left:5px!important; padding-right:12px!important; } } body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-status-panel) .bm-modal-window-inner{ width:390px!important; max-width:calc(100vw - 32px)!important; border-radius:12px!important; overflow:hidden!important; } body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-status-panel) .bm-modal-window-header{ padding:16px 18px!important; } body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-status-panel) .bm-modal-window-content{ min-width:0!important; padding:14px 16px 16px!important; box-sizing:border-box!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel{ padding:0!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users{ margin:0!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list{ max-height:min(430px,62vh)!important; padding:6px 12px 6px 6px!important; box-sizing:border-box!important; overflow-y:auto!important; overflow-x:hidden!important; scrollbar-gutter:stable!important; border-radius:8px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ display:grid!important; grid-template-columns:40px minmax(0,150px) minmax(62px,max-content)!important; align-items:center!important; justify-content:start!important; column-gap:9px!important; min-height:46px!important; width:100%!important; padding:4px 4px!important; box-sizing:border-box!important; border-radius:7px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user:hover{ background:rgba(var(--bm-text-color),.045)!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user > :not(img){ padding-top:0!important; padding-bottom:0!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic{ width:34px!important; height:34px!important; padding:0!important; margin:0!important; box-sizing:border-box!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic img{ width:34px!important; height:34px!important; border-radius:4px!important; object-fit:cover!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .name{ min-width:0!important; width:auto!important; padding:0!important; margin:0!important; font-size:13px!important; line-height:1.25!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status{ min-width:62px!important; width:auto!important; margin:0!important; padding:0!important; justify-self:start!important; text-align:left!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; font-size:11px!important; line-height:1.2!important; font-style:italic!important; opacity:.78!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list{ scrollbar-width:thin; scrollbar-color:rgba(var(--bm-text-color),.38) transparent; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list::-webkit-scrollbar{ width:7px; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list::-webkit-scrollbar-track{ background:transparent; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list::-webkit-scrollbar-thumb{ background:rgba(var(--bm-text-color),.32); border-radius:999px; } @media(max-width:782px){ body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-status-panel) .bm-modal-window-inner{ width:min(380px,calc(100vw - 24px))!important; max-width:calc(100vw - 24px)!important; } body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-status-panel) .bm-modal-window-content{ padding:12px 12px 14px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list{ padding:5px 10px 5px 5px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ grid-template-columns:38px minmax(0,132px) minmax(60px,max-content)!important; column-gap:8px!important; min-height:45px!important; padding:4px 3px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic, body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic img{ width:32px!important; height:32px!important; } } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:9px!important; min-height:44px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .name{ flex:0 1 152px!important; max-width:152px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status{ flex:0 0 auto!important; min-width:0!important; margin-left:2px!important; text-align:left!important; } @media(max-width:782px){ body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ gap:8px!important; min-height:43px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .name{ flex:0 1 138px!important; max-width:138px!important; } } body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-status-panel) .bm-modal-window-inner{ width:320px!important; max-width:calc(100vw - 24px)!important; } body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-status-panel) .bm-modal-window-content{ padding:12px 10px 12px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list{ width:100%!important; max-width:none!important; padding:4px 8px 4px 4px!important; scrollbar-gutter:stable!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ display:grid!important; grid-template-columns:34px minmax(0,1fr) max-content!important; align-items:center!important; column-gap:7px!important; width:100%!important; min-height:42px!important; padding:3px 2px!important; box-sizing:border-box!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic, body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic img{ width:32px!important; height:32px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .name{ width:auto!important; max-width:none!important; min-width:0!important; padding:0!important; margin:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status{ width:auto!important; min-width:0!important; margin:0 4px 0 0!important; padding:0!important; justify-self:end!important; text-align:right!important; white-space:nowrap!important; } @media(max-width:782px){ body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-status-panel) .bm-modal-window-inner{ width:min(314px,calc(100vw - 20px))!important; max-width:calc(100vw - 20px)!important; } body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-status-panel) .bm-modal-window-content{ padding:10px 8px 11px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list{ padding:4px 7px 4px 3px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ grid-template-columns:32px minmax(0,1fr) max-content!important; column-gap:6px!important; min-height:41px!important; } } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .name{ flex:0 1 136px!important; max-width:136px!important; min-width:0!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status{ flex:0 0 70px!important; min-width:70px!important; margin:0!important; padding:0!important; text-align:left!important; justify-self:auto!important; } @media(max-width:782px){ body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ gap:7px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .name{ flex-basis:126px!important; max-width:126px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status{ flex-basis:66px!important; min-width:66px!important; } } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list{ padding:4px 8px 4px 4px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ display:grid!important; grid-template-columns:34px minmax(0,148px) minmax(68px,max-content)!important; justify-content:start!important; align-items:center!important; column-gap:8px!important; row-gap:0!important; width:100%!important; min-height:42px!important; padding:4px 2px!important; box-sizing:border-box!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic, body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic img{ width:32px!important; height:32px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .name{ width:148px!important; min-width:0!important; max-width:148px!important; flex:none!important; padding:0!important; margin:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status, body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-status, body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .seen-status{ width:68px!important; min-width:68px!important; max-width:68px!important; flex:none!important; margin:0!important; padding:0!important; justify-self:start!important; text-align:left!important; white-space:nowrap!important; } @media(max-width:782px){ body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ grid-template-columns:32px minmax(0,138px) minmax(64px,max-content)!important; column-gap:7px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .name{ width:138px!important; max-width:138px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status, body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-status, body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .seen-status{ width:64px!important; min-width:64px!important; max-width:64px!important; } } body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-reactions-panel) .bm-modal-window-inner{ width:292px!important; max-width:calc(100vw - 24px)!important; border-radius:12px!important; overflow:hidden!important; } body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-reactions-panel) .bm-modal-window-content{ min-width:0!important; padding:10px 10px 12px!important; box-sizing:border-box!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel{ margin:0!important; padding:0!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list{ width:100%!important; max-height:min(400px,60vh)!important; padding:4px 8px 4px 4px!important; box-sizing:border-box!important; overflow-y:auto!important; overflow-x:hidden!important; scrollbar-gutter:stable!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user{ display:grid!important; grid-template-columns:34px minmax(0,150px) 24px!important; align-items:center!important; justify-content:start!important; column-gap:8px!important; width:100%!important; min-height:42px!important; padding:4px 2px!important; box-sizing:border-box!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .pic, body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .pic img{ width:32px!important; height:32px!important; padding:0!important; margin:0!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .name{ min-width:0!important; max-width:150px!important; padding:0!important; margin:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .bm-msg-status{ width:24px!important; min-width:24px!important; max-width:24px!important; margin:0!important; padding:0!important; justify-self:start!important; text-align:center!important; opacity:1!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list{ scrollbar-width:thin; scrollbar-color:rgba(var(--bm-text-color),.34) transparent; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list::-webkit-scrollbar{ width:7px; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list::-webkit-scrollbar-track{ background:transparent; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list::-webkit-scrollbar-thumb{ background:rgba(var(--bm-text-color),.30); border-radius:999px; } html[data-ch-theme-mode="light"] body.ch-theme #better-messages-modals-container .bm-message-status-panel .bp-messages-user-list .user .bm-msg-status{ color:#111!important; -webkit-text-fill-color:#111!important; opacity:1!important; } html[data-ch-theme-mode="dark"] body.ch-theme #better-messages-modals-container .bm-message-status-panel .bp-messages-user-list .user .bm-msg-status{ color:#fff!important; -webkit-text-fill-color:#fff!important; opacity:1!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bp-messages-user-list .user .bm-msg-status{ font-weight:600!important; } @media(max-width:782px){ body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-reactions-panel) .bm-modal-window-inner{ width:min(286px,calc(100vw - 20px))!important; max-width:calc(100vw - 20px)!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user{ grid-template-columns:32px minmax(0,142px) 24px!important; column-gap:7px!important; min-height:41px!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .name{ max-width:142px!important; } } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user{ min-height:48px!important; padding-top:5px!important; padding-bottom:5px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic, body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic img{ width:36px!important; height:36px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .name{ font-size:14px!important; line-height:1.3!important; font-weight:600!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .bm-msg-status{ font-size:12px!important; line-height:1.25!important; font-weight:700!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user{ min-height:48px!important; padding-top:5px!important; padding-bottom:5px!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .pic, body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .pic img{ width:36px!important; height:36px!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .name{ font-size:14px!important; line-height:1.3!important; font-weight:600!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .bm-msg-status{ font-size:18px!important; line-height:1!important; width:28px!important; min-width:28px!important; max-width:28px!important; } body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-status-panel) .bm-modal-window-header, body.ch-theme #better-messages-modals-container .bm-modal-window:has(.bm-message-reactions-panel) .bm-modal-window-header{ font-size:15px!important; font-weight:700!important; } @media(max-width:782px){ body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user, body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user{ min-height:47px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic, body.ch-theme #better-messages-modals-container .bm-message-status-panel .bm-message-status-panel-users .bp-messages-user-list .user .pic img, body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .pic, body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .pic img{ width:34px!important; height:34px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bp-messages-user-list .user .name, body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .name{ font-size:13.5px!important; } body.ch-theme #better-messages-modals-container .bm-message-status-panel .bp-messages-user-list .user .bm-msg-status{ font-size:11.5px!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .bm-msg-status{ font-size:17px!important; } } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user{ grid-template-columns:36px minmax(0,148px) 30px!important; column-gap:8px!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .bm-msg-status{ width:30px!important; min-width:30px!important; max-width:30px!important; font-size:22px!important; line-height:1!important; display:flex!important; align-items:center!important; justify-content:center!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .bm-msg-status > *{ font-size:22px!important; line-height:1!important; } body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user .bm-msg-status :is(img,svg){ width:22px!important; height:22px!important; min-width:22px!important; min-height:22px!important; max-width:22px!important; max-height:22px!important; } @media(max-width:782px){ body.ch-theme #better-messages-modals-container .bm-message-reactions-panel .bp-messages-user-list .user{ grid-template-columns:34px minmax(0,140px) 30px!important; } } @media(max-width:782px){ html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session{ --ch-bm-mobile-surface:#ffffff; --ch-bm-mobile-soft:color-mix(in srgb,var(--ch-bm-profile-border) 7%,#fff); --ch-bm-mobile-edge:color-mix(in srgb,var(--ch-bm-profile-border) 72%,#dbe3ec); --ch-bm-mobile-text:#182230; --ch-bm-mobile-muted:#64748b; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session{ --ch-bm-mobile-surface:#0f1723; --ch-bm-mobile-soft:color-mix(in srgb,var(--ch-bm-profile-border) 10%,#111b29); --ch-bm-mobile-edge:color-mix(in srgb,var(--ch-bm-profile-border) 78%,#334155); --ch-bm-mobile-text:#f8fafc; --ch-bm-mobile-muted:#a8b4c4; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session :is( #bp-better-messages-mobile-view-container, #bp-better-messages-mini-mobile-container, .bp-messages-wrap.bp-messages-mobile ){ background:var(--ch-bm-mobile-surface)!important; color:var(--ch-bm-mobile-text)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session :is( #bp-better-messages-mobile-view-container, #bp-better-messages-mini-mobile-container ){ box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 52%,transparent), inset 0 0 22px color-mix(in srgb,var(--ch-bm-profile-border) 12%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile{ background: linear-gradient( 180deg, color-mix(in srgb,var(--ch-bm-profile-border) 5%,var(--ch-bm-mobile-surface)) 0, var(--ch-bm-mobile-surface) 130px )!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile .chat-header{ background:var(--ch-bm-profile-header)!important; background-image:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; border-bottom:1px solid var(--ch-bm-profile-border)!important; box-shadow: 0 1px 0 color-mix(in srgb,var(--ch-bm-profile-border) 32%,transparent), 0 4px 12px color-mix(in srgb,var(--ch-bm-profile-border) 22%,transparent), 0 8px 24px color-mix(in srgb,var(--ch-bm-profile-border) 10%,transparent)!important; position:relative!important; z-index:3!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile .chat-header :is( a,button,span,strong,i, .name,.name a,.title,.sub-name,.last-online,.group-online, .thread-info-data,.mobileClose,.settings,.expandingButtons, svg ){ color:var(--ch-bm-profile-header-text)!important; -webkit-text-fill-color:var(--ch-bm-profile-header-text)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile .chat-header svg{ fill:currentColor!important; stroke:currentColor!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile .chat-header .mobileClose{ color:var(--ch-bm-profile-header-text)!important; -webkit-text-fill-color:var(--ch-bm-profile-header-text)!important; text-shadow: 0 0 7px color-mix(in srgb,var(--ch-bm-profile-border) 52%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile :is(.threads-list,.bm-threads-list,.bm-combined-list){ background:var(--ch-bm-mobile-surface)!important; color:var(--ch-bm-mobile-text)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile :is(.threads-list,.bm-threads-list,.bm-combined-list) .thread{ border-bottom-color:color-mix(in srgb,var(--ch-bm-profile-border) 18%,transparent)!important; transition:background .16s ease,box-shadow .16s ease!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile :is(.threads-list,.bm-threads-list,.bm-combined-list) .thread:is(.active,.selected,:active){ background:var(--ch-bm-mobile-soft)!important; box-shadow: inset 3px 0 0 var(--ch-bm-profile-border), inset 0 0 14px color-mix(in srgb,var(--ch-bm-profile-border) 8%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile :is(.threads-list,.bm-threads-list,.bm-combined-list) .thread :is(.name,.name a,.subject,.bm-thread-title){ color:var(--ch-bm-mobile-text)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile :is(.threads-list,.bm-threads-list,.bm-combined-list) .thread :is(.time,.last-message,.bm-last-message-content,.bm-sidebar-item-status){ color:var(--ch-bm-mobile-muted)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile :is(.bpbm-chat-content,.bpbm-chat-main,.bpbm-chat-main-primary,.bm-messages-list,.bm-list){ background-color:var(--ch-bm-mobile-surface)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile .bpbm-chat-main-primary{ box-shadow: inset 1px 0 0 color-mix(in srgb,var(--ch-bm-profile-border) 18%,transparent), inset -1px 0 0 color-mix(in srgb,var(--ch-bm-profile-border) 18%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile :is(.bm-reply,.chat-footer){ background: linear-gradient( 180deg, color-mix(in srgb,var(--ch-bm-profile-border) 6%,var(--ch-bm-mobile-surface)), var(--ch-bm-mobile-surface) 58% )!important; border-top:1px solid color-mix(in srgb,var(--ch-bm-profile-border) 48%,transparent)!important; box-shadow: 0 -1px 0 color-mix(in srgb,var(--ch-bm-profile-border) 16%,transparent), 0 -8px 18px color-mix(in srgb,var(--ch-bm-profile-border) 8%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile .bm-reply .bm-editor{ border-color:color-mix(in srgb,var(--ch-bm-profile-border) 54%,transparent)!important; box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 14%,transparent), 0 0 10px color-mix(in srgb,var(--ch-bm-profile-border) 8%,transparent)!important; } html[data-ch-theme-mode="light"] body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile .bm-reply .bm-editor{ background:#fff!important; color:#182230!important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile .bm-reply .bm-editor{ background:#111b29!important; color:#f8fafc!important; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile .chat-header{ background-image: radial-gradient(circle at 9% 24%,rgba(56,189,248,.82) 0 1px,transparent 1.8px), radial-gradient(circle at 29% 68%,rgba(124,58,237,.76) 0 1px,transparent 1.8px), radial-gradient(circle at 72% 22%,rgba(129,140,248,.76) 0 1px,transparent 1.8px), radial-gradient(circle at 91% 70%,rgba(56,189,248,.64) 0 1px,transparent 1.8px), var(--ch-bm-profile-header)!important; box-shadow: 0 1px 0 rgba(124,58,237,.34), 0 4px 13px rgba(124,58,237,.26), 0 8px 26px rgba(56,189,248,.14)!important; } @keyframes chBmMobileCosmicEdge{ 0%,100%{ box-shadow: inset 0 0 0 1px rgba(124,58,237,.28), inset 0 0 18px rgba(124,58,237,.08); } 50%{ box-shadow: inset 0 0 0 1px rgba(56,189,248,.34), inset 0 0 25px rgba(56,189,248,.11); } } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic.ch-bm-mobile-session :is( #bp-better-messages-mobile-view-container, #bp-better-messages-mini-mobile-container ){ animation:chBmMobileCosmicEdge 4.8s ease-in-out infinite; } @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic.ch-bm-mobile-session :is( #bp-better-messages-mobile-view-container, #bp-better-messages-mini-mobile-container ){ animation:none!important; } } } @media(max-width:782px){ body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic :is( .ch-profile-header-card, .ch-profile-about-card, .ch-profile-section-header, .ch-page-header, .ch-community-header, .ch-feed-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header ){ border-color:rgba(var(--ch-profile-frame-rgb),.50)!important; box-shadow: inset 3px 0 0 rgba(var(--ch-profile-frame-rgb),.42), inset 0 1px 0 color-mix(in srgb,var(--ch-profile-frame-accent-2) 10%,transparent), 0 7px 18px rgba(15,23,42,.08), 0 0 16px rgba(var(--ch-profile-frame-rgb),.11)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic :is( .ch-profile-header-card, .ch-profile-about-card, .ch-profile-section-header, .ch-page-header, .ch-community-header, .ch-feed-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header ){ box-shadow: inset 3px 0 0 rgba(var(--ch-profile-frame-rgb),.46), inset 0 1px 0 color-mix(in srgb,var(--ch-profile-frame-accent-2) 12%,transparent), 0 8px 20px rgba(0,0,0,.24), 0 0 19px rgba(var(--ch-profile-frame-rgb),.14)!important; } body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic :is( .ch-profile-header-card, .ch-page-header, .ch-community-header, .ch-feed-header, .ch-community-feed-header ){ border-width:1px!important; box-shadow: inset 3px 0 0 rgba(var(--ch-profile-frame-rgb),.54), inset 0 1px 0 color-mix(in srgb,var(--ch-profile-frame-accent-2) 16%,transparent), 0 8px 22px rgba(15,23,42,.09), 0 0 20px rgba(var(--ch-profile-frame-rgb),.16), 0 0 30px color-mix(in srgb,var(--ch-profile-frame-accent-2) 10%,transparent)!important; } body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-profile-header-card, .ch-profile-about-card, .ch-profile-section-header, .ch-page-header, .ch-community-header, .ch-feed-header, .ch-community-feed-header )::after{ background: radial-gradient(circle at 15% 19%,rgba(56,189,248,.76) 0 1.2px,transparent 2px), radial-gradient(circle at 76% 31%,rgba(167,139,250,.74) 0 1.2px,transparent 2px), radial-gradient(circle at 43% 76%,rgba(99,102,241,.66) 0 1.1px,transparent 1.9px), radial-gradient(circle at 91% 83%,rgba(125,211,252,.55) 0 1px,transparent 1.8px)!important; background-size:106px 106px,146px 146px,192px 192px,236px 236px!important; opacity:.68!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-profile-header-card, .ch-profile-about-card, .ch-profile-section-header, .ch-page-header, .ch-community-header, .ch-feed-header, .ch-community-feed-header ){ border-color:rgba(139,92,246,.42)!important; box-shadow: inset 3px 0 0 rgba(139,92,246,.48), inset 0 1px 0 rgba(56,189,248,.12), 0 8px 21px rgba(0,0,0,.27), 0 0 22px rgba(56,189,248,.14), 0 0 34px rgba(139,92,246,.11)!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-profile-header-card, .ch-page-header, .ch-community-header, .ch-feed-header, .ch-community-feed-header ){ box-shadow: inset 3px 0 0 rgba(124,58,237,.54), inset 0 1px 0 rgba(56,189,248,.14), 0 8px 20px rgba(76,29,149,.08), 0 0 24px rgba(56,189,248,.17), 0 0 36px rgba(124,58,237,.12)!important; } @keyframes chMobileCommunityCosmicAura{ 0%,100%{ filter:drop-shadow(0 0 0 rgba(124,58,237,0)); } 50%{ filter:drop-shadow(0 0 5px rgba(56,189,248,.12)); } } body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-profile-header-card,.ch-community-header,.ch-feed-header,.ch-community-feed-header){ animation:chMobileCommunityCosmicAura 4.8s ease-in-out infinite; } body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post{ overflow:visible!important; isolation:isolate!important; } body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-neon-circuit{ filter: drop-shadow(0 0 5px rgba(56,189,248,.18)) drop-shadow(0 0 8px rgba(124,58,237,.10))!important; } body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-ember-edge{ filter:drop-shadow(0 0 7px rgba(249,115,22,.18))!important; } body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-liberty-standard{ filter: drop-shadow(0 0 5px rgba(36,87,166,.15)) drop-shadow(0 0 7px rgba(183,25,50,.10))!important; } body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-midnight-pulse-post{ filter:drop-shadow(0 0 7px rgba(200,168,75,.17))!important; } body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ filter: drop-shadow(0 0 6px rgba(56,189,248,.18)) drop-shadow(0 0 9px rgba(124,58,237,.12))!important; } body.ch-theme.ch-theme-bm-profile-cosmetic :is( .ch-theme-header-icon-button[data-ch-header-preview="messages"], .ch-theme-header-icon-button[data-ch-header-preview="shopping"], .ch-theme-header-icon-button[data-ch-theme-notification-trigger], .ch-theme-mode-toggle, .ch-theme-account-toggle ){ box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.28), 0 0 10px rgba(var(--ch-profile-frame-rgb),.20)!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-profile-header-card,.ch-community-header,.ch-feed-header,.ch-community-feed-header){ animation:none!important; } } } @media(max-width:782px){ body.ch-theme.ch-theme-bm-profile-cosmetic :is( .ch-theme-mobile-menu-toggle, .ch-theme-menu-toggle, .menu-toggle, button[aria-controls="primary-menu"], button[aria-controls="site-navigation"] ){ border-color:rgba(var(--ch-profile-frame-rgb),.46)!important; box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.24), 0 0 10px rgba(var(--ch-profile-frame-rgb),.20)!important; transition: border-color .16s ease, box-shadow .18s ease, background .16s ease, transform .12s ease!important; } body.ch-theme.ch-theme-bm-profile-cosmetic :is( .ch-theme-mobile-menu-toggle, .ch-theme-menu-toggle, .menu-toggle, button[aria-controls="primary-menu"], button[aria-controls="site-navigation"] ):is(:hover,:focus-visible,[aria-expanded="true"]){ border-color:var(--ch-profile-frame-accent)!important; box-shadow: 0 0 0 1px rgba(var(--ch-profile-frame-rgb),.42), 0 0 13px rgba(var(--ch-profile-frame-rgb),.28), 0 0 20px color-mix(in srgb,var(--ch-profile-frame-accent-2) 14%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic :is( .ch-theme-mobile-menu-toggle, .ch-theme-menu-toggle, .menu-toggle, button[aria-controls="primary-menu"], button[aria-controls="site-navigation"] ) :is(span,i,svg,path){ color:inherit!important; fill:currentColor!important; stroke:currentColor!important; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic :is( .ch-theme-mobile-menu-toggle, .ch-theme-menu-toggle, .menu-toggle, button[aria-controls="primary-menu"], button[aria-controls="site-navigation"] ){ animation:chHeaderCosmeticCosmicGlow 4.8s ease-in-out infinite; } @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic :is( .ch-theme-mobile-menu-toggle, .ch-theme-menu-toggle, .menu-toggle, button[aria-controls="primary-menu"], button[aria-controls="site-navigation"] ){ animation:none!important; } } } @media(max-width:782px){ } @media(max-width:782px){ html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-profile-header-card, .ch-profile-about-card, .ch-profile-section-header, .ch-page-header, .ch-community-header, .ch-feed-header, .ch-community-feed-header ){ border-color:rgba(139,92,246,.62)!important; box-shadow: inset 3px 0 0 rgba(139,92,246,.72), inset 0 1px 0 rgba(56,189,248,.24), 0 8px 22px rgba(0,0,0,.31), 0 0 26px rgba(56,189,248,.24), 0 0 40px rgba(139,92,246,.20)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-profile-header-card, .ch-profile-about-card, .ch-profile-section-header, .ch-page-header, .ch-community-header, .ch-feed-header, .ch-community-feed-header )::after{ background: radial-gradient(circle at 15% 19%,rgba(56,189,248,.92) 0 1.3px,transparent 2.1px), radial-gradient(circle at 76% 31%,rgba(167,139,250,.90) 0 1.3px,transparent 2.1px), radial-gradient(circle at 43% 76%,rgba(129,140,248,.82) 0 1.2px,transparent 2px), radial-gradient(circle at 91% 83%,rgba(125,211,252,.76) 0 1.1px,transparent 1.9px)!important; opacity:.84!important; } @keyframes chMobileCommunityCosmicAuraDark{ 0%,100%{ filter: drop-shadow(0 0 2px rgba(124,58,237,.10)) drop-shadow(0 0 2px rgba(56,189,248,.06)); } 50%{ filter: drop-shadow(0 0 7px rgba(124,58,237,.24)) drop-shadow(0 0 6px rgba(56,189,248,.20)); } } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-profile-header-card,.ch-community-header,.ch-feed-header,.ch-community-feed-header){ animation:chMobileCommunityCosmicAuraDark 4.8s ease-in-out infinite!important; } @media(prefers-reduced-motion:reduce){ html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-profile-header-card,.ch-community-header,.ch-feed-header,.ch-community-feed-header){ animation:none!important; } } } @media(max-width:782px){ @keyframes chMobileCosmicPostDarkAura{ 0%,100%{ filter: drop-shadow(0 0 2px rgba(56,189,248,.07)) drop-shadow(0 0 3px rgba(124,58,237,.06)); } 35%{ filter: drop-shadow(0 0 5px rgba(124,58,237,.14)) drop-shadow(0 0 4px rgba(56,189,248,.10)); } 68%{ filter: drop-shadow(0 0 6px rgba(56,189,248,.16)) drop-shadow(0 0 8px rgba(124,58,237,.13)); } } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ filter: drop-shadow(0 0 2px rgba(56,189,248,.07)) drop-shadow(0 0 3px rgba(124,58,237,.06))!important; animation: chCosmicPost 5s ease-in-out infinite, chMobileCosmicPostDarkAura 3.6s ease-in-out infinite!important; } @media(prefers-reduced-motion:reduce){ html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ animation:none!important; filter: drop-shadow(0 0 3px rgba(56,189,248,.09)) drop-shadow(0 0 4px rgba(124,58,237,.07))!important; } } } body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ position:relative!important; isolation:isolate!important; border:1px solid rgba(124,58,237,.58)!important; background-image: radial-gradient(circle at 11% 18%,rgba(56,189,248,.12) 0 1.2px,transparent 1.9px), radial-gradient(circle at 31% 72%,rgba(255,255,255,.14) 0 1px,transparent 1.7px), radial-gradient(circle at 73% 24%,rgba(192,132,252,.13) 0 1.2px,transparent 2px), radial-gradient(circle at 91% 64%,rgba(244,114,182,.10) 0 1px,transparent 1.8px), radial-gradient(ellipse at 18% 44%,rgba(56,189,248,.085),transparent 36%), radial-gradient(ellipse at 78% 38%,rgba(139,92,246,.10),transparent 40%), radial-gradient(ellipse at 54% 92%,rgba(217,70,239,.07),transparent 34%), linear-gradient(115deg,rgba(59,130,246,.035),rgba(124,58,237,.055) 38%,rgba(217,70,239,.035) 70%,rgba(56,189,248,.028))!important; background-size: 118px 118px, 164px 164px, 146px 146px, 186px 186px, 145% 145%, 150% 150%, 155% 155%, 220% 220%!important; background-position: 0 0, 27px 41px, 71px 19px, 39px 76px, 0% 35%, 100% 20%, 55% 100%, 0% 50%!important; box-shadow: inset 0 0 0 1px rgba(139,92,246,.14), inset 0 1px 0 rgba(125,211,252,.14), 0 0 10px rgba(99,102,241,.10), 0 0 18px rgba(56,189,248,.06)!important; animation:chCosmicPostGalaxy 8.5s ease-in-out infinite!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post, body.ch-theme.ch-theme-dark .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ border-color:rgba(139,92,246,.70)!important; background-image: radial-gradient(circle at 11% 18%,rgba(125,211,252,.46) 0 1.25px,transparent 2px), radial-gradient(circle at 31% 72%,rgba(248,250,252,.32) 0 1px,transparent 1.8px), radial-gradient(circle at 73% 24%,rgba(216,180,254,.38) 0 1.25px,transparent 2.1px), radial-gradient(circle at 91% 64%,rgba(244,114,182,.28) 0 1.05px,transparent 1.9px), radial-gradient(circle at 52% 12%,rgba(147,197,253,.25) 0 .8px,transparent 1.5px), radial-gradient(ellipse at 14% 48%,rgba(14,165,233,.15),transparent 34%), radial-gradient(ellipse at 76% 34%,rgba(124,58,237,.18),transparent 40%), radial-gradient(ellipse at 52% 92%,rgba(192,38,211,.12),transparent 36%), linear-gradient(118deg,rgba(15,23,42,.02),rgba(67,56,202,.095) 31%,rgba(126,34,206,.085) 54%,rgba(14,116,144,.07) 78%,rgba(15,23,42,.02))!important; background-size: 118px 118px, 164px 164px, 146px 146px, 186px 186px, 137px 137px, 150% 150%, 155% 155%, 160% 160%, 230% 230%!important; box-shadow: inset 0 0 0 1px rgba(139,92,246,.24), inset 0 1px 0 rgba(125,211,252,.20), 0 0 9px rgba(99,102,241,.13), 0 0 18px rgba(56,189,248,.09), 0 0 28px rgba(168,85,247,.07)!important; animation:chCosmicPostGalaxyDark 7.2s ease-in-out infinite!important; } @keyframes chCosmicPostGalaxy{ 0%,100%{ border-color:rgba(124,58,237,.56); background-position: 0 0,27px 41px,71px 19px,39px 76px, 0% 35%,100% 20%,55% 100%,0% 50%; box-shadow: inset 0 0 0 1px rgba(139,92,246,.14), inset 0 1px 0 rgba(125,211,252,.14), 0 0 10px rgba(99,102,241,.10), 0 0 18px rgba(56,189,248,.06); } 42%{ border-color:rgba(56,189,248,.62); background-position: 9px 4px,20px 48px,78px 14px,34px 82px, 18% 30%,82% 28%,48% 86%,52% 50%; box-shadow: inset 0 0 0 1px rgba(56,189,248,.18), inset 0 1px 0 rgba(196,181,253,.16), 0 0 12px rgba(56,189,248,.12), 0 0 21px rgba(139,92,246,.08); } 72%{ border-color:rgba(217,70,239,.48); background-position: 14px 10px,15px 54px,84px 9px,29px 87px, 31% 42%,71% 38%,40% 72%,100% 50%; box-shadow: inset 0 0 0 1px rgba(217,70,239,.12), inset 0 1px 0 rgba(125,211,252,.13), 0 0 11px rgba(168,85,247,.10), 0 0 20px rgba(56,189,248,.07); } } @keyframes chCosmicPostGalaxyDark{ 0%,100%{ border-color:rgba(139,92,246,.66); background-position: 0 0,27px 41px,71px 19px,39px 76px,55px 8px, 0% 38%,100% 18%,54% 100%,0% 50%; box-shadow: inset 0 0 0 1px rgba(139,92,246,.22), inset 0 1px 0 rgba(125,211,252,.18), 0 0 8px rgba(99,102,241,.12), 0 0 17px rgba(56,189,248,.08), 0 0 26px rgba(168,85,247,.06); } 38%{ border-color:rgba(56,189,248,.78); background-position: 8px 4px,20px 48px,78px 14px,34px 82px,62px 15px, 22% 30%,78% 30%,47% 84%,48% 50%; box-shadow: inset 0 0 0 1px rgba(56,189,248,.28), inset 0 1px 0 rgba(216,180,254,.22), 0 0 10px rgba(56,189,248,.18), 0 0 23px rgba(124,58,237,.13), 0 0 34px rgba(217,70,239,.07); } 68%{ border-color:rgba(217,70,239,.64); background-position: 14px 10px,15px 54px,84px 9px,29px 87px,68px 21px, 36% 44%,64% 42%,38% 70%,100% 50%; box-shadow: inset 0 0 0 1px rgba(217,70,239,.22), inset 0 1px 0 rgba(125,211,252,.18), 0 0 9px rgba(217,70,239,.15), 0 0 22px rgba(56,189,248,.12), 0 0 31px rgba(124,58,237,.08); } } @media(max-width:782px){ body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ animation:chCosmicPostGalaxy 7.4s ease-in-out infinite!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post, body.ch-theme.ch-theme-dark .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ animation:chCosmicPostGalaxyDark 6.4s ease-in-out infinite!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ animation:none!important; } } body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ background-image:none!important; border-color:rgba(124,58,237,.56)!important; box-shadow: inset 0 0 0 1px rgba(139,92,246,.12), 0 0 10px rgba(99,102,241,.10), 0 0 18px rgba(56,189,248,.055)!important; animation:chCosmicPostShellBreathe 7.8s ease-in-out infinite!important; } body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post::after{ content:""!important; position:absolute!important; inset:-1px!important; border-radius:inherit!important; padding:1.5px!important; pointer-events:none!important; z-index:5!important; background: radial-gradient(circle at 8% 20%,rgba(186,230,253,.90) 0 1px,transparent 1.8px), radial-gradient(circle at 68% 4%,rgba(233,213,255,.82) 0 1px,transparent 1.8px), radial-gradient(circle at 96% 72%,rgba(249,168,212,.72) 0 1px,transparent 1.8px), conic-gradient( from 20deg, rgba(56,189,248,.92), rgba(99,102,241,.92) 24%, rgba(168,85,247,.92) 48%, rgba(217,70,239,.84) 68%, rgba(56,189,248,.92) 100% )!important; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)!important; -webkit-mask-composite:xor!important; mask-composite:exclude!important; opacity:.72!important; filter: drop-shadow(0 0 4px rgba(56,189,248,.16)) drop-shadow(0 0 7px rgba(139,92,246,.14))!important; animation:chCosmicPostPerimeterDrift 6.8s linear infinite!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post, body.ch-theme.ch-theme-dark .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ background-image:none!important; border-color:rgba(139,92,246,.58)!important; box-shadow: inset 0 0 0 1px rgba(139,92,246,.15), 0 0 9px rgba(99,102,241,.11), 0 0 17px rgba(56,189,248,.07), 0 0 25px rgba(168,85,247,.05)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post::after, body.ch-theme.ch-theme-dark .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post::after{ opacity:.82!important; filter: drop-shadow(0 0 5px rgba(56,189,248,.21)) drop-shadow(0 0 9px rgba(139,92,246,.18)) drop-shadow(0 0 13px rgba(217,70,239,.08))!important; } @keyframes chCosmicPostShellBreathe{ 0%,100%{ box-shadow: inset 0 0 0 1px rgba(139,92,246,.12), 0 0 9px rgba(99,102,241,.09), 0 0 16px rgba(56,189,248,.05); } 50%{ box-shadow: inset 0 0 0 1px rgba(56,189,248,.14), 0 0 12px rgba(56,189,248,.10), 0 0 23px rgba(139,92,246,.09); } } @keyframes chCosmicPostPerimeterDrift{ 0%{filter:hue-rotate(0deg) drop-shadow(0 0 4px rgba(56,189,248,.16)) drop-shadow(0 0 7px rgba(139,92,246,.14))} 50%{filter:hue-rotate(18deg) drop-shadow(0 0 7px rgba(139,92,246,.20)) drop-shadow(0 0 10px rgba(56,189,248,.16))} 100%{filter:hue-rotate(0deg) drop-shadow(0 0 4px rgba(56,189,248,.16)) drop-shadow(0 0 7px rgba(139,92,246,.14))} } @media(max-width:782px){ body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post::after{ padding:1.25px!important; opacity:.78!important; animation-duration:6.2s!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post::after, body.ch-theme.ch-theme-dark .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post::after{ opacity:.86!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post, body.ch-theme .ch-theme-community-shell .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post::after{ animation:none!important; } } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header ), body.ch-theme.ch-theme-dark .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header ){ border-color:rgba(139,92,246,.54)!important; background: radial-gradient(circle at 15% 16%,rgba(56,189,248,.11),transparent 31%), radial-gradient(circle at 84% 8%,rgba(168,85,247,.15),transparent 35%), radial-gradient(circle at 52% 96%,rgba(217,70,239,.07),transparent 30%), linear-gradient(180deg,rgba(22,28,57,.10),rgba(13,18,41,.04)), var(--ch-theme-surface,#111827)!important; box-shadow: inset 3px 0 0 rgba(139,92,246,.52), inset 0 1px 0 rgba(125,211,252,.12), 0 12px 30px rgba(0,0,0,.28), 0 0 22px rgba(56,189,248,.14), 0 0 34px rgba(139,92,246,.11), 0 0 52px rgba(217,70,239,.05)!important; animation:chCosmicProfileDarkAuraRestore 7.2s ease-in-out infinite!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header )::after, body.ch-theme.ch-theme-dark .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header )::after{ background: radial-gradient(circle at 18% 22%,rgba(125,211,252,.64) 0 1.1px,transparent 1.9px), radial-gradient(circle at 72% 34%,rgba(196,181,253,.58) 0 1.1px,transparent 1.9px), radial-gradient(circle at 44% 78%,rgba(244,114,182,.42) 0 1.0px,transparent 1.8px)!important; background-size:112px 112px,152px 152px,188px 188px!important; opacity:.62!important; animation:chCosmicProfileDarkStarsRestore 8.8s ease-in-out infinite!important; } @keyframes chCosmicProfileDarkAuraRestore{ 0%,100%{ box-shadow: inset 3px 0 0 rgba(139,92,246,.48), inset 0 1px 0 rgba(125,211,252,.10), 0 11px 28px rgba(0,0,0,.28), 0 0 18px rgba(56,189,248,.12), 0 0 28px rgba(139,92,246,.10), 0 0 42px rgba(217,70,239,.045); } 50%{ box-shadow: inset 3px 0 0 rgba(56,189,248,.54), inset 0 1px 0 rgba(196,181,253,.14), 0 13px 32px rgba(0,0,0,.30), 0 0 24px rgba(56,189,248,.16), 0 0 38px rgba(139,92,246,.13), 0 0 56px rgba(217,70,239,.06); } } @keyframes chCosmicProfileDarkStarsRestore{ 0%,100%{opacity:.58;filter:drop-shadow(0 0 2px rgba(125,211,252,.09)) drop-shadow(0 0 4px rgba(168,85,247,.07));} 50%{opacity:.68;filter:drop-shadow(0 0 3px rgba(125,211,252,.12)) drop-shadow(0 0 5px rgba(168,85,247,.09));} } @media(prefers-reduced-motion:reduce){ html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header ), html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-theme-community-sidebar .ch-theme-widget, .ch-activity-card:not(.ch-cosmetic-slot-post), .ch-member-card, .ch-group-card, .ch-group-member-card, .ch-forum-card, .ch-forum-post-card, .ch-notification-item, .ch-profile-about-card, .ch-profile-header-card, .ch-page-header, .ch-community-feed-header, .ch-members-header, .ch-member-directory-header, .ch-groups-page-header, .ch-notifications-header, .ch-saved-header, .ch-forums-page-header, .ch-profile-section-header )::after{ animation:none!important; } } body.ch-hide-timeline-header-community :is(.ch-community-feed-header,.ch-community-header,.ch-feed-header){ display:none!important; } body.ch-hide-timeline-header-members :is(.ch-member-directory-hero,.ch-members-header,.ch-member-directory-header){ display:none!important; } body.ch-hide-timeline-header-notifications :is(.ch-notifications-header,.ch-notification-page-header){ display:none!important; } body.ch-hide-timeline-header-saved :is(.ch-bookmarks-header,.ch-saved-header,.ch-saved-posts-header){ display:none!important; } body.ch-hide-social-timeline-nav :is( .ch-community-feed-header,.ch-community-header,.ch-feed-header, .ch-member-directory-hero,.ch-members-header,.ch-member-directory-header, .ch-notifications-header,.ch-notification-page-header, .ch-bookmarks-header,.ch-saved-header,.ch-saved-posts-header ) :is( .ch-community-feed-nav, .ch-member-directory-nav, .ch-notifications-nav, .ch-bookmarks-nav-in-header, .ch-saved-nav, .ch-social-timeline-nav, .ch-hub-nav ){ display:none!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic :is( .ch-community-feed-header,.ch-community-header,.ch-feed-header, .ch-member-directory-hero,.ch-members-header,.ch-member-directory-header, .ch-notifications-header,.ch-notification-page-header, .ch-bookmarks-header,.ch-saved-header,.ch-saved-posts-header, .ch-groups-page-header, .ch-forums-page-header ){ position:relative; isolation:isolate; overflow:hidden; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-midnight-gold :is( .ch-community-feed-header,.ch-community-header,.ch-feed-header, .ch-member-directory-hero,.ch-members-header,.ch-member-directory-header, .ch-notifications-header,.ch-notification-page-header, .ch-bookmarks-header,.ch-saved-header,.ch-saved-posts-header, .ch-groups-page-header,.ch-forums-page-header ){ border-color:rgba(200,168,75,.44)!important; background: linear-gradient(145deg,rgba(200,168,75,.045),transparent 42%), var(--ch-theme-surface,#fff)!important; box-shadow: inset 3px 0 0 rgba(200,168,75,.56), 0 8px 22px rgba(91,68,8,.08)!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-community-feed-header,.ch-community-header,.ch-feed-header, .ch-member-directory-hero,.ch-members-header,.ch-member-directory-header, .ch-notifications-header,.ch-notification-page-header, .ch-bookmarks-header,.ch-saved-header,.ch-saved-posts-header, .ch-groups-page-header,.ch-forums-page-header ){ border-color:rgba(139,92,246,.44)!important; background: radial-gradient(circle at 14% 14%,rgba(56,189,248,.055),transparent 28%), radial-gradient(circle at 88% 4%,rgba(168,85,247,.065),transparent 30%), var(--ch-theme-surface,#fff)!important; box-shadow: inset 3px 0 0 rgba(139,92,246,.42), 0 0 18px rgba(99,102,241,.08)!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-community-feed-header,.ch-community-header,.ch-feed-header, .ch-member-directory-hero,.ch-members-header,.ch-member-directory-header, .ch-notifications-header,.ch-notification-page-header, .ch-bookmarks-header,.ch-saved-header,.ch-saved-posts-header, .ch-groups-page-header,.ch-forums-page-header )::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; background: radial-gradient(circle at 18% 22%,rgba(125,211,252,.48) 0 1px,transparent 1.7px), radial-gradient(circle at 72% 34%,rgba(196,181,253,.42) 0 1px,transparent 1.7px), radial-gradient(circle at 44% 78%,rgba(255,255,255,.36) 0 1px,transparent 1.7px); background-size:128px 128px,176px 176px,224px 224px; opacity:.42; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-aurora-veil :is( .ch-community-feed-header,.ch-community-header,.ch-feed-header, .ch-member-directory-hero,.ch-members-header,.ch-member-directory-header, .ch-notifications-header,.ch-notification-page-header, .ch-bookmarks-header,.ch-saved-header,.ch-saved-posts-header, .ch-groups-page-header,.ch-forums-page-header ){ border-color:rgba(45,212,191,.40)!important; background: linear-gradient(125deg,rgba(16,185,129,.045),rgba(56,189,248,.055),rgba(139,92,246,.045)), var(--ch-theme-surface,#fff)!important; box-shadow: inset 3px 0 0 rgba(56,189,248,.42), 0 0 18px rgba(45,212,191,.07)!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-obsidian-crown :is( .ch-community-feed-header,.ch-community-header,.ch-feed-header, .ch-member-directory-hero,.ch-members-header,.ch-member-directory-header, .ch-notifications-header,.ch-notification-page-header, .ch-bookmarks-header,.ch-saved-header,.ch-saved-posts-header, .ch-groups-page-header,.ch-forums-page-header ){ border-color:rgba(113,128,150,.58)!important; background: linear-gradient(145deg,rgba(15,23,42,.08),rgba(71,85,105,.055)), var(--ch-theme-surface,#fff)!important; box-shadow: inset 3px 0 0 rgba(137,149,164,.64), 0 8px 22px rgba(15,23,42,.10)!important; } .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-solar-horizon :is( .ch-community-feed-header,.ch-community-header,.ch-feed-header, .ch-member-directory-hero,.ch-members-header,.ch-member-directory-header, .ch-notifications-header,.ch-notification-page-header, .ch-bookmarks-header,.ch-saved-header,.ch-saved-posts-header, .ch-groups-page-header,.ch-forums-page-header ){ border-color:rgba(251,146,60,.42)!important; background: radial-gradient(circle at 50% 115%,rgba(253,224,71,.075),rgba(249,115,22,.035) 34%,transparent 66%), var(--ch-theme-surface,#fff)!important; box-shadow: inset 3px 0 0 rgba(249,115,22,.46), 0 0 18px rgba(249,115,22,.07)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is( .ch-community-feed-header,.ch-community-header,.ch-feed-header, .ch-member-directory-hero,.ch-members-header,.ch-member-directory-header, .ch-notifications-header,.ch-notification-page-header, .ch-bookmarks-header,.ch-saved-header,.ch-saved-posts-header, .ch-groups-page-header,.ch-forums-page-header ){ border-color:rgba(139,92,246,.54)!important; box-shadow: inset 3px 0 0 rgba(139,92,246,.52), inset 0 1px 0 rgba(125,211,252,.12), 0 12px 30px rgba(0,0,0,.28), 0 0 22px rgba(56,189,248,.14), 0 0 34px rgba(139,92,246,.11)!important; } @media(min-width:783px){ body.ch-theme .ch-spotlight-modal-dialog{ width:min(1040px,calc(100vw - 72px))!important; max-height:calc(100vh - 56px)!important; border-radius:28px!important; } body.ch-theme .ch-spotlight-modal-header{ padding:22px 26px!important; } body.ch-theme .ch-spotlight-modal-kicker{ font-size:12px!important; } body.ch-theme .ch-spotlight-modal-header h2{ font-size:30px!important; line-height:1.12!important; } body.ch-theme .ch-spotlight-modal-body{ padding:34px!important; } body.ch-theme .ch-spotlight-modal .ch-daily-spotlight{ padding:36px 38px!important; min-height:300px!important; gap:22px!important; border-radius:24px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; } body.ch-theme .ch-spotlight-modal .ch-joke-of-day .ch-daily-spotlight-kicker{ font-size:15px!important; letter-spacing:.08em!important; } body.ch-theme .ch-spotlight-modal .ch-joke-of-day-category{ font-size:14px!important; padding:6px 11px!important; font-weight:650!important; } body.ch-theme .ch-spotlight-modal .ch-joke-of-day-setup{ font-size:32px!important; line-height:1.34!important; font-weight:550!important; letter-spacing:-.012em!important; } body.ch-theme .ch-spotlight-modal .ch-joke-of-day-punchline{ padding:20px 22px!important; font-size:27px!important; line-height:1.38!important; font-weight:550!important; border-radius:16px!important; } body.ch-theme .ch-spotlight-modal .ch-joke-of-day .ch-daily-spotlight-date{ font-size:14px!important; } } html body.ch-theme.ch-hide-timeline-header-community .ch-theme-community-shell .ch-community-feed-header, html body.ch-theme.ch-hide-timeline-header-community .ch-theme-community-shell .ch-community-header, html body.ch-theme.ch-hide-timeline-header-community .ch-theme-community-shell .ch-feed-header{ display:none!important; visibility:hidden!important; } html body.ch-theme.ch-hide-timeline-header-members .ch-theme-community-shell .ch-member-directory-hero, html body.ch-theme.ch-hide-timeline-header-members .ch-theme-community-shell .ch-members-header, html body.ch-theme.ch-hide-timeline-header-members .ch-theme-community-shell .ch-member-directory-header{ display:none!important; visibility:hidden!important; } html body.ch-theme.ch-hide-timeline-header-notifications .ch-theme-community-shell .ch-notifications-header, html body.ch-theme.ch-hide-timeline-header-notifications .ch-theme-community-shell .ch-notification-page-header{ display:none!important; visibility:hidden!important; } html body.ch-theme.ch-hide-timeline-header-saved .ch-theme-community-shell .ch-bookmarks-header, html body.ch-theme.ch-hide-timeline-header-saved .ch-theme-community-shell .ch-saved-header, html body.ch-theme.ch-hide-timeline-header-saved .ch-theme-community-shell .ch-saved-posts-header{ display:none!important; visibility:hidden!important; } html body.ch-theme.ch-hide-social-timeline-nav .ch-theme-community-shell :is( .ch-community-feed-nav, .ch-member-directory-nav, .ch-notifications-nav, .ch-bookmarks-nav, .ch-bookmarks-nav-in-header, .ch-social-timeline-nav ){ display:none!important; visibility:hidden!important; } html body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-midnight-gold :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header,.ch-groups-page-header,.ch-forums-page-header){ border-color:rgba(200,168,75,.48)!important; background:linear-gradient(145deg,rgba(200,168,75,.055),transparent 44%),var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(200,168,75,.60),0 8px 22px rgba(91,68,8,.09)!important; } html body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header,.ch-groups-page-header,.ch-forums-page-header){ position:relative!important;isolation:isolate!important;overflow:hidden!important; border-color:rgba(139,92,246,.52)!important; background:radial-gradient(circle at 14% 14%,rgba(56,189,248,.075),transparent 30%),radial-gradient(circle at 88% 4%,rgba(168,85,247,.09),transparent 32%),var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(139,92,246,.50),0 0 22px rgba(99,102,241,.10)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-cosmic :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header,.ch-groups-page-header,.ch-forums-page-header){ border-color:rgba(139,92,246,.58)!important; background:radial-gradient(circle at 14% 14%,rgba(56,189,248,.12),transparent 31%),radial-gradient(circle at 88% 4%,rgba(168,85,247,.16),transparent 35%),radial-gradient(circle at 52% 96%,rgba(217,70,239,.07),transparent 30%),var(--ch-theme-surface,#111827)!important; box-shadow:inset 3px 0 0 rgba(139,92,246,.56),inset 0 1px 0 rgba(125,211,252,.12),0 0 25px rgba(56,189,248,.14),0 0 38px rgba(139,92,246,.12)!important; } html body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-aurora-veil :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header,.ch-groups-page-header,.ch-forums-page-header){ border-color:rgba(45,212,191,.44)!important; background:linear-gradient(125deg,rgba(16,185,129,.055),rgba(56,189,248,.065),rgba(139,92,246,.05)),var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(56,189,248,.48),0 0 20px rgba(45,212,191,.09)!important; } html body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-obsidian-crown :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header,.ch-groups-page-header,.ch-forums-page-header){ border-color:rgba(113,128,150,.62)!important; background:linear-gradient(145deg,rgba(15,23,42,.10),rgba(71,85,105,.065)),var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(137,149,164,.68),0 8px 24px rgba(15,23,42,.11)!important; } html body.ch-theme .ch-theme-community-shell.ch-theme-profile-cosmetic-effect-solar-horizon :is(.ch-community-feed-header,.ch-member-directory-hero,.ch-notifications-header,.ch-bookmarks-header,.ch-groups-page-header,.ch-forums-page-header){ border-color:rgba(251,146,60,.48)!important; background:radial-gradient(circle at 50% 115%,rgba(253,224,71,.09),rgba(249,115,22,.045) 36%,transparent 68%),var(--ch-theme-surface,#fff)!important; box-shadow:inset 3px 0 0 rgba(249,115,22,.52),0 0 20px rgba(249,115,22,.09)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-comment, body.ch-theme-mode-dark .ch-comment, body.ch-theme-dark .ch-comment{ background:transparent!important; background-color:transparent!important; background-image:none!important; box-shadow:none!important; } body.ch-theme .ch-spotlight-modal .ch-game-modal-live{ width:100%!important; max-width:none!important; margin:0!important; } body.ch-theme .ch-spotlight-modal .ch-rush.ch-game-modal-live{ padding:22px!important; border-radius:18px!important; } body.ch-theme .ch-spotlight-modal .ch-rush.ch-game-modal-live .ch-rush-stage{ height:min(56vh,520px)!important; min-height:360px!important; } body.ch-theme .ch-spotlight-modal .ch-prize-drop.ch-game-modal-live{ width:100%!important; max-width:980px!important; margin:0 auto!important; } body.ch-theme .ch-spotlight-modal .ch-prize-drop.ch-game-modal-live .ch-prize-drop-board{ min-height:480px!important; } body.ch-theme .ch-spotlight-modal:has(.ch-game-modal-live) .ch-spotlight-modal-dialog{ width:min(1120px,calc(100vw - 48px))!important; max-width:1120px!important; max-height:calc(100vh - 36px)!important; } body.ch-theme .ch-spotlight-modal:has(.ch-game-modal-live) .ch-spotlight-modal-body{ padding:18px!important; overflow:auto!important; } body.ch-theme .ch-spotlight-modal:has(.ch-game-modal-live) .ch-spotlight-modal-kicker{ color:#c8a84b!important; } @media(max-width:782px){ body.ch-theme .ch-spotlight-modal:has(.ch-game-modal-live){ padding:8px!important; } body.ch-theme .ch-spotlight-modal:has(.ch-game-modal-live) .ch-spotlight-modal-dialog{ width:calc(100vw - 16px)!important; max-width:none!important; height:calc(100dvh - 16px)!important; max-height:calc(100dvh - 16px)!important; border-radius:16px!important; } body.ch-theme .ch-spotlight-modal:has(.ch-game-modal-live) .ch-spotlight-modal-header{ padding:12px 14px!important; } body.ch-theme .ch-spotlight-modal:has(.ch-game-modal-live) .ch-spotlight-modal-body{ padding:10px!important; } body.ch-theme .ch-spotlight-modal .ch-rush.ch-game-modal-live{ padding:12px!important; } body.ch-theme .ch-spotlight-modal .ch-rush.ch-game-modal-live .ch-rush-stage{ height:46dvh!important; min-height:300px!important; } body.ch-theme .ch-spotlight-modal .ch-prize-drop.ch-game-modal-live .ch-prize-drop-board{ min-height:360px!important; } } body.ch-theme .ch-profile-card .ch-profile-main{ grid-template-columns:auto minmax(0,1fr) minmax(220px,240px)!important; gap:20px!important; align-items:center!important; padding:0 24px 24px!important; } body.ch-theme .ch-profile-card .ch-profile-info{ padding-top:16px!important; } body.ch-theme .ch-profile-card .ch-profile-stats{ display:inline-flex!important; align-items:stretch!important; flex-wrap:nowrap!important; gap:0!important; margin-top:14px!important; max-width:100%!important; overflow:hidden!important; border:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 86%,transparent)!important; border-radius:14px!important; background:color-mix(in srgb,var(--ch-theme-surface,#fff) 90%,var(--ch-theme-bg,#f4f7fb) 10%)!important; box-shadow:0 3px 12px rgba(15,23,42,.045)!important; } body.ch-theme .ch-profile-card .ch-profile-stat{ display:flex!important; flex-direction:column!important; justify-content:center!important; gap:2px!important; min-width:88px!important; min-height:52px!important; padding:8px 14px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.ch-theme .ch-profile-card .ch-profile-stat + .ch-profile-stat{ border-left:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 82%,transparent)!important; } body.ch-theme .ch-profile-card .ch-profile-stat:last-child{ min-width:104px!important; } body.ch-theme .ch-profile-card .ch-profile-stat strong{ color:var(--ch-theme-text,#111827)!important; font-size:16px!important; font-weight:900!important; line-height:1.05!important; letter-spacing:-.015em!important; white-space:nowrap!important; } body.ch-theme .ch-profile-card .ch-profile-stat span{ color:var(--ch-theme-muted,#64748b)!important; font-size:10.5px!important; font-weight:750!important; line-height:1.1!important; letter-spacing:.01em!important; } body.ch-theme .ch-profile-card .ch-profile-actions--social{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:stretch!important; align-self:center!important; gap:8px!important; width:100%!important; min-width:0!important; max-width:240px!important; padding-top:0!important; } body.ch-theme .ch-profile-card .ch-profile-social-controls, body.ch-theme .ch-profile-card .ch-profile-friend-controls, body.ch-theme .ch-profile-card .ch-profile-follow-controls, body.ch-theme .ch-profile-card .ch-profile-safety-controls{ display:contents!important; } body.ch-theme .ch-profile-card :is(.ch-profile-social-button,.ch-profile-action-button,.ch-profile-report-quiet,.ch-profile-social-state){ width:100%!important; min-width:0!important; min-height:38px!important; margin:0!important; padding:8px 11px!important; border:1px solid var(--ch-theme-border,#dbe3ec)!important; border-radius:11px!important; font-size:11.5px!important; font-weight:850!important; line-height:1!important; box-shadow:none!important; transform:none!important; text-align:center!important; } body.ch-theme .ch-profile-card .ch-profile-message-button, body.ch-theme .ch-profile-card .ch-profile-social-button.is-primary{ border-color:var(--ch-theme-blue,#2563eb)!important; background:var(--ch-theme-blue,#2563eb)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:0 5px 14px color-mix(in srgb,var(--ch-theme-blue,#2563eb) 24%,transparent)!important; } body.ch-theme .ch-profile-card .ch-profile-message-button:hover, body.ch-theme .ch-profile-card .ch-profile-message-button:focus-visible, body.ch-theme .ch-profile-card .ch-profile-social-button.is-primary:hover, body.ch-theme .ch-profile-card .ch-profile-social-button.is-primary:focus-visible{ filter:brightness(.94)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; } body.ch-theme .ch-profile-card .ch-profile-social-button.is-secondary{ background:color-mix(in srgb,var(--ch-theme-surface,#fff) 90%,var(--ch-theme-bg,#f4f7fb) 10%)!important; color:var(--ch-theme-text,#172033)!important; -webkit-text-fill-color:var(--ch-theme-text,#172033)!important; } body.ch-theme .ch-profile-card :is(.ch-profile-social-button.is-danger-quiet,.ch-profile-report-quiet){ background:transparent!important; border-color:color-mix(in srgb,#dc2626 24%,var(--ch-theme-border,#dbe3ec))!important; color:#c2414b!important; -webkit-text-fill-color:#c2414b!important; } body.ch-theme .ch-profile-card :is(.ch-profile-social-button.is-danger-quiet,.ch-profile-report-quiet):hover, body.ch-theme .ch-profile-card :is(.ch-profile-social-button.is-danger-quiet,.ch-profile-report-quiet):focus-visible{ background:rgba(220,38,38,.07)!important; border-color:rgba(220,38,38,.34)!important; color:#b4232d!important; -webkit-text-fill-color:#b4232d!important; outline:none!important; } body.ch-theme .ch-profile-card .ch-profile-social-status{ grid-column:1 / -1!important; margin:0!important; text-align:center!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-card .ch-profile-stats, body.ch-theme-mode-dark .ch-profile-card .ch-profile-stats, body.ch-theme-dark .ch-profile-card .ch-profile-stats{ border-color:rgba(148,163,184,.24)!important; background:rgba(255,255,255,.035)!important; box-shadow:0 3px 12px rgba(0,0,0,.12)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-card .ch-profile-stat + .ch-profile-stat, body.ch-theme-mode-dark .ch-profile-card .ch-profile-stat + .ch-profile-stat, body.ch-theme-dark .ch-profile-card .ch-profile-stat + .ch-profile-stat{ border-left-color:rgba(148,163,184,.22)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-card .ch-profile-social-button.is-secondary, body.ch-theme-mode-dark .ch-profile-card .ch-profile-social-button.is-secondary, body.ch-theme-dark .ch-profile-card .ch-profile-social-button.is-secondary{ border-color:rgba(148,163,184,.25)!important; background:rgba(255,255,255,.05)!important; color:#e7edf6!important; -webkit-text-fill-color:#e7edf6!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-card :is(.ch-profile-social-button.is-danger-quiet,.ch-profile-report-quiet), body.ch-theme-mode-dark .ch-profile-card :is(.ch-profile-social-button.is-danger-quiet,.ch-profile-report-quiet), body.ch-theme-dark .ch-profile-card :is(.ch-profile-social-button.is-danger-quiet,.ch-profile-report-quiet){ border-color:rgba(248,113,113,.22)!important; color:#fca5a5!important; -webkit-text-fill-color:#fca5a5!important; } @media(max-width:900px){ body.ch-theme .ch-profile-card .ch-profile-main{ grid-template-columns:auto minmax(0,1fr)!important; align-items:start!important; } body.ch-theme .ch-profile-card .ch-profile-actions--social{ grid-column:1 / -1!important; max-width:none!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; } } @media(max-width:782px){ body.ch-theme .ch-profile-card .ch-profile-main{ grid-template-columns:1fr!important; gap:10px!important; padding:0 14px 16px!important; } body.ch-theme .ch-profile-card .ch-profile-avatar-wrap{ justify-self:start!important; } body.ch-theme .ch-profile-card .ch-profile-stats{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; width:100%!important; } body.ch-theme .ch-profile-card .ch-profile-stat, body.ch-theme .ch-profile-card .ch-profile-stat:last-child{ min-width:0!important; padding:8px 7px!important; } body.ch-theme .ch-profile-card .ch-profile-actions--social{ grid-column:auto!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; max-width:none!important; padding-top:4px!important; } } body.ch-theme .ch-profile-card .ch-profile-stats{ display:grid!important; grid-template-columns:repeat(3,minmax(92px,1fr))!important; align-items:stretch!important; width:min(100%,300px)!important; max-width:300px!important; } body.ch-theme .ch-profile-card .ch-profile-stat, body.ch-theme .ch-profile-card .ch-profile-stat:last-child{ min-width:0!important; min-height:58px!important; padding:9px 10px!important; align-items:center!important; justify-content:center!important; text-align:center!important; } body.ch-theme .ch-profile-card .ch-profile-stat strong, body.ch-theme .ch-profile-card .ch-profile-stat span{ display:block!important; width:100%!important; margin:0!important; text-align:center!important; } body.ch-theme .ch-profile-card .ch-profile-stat strong{ min-height:18px!important; line-height:18px!important; } body.ch-theme .ch-profile-card .ch-profile-stat span{ min-height:14px!important; line-height:14px!important; } @media(max-width:782px){ body.ch-theme .ch-profile-card .ch-profile-stats{ width:100%!important; max-width:none!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; } } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush{ container-type:inline-size; container-name:ch-rush-widget; min-width:0; max-width:100%; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush *, .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush *::before, .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush *::after{ box-sizing:border-box; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush--compact{ width:100%; min-width:0; max-width:100%; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-game-widget-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-game-widget-toolbar>span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush button.ch-game-widget-expand{ flex:0 0 auto!important; width:auto!important; min-width:0!important; min-height:34px!important; height:34px!important; padding:0 13px!important; border-radius:11px!important; font-size:11px!important; line-height:1!important; white-space:nowrap!important; box-shadow:0 7px 16px rgba(0,128,255,.14)!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush :is( button.ch-rush-character, button.ch-rush-duration, button.ch-rush-level ){ width:100%!important; min-width:0!important; border:1px solid var(--rush-border)!important; background:rgba(127,127,127,.055)!important; color:var(--rush-text)!important; box-shadow:none!important; transform:none!important; text-shadow:none!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush :is( button.ch-rush-character, button.ch-rush-duration, button.ch-rush-level ):hover, .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush :is( button.ch-rush-character, button.ch-rush-duration, button.ch-rush-level ):focus-visible{ border-color:var(--ch-theme-blue,#0080ff)!important; background:rgba(0,128,255,.09)!important; color:var(--rush-text)!important; box-shadow:0 0 0 3px rgba(0,128,255,.11)!important; transform:none!important; outline:none!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush :is( button.ch-rush-character, button.ch-rush-duration, button.ch-rush-level ).is-active{ border-color:var(--ch-theme-blue,#0080ff)!important; background:rgba(0,128,255,.14)!important; color:var(--rush-text)!important; box-shadow:inset 0 0 0 1px rgba(0,128,255,.12)!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-characters{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(76px,1fr))!important; gap:6px!important; overflow:visible!important; padding:0!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush button.ch-rush-character{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:4px!important; min-height:68px!important; height:auto!important; padding:6px 5px!important; border-radius:11px!important; white-space:normal!important; text-align:center!important; line-height:1.12!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-character-preview{ width:34px!important; height:31px!important; min-height:31px!important; margin:0!important; overflow:visible!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-character strong{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:visible!important; text-overflow:clip!important; white-space:normal!important; overflow-wrap:anywhere!important; font-size:9px!important; line-height:1.15!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-durations{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush button.ch-rush-duration{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:38px!important; height:38px!important; padding:0 7px!important; border-radius:10px!important; font-size:11px!important; line-height:1!important; white-space:nowrap!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-levels{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:6px!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush button.ch-rush-level{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; align-items:start!important; justify-items:start!important; gap:2px!important; min-height:0!important; height:auto!important; padding:8px 10px!important; border-radius:11px!important; text-align:left!important; white-space:normal!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-level strong{ width:100%; margin:0!important; font-size:10.5px!important; line-height:1.15!important; white-space:normal!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-level span{ width:100%; color:var(--rush-muted)!important; font-size:9px!important; line-height:1.25!important; text-align:left!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-stage{ width:100%; min-width:0; height:clamp(178px,68cqi,218px); } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-controls{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush button.ch-rush-play, .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush button.ch-rush-jump{ width:100%!important; min-width:0!important; min-height:40px!important; height:40px!important; padding:0 10px!important; border-radius:11px!important; font-size:12px!important; line-height:1!important; white-space:normal!important; box-shadow:none!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush button.ch-rush-play{ border:1px solid rgba(0,128,255,.34)!important; background:linear-gradient(180deg,#1490ff 0%,#0077ee 100%)!important; color:#fff!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush button.ch-rush-jump{ border:1px solid var(--rush-border)!important; background:rgba(127,127,127,.07)!important; color:var(--rush-text)!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush button.ch-rush-jump:not(:disabled):hover, .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush button.ch-rush-jump:not(:disabled):focus-visible{ border-color:var(--ch-theme-blue,#0080ff)!important; background:rgba(0,128,255,.10)!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush button.ch-rush-jump:disabled{ opacity:.48!important; cursor:not-allowed!important; } @container ch-rush-widget (max-width: 285px){ .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-hero{ grid-template-columns:minmax(0,1fr)!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-balance{ width:100%!important; min-width:0!important; text-align:left!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-characters{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-stage{ height:190px; } } @container ch-rush-widget (max-width: 220px){ .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-stats, .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-controls, .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-durations{ grid-template-columns:minmax(0,1fr)!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-characters{ grid-template-columns:minmax(0,1fr)!important; } } @supports not (container-type:inline-size){ @media(max-width:430px){ .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-hero{grid-template-columns:minmax(0,1fr)!important} .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-balance{width:100%!important;text-align:left!important} .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush-characters{grid-template-columns:repeat(2,minmax(0,1fr))!important} } } body.ch-theme .ch-rush :is(.ch-rush-character,.ch-rush-duration,.ch-rush-level){ appearance:none!important; border:1px solid var(--rush-border)!important; background:color-mix(in srgb,var(--rush-surface) 94%,var(--rush-text) 6%)!important; color:var(--rush-text)!important; box-shadow:none!important; transform:none!important; text-shadow:none!important; } body.ch-theme .ch-rush :is(.ch-rush-character,.ch-rush-duration,.ch-rush-level):hover, body.ch-theme .ch-rush :is(.ch-rush-character,.ch-rush-duration,.ch-rush-level):focus-visible{ border-color:color-mix(in srgb,var(--rush-accent) 75%,var(--rush-border))!important; background:color-mix(in srgb,var(--rush-accent) 10%,var(--rush-surface) 90%)!important; color:var(--rush-text)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--rush-accent) 18%,transparent)!important; outline:none!important; } body.ch-theme .ch-rush :is(.ch-rush-character,.ch-rush-duration,.ch-rush-level).is-active{ border-color:var(--rush-accent)!important; background:color-mix(in srgb,var(--rush-accent) 16%,var(--rush-surface) 84%)!important; color:var(--rush-text)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rush-accent) 22%,transparent)!important; } body.ch-theme .ch-rush .ch-rush-character{ min-height:94px!important; padding:10px 9px!important; border-radius:15px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:7px!important; white-space:normal!important; text-align:center!important; } body.ch-theme .ch-rush .ch-rush-character-preview{ width:58px!important; height:52px!important; margin:0 auto!important; } body.ch-theme .ch-rush .ch-rush-character strong{ display:block!important; max-width:100%!important; font-size:11px!important; line-height:1.2!important; white-space:normal!important; overflow-wrap:anywhere!important; } body.ch-theme .ch-rush .ch-rush-duration{ min-height:42px!important; height:42px!important; padding:0 10px!important; border-radius:12px!important; font-size:12px!important; font-weight:850!important; } body.ch-theme .ch-rush .ch-rush-level{ min-height:0!important; height:auto!important; padding:10px 12px!important; border-radius:14px!important; text-align:left!important; white-space:normal!important; } body.ch-theme .ch-rush .ch-rush-level strong{font-size:13px!important;line-height:1.2!important} body.ch-theme .ch-rush .ch-rush-level span{font-size:10.5px!important;line-height:1.3!important;color:var(--rush-muted)!important} body.ch-theme .ch-rush .ch-rush-play{ min-height:44px!important; height:44px!important; min-width:140px!important; padding:0 18px!important; border:1px solid rgba(0,128,255,.36)!important; border-radius:13px!important; background:linear-gradient(180deg,#1490ff 0%,#0078ee 100%)!important; color:#fff!important; box-shadow:0 8px 20px rgba(0,128,255,.18)!important; } body.ch-theme .ch-rush .ch-rush-jump{ min-height:44px!important; height:44px!important; min-width:110px!important; padding:0 16px!important; border:1px solid var(--rush-border)!important; border-radius:13px!important; background:color-mix(in srgb,var(--rush-surface) 90%,var(--rush-text) 10%)!important; color:var(--rush-text)!important; box-shadow:none!important; } body.ch-theme .ch-rush .ch-rush-jump:disabled{opacity:.46!important} body.ch-theme .ch-rush .ch-rush-characters{min-width:0!important} body.ch-theme .ch-rush .ch-rush-options{min-width:0!important} body.ch-theme .ch-rush .ch-rush-levels{min-width:0!important} @media(max-width:782px){ body.ch-theme .ch-rush .ch-rush-characters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important} body.ch-theme .ch-rush .ch-rush-character{width:100%!important;min-width:0!important;min-height:82px!important;padding:8px 6px!important} body.ch-theme .ch-rush .ch-rush-character-preview{width:48px!important;height:44px!important} body.ch-theme .ch-rush .ch-rush-durations{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.ch-theme .ch-rush .ch-rush-levels{grid-template-columns:minmax(0,1fr)!important} body.ch-theme .ch-rush .ch-rush-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} body.ch-theme .ch-rush .ch-rush-play, body.ch-theme .ch-rush .ch-rush-jump{width:100%!important;min-width:0!important} } @media(max-width:430px){ body.ch-theme .ch-rush .ch-rush-characters{grid-template-columns:repeat(2,minmax(0,1fr))!important} } body.ch-theme .ch-rush .ch-rush-characters{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; overflow:visible!important; padding:0!important; } body.ch-theme .ch-rush .ch-rush-character{ position:relative!important; width:100%!important; min-width:0!important; min-height:132px!important; padding:10px 9px 11px!important; display:grid!important; grid-template-rows:minmax(78px,1fr) auto!important; align-items:stretch!important; justify-items:stretch!important; gap:7px!important; border-radius:16px!important; overflow:hidden!important; } body.ch-theme .ch-rush .ch-rush-character-preview{ position:relative!important; display:grid!important; place-items:center!important; width:100%!important; height:78px!important; margin:0!important; border-radius:12px!important; overflow:hidden!important; background: radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--rush-accent) 10%,transparent),transparent 53%), color-mix(in srgb,var(--rush-surface) 88%,var(--rush-text) 12%)!important; border:1px solid color-mix(in srgb,var(--rush-border) 78%,transparent)!important; } body.ch-theme .ch-rush .ch-rush-character.is-active .ch-rush-character-preview{ border-color:color-mix(in srgb,var(--rush-accent) 76%,var(--rush-border))!important; box-shadow:inset 0 0 24px color-mix(in srgb,var(--rush-accent) 12%,transparent)!important; } body.ch-theme .ch-rush .ch-rush-character-preview img{ display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; object-position:center!important; padding:4px!important; } body.ch-theme .ch-rush .ch-rush-character strong{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:34px!important; margin:0!important; padding:0 3px!important; color:var(--rush-text)!important; font-size:13px!important; font-weight:850!important; line-height:1.18!important; letter-spacing:-.01em!important; text-align:center!important; white-space:normal!important; overflow-wrap:normal!important; } body.ch-theme .ch-rush .ch-rush-character-mini{ position:relative!important; display:block!important; width:62px!important; height:62px!important; flex:none!important; } body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-cat{ width:56px!important; height:50px!important; margin-top:7px!important; border:2px solid rgba(5,8,13,.92)!important; border-radius:48% 48% 45% 45%!important; background: linear-gradient(74deg,transparent 0 27%,rgba(20,25,33,.78) 28% 35%,transparent 36% 51%,rgba(20,25,33,.72) 52% 59%,transparent 60%), linear-gradient(145deg,#6e7784 0%,#424a55 47%,#242a31 100%)!important; box-shadow:0 8px 16px rgba(0,0,0,.24)!important; } body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-cat:before, body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-cat:after{ content:""!important; position:absolute!important; top:-9px!important; width:18px!important; height:20px!important; background:#4f5864!important; border:2px solid rgba(5,8,13,.92)!important; z-index:-1!important; } body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-cat:before{ left:2px!important; clip-path:polygon(0 100%,50% 0,100% 100%)!important; } body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-cat:after{ right:2px!important; clip-path:polygon(0 100%,50% 0,100% 100%)!important; } body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-panther{ width:60px!important; height:48px!important; margin-top:9px!important; border:2px solid #030407!important; border-radius:49% 49% 44% 44%!important; background: radial-gradient(ellipse at 32% 45%,#e2bd38 0 5%,#372d08 6% 8%,transparent 9%), radial-gradient(ellipse at 68% 45%,#e2bd38 0 5%,#372d08 6% 8%,transparent 9%), radial-gradient(ellipse at 50% 70%,#0b0d12 0 6%,transparent 7%), linear-gradient(145deg,#2d3440 0%,#11151d 42%,#050609 100%)!important; box-shadow:0 10px 18px rgba(0,0,0,.34),inset 0 -8px 12px rgba(0,0,0,.32)!important; } body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-panther:before, body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-panther:after{ content:""!important; position:absolute!important; top:-8px!important; width:20px!important; height:20px!important; background:#171c24!important; border:2px solid #030407!important; border-radius:4px 12px 3px 12px!important; z-index:-1!important; } body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-panther:before{left:2px!important;transform:rotate(18deg)!important} body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-panther:after{right:2px!important;transform:scaleX(-1) rotate(18deg)!important} body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-rocket{ display:grid!important; place-items:center!important; width:58px!important; height:58px!important; margin-top:2px!important; border-radius:50%!important; background:radial-gradient(circle at 48% 42%,#253a5c 0%,#132238 57%,#0b1421 100%)!important; border:1px solid rgba(87,151,231,.35)!important; box-shadow:0 8px 18px rgba(0,0,0,.24),inset 0 0 18px rgba(0,128,255,.12)!important; } body.ch-theme .ch-rush .ch-rush-character-mini.ch-rush-rocket:before{ content:"🚀"!important; display:block!important; font-size:36px!important; line-height:1!important; transform:rotate(10deg)!important; filter:drop-shadow(0 4px 5px rgba(0,0,0,.25))!important; } body.ch-theme .ch-rush .ch-rush-character:hover .ch-rush-character-preview, body.ch-theme .ch-rush .ch-rush-character:focus-visible .ch-rush-character-preview{ transform:translateY(-1px)!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush--compact .ch-rush-characters{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush--compact .ch-rush-character{ min-height:96px!important; padding:6px 5px 7px!important; grid-template-rows:56px auto!important; gap:4px!important; border-radius:12px!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush--compact .ch-rush-character-preview{ height:56px!important; border-radius:9px!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush--compact .ch-rush-character-mini{ transform:scale(.76)!important; } .ch-theme-sidebar :is(.ch-theme-widget,.widget) .ch-game-widget-shell--rush .ch-rush--compact .ch-rush-character strong{ min-height:27px!important; padding:0 1px!important; font-size:9.8px!important; line-height:1.12!important; } @media(max-width:620px){ body.ch-theme .ch-rush .ch-rush-characters{grid-template-columns:repeat(3,minmax(0,1fr))!important} body.ch-theme .ch-rush .ch-rush-character{min-height:116px!important;grid-template-rows:68px auto!important;padding:8px 6px 9px!important} body.ch-theme .ch-rush .ch-rush-character-preview{height:68px!important} body.ch-theme .ch-rush .ch-rush-character strong{font-size:11.5px!important;min-height:31px!important} } @media(max-width:430px){ body.ch-theme .ch-rush .ch-rush-characters{grid-template-columns:repeat(2,minmax(0,1fr))!important} } body.ch-theme .ch-rush .ch-rush-screen{ animation:chRushScreenIn .18s ease both; } @keyframes chRushScreenIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}} body.ch-theme .ch-rush .ch-rush-screen-heading{ padding:14px 16px!important; border:1px solid color-mix(in srgb,var(--rush-border) 88%,transparent)!important; border-radius:16px!important; background: linear-gradient(135deg,color-mix(in srgb,var(--rush-surface) 92%,transparent),color-mix(in srgb,var(--rush-accent) 7%,var(--rush-surface)))!important; } body.ch-theme .ch-rush .ch-rush-screen-heading>span{color:var(--rush-accent)!important} body.ch-theme .ch-rush .ch-rush-flow-actions button, body.ch-theme .ch-rush .ch-rush-view-actions button{ min-height:42px!important; box-shadow:none!important; transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease!important; } body.ch-theme .ch-rush .ch-rush-flow-actions button:hover, body.ch-theme .ch-rush .ch-rush-flow-actions button:focus-visible, body.ch-theme .ch-rush .ch-rush-view-actions button:hover, body.ch-theme .ch-rush .ch-rush-view-actions button:focus-visible{ transform:translateY(-1px)!important; outline:none!important; } body.ch-theme .ch-rush .ch-rush-primary{ background:linear-gradient(180deg,#f3d46b,#c8a84b)!important; color:#17130a!important; border-color:#e2c45d!important; box-shadow:0 8px 18px rgba(200,168,75,.16)!important; } body.ch-theme .ch-rush .ch-rush-secondary, body.ch-theme .ch-rush .ch-rush-view-button{ background:color-mix(in srgb,var(--rush-surface) 88%,var(--rush-text) 12%)!important; color:var(--rush-text)!important; border-color:var(--rush-border)!important; } body.ch-theme .ch-rush .ch-rush-game-toolbar{ padding:10px 12px!important; border:1px solid var(--rush-border)!important; border-radius:14px!important; background:color-mix(in srgb,var(--rush-surface) 92%,transparent)!important; } body.ch-theme .ch-rush .ch-rush-game-toolbar strong{font-size:17px!important} body.ch-theme .ch-rush .ch-rush-stage{ min-height:0!important; height:clamp(240px,48cqi,420px)!important; } body.ch-theme .ch-rush .ch-rush-results-screen{ min-height:0!important; display:grid; align-items:center; } body.ch-theme .ch-rush .ch-rush-result-card{ background: radial-gradient(circle at 50% 0,color-mix(in srgb,var(--rush-accent) 10%,transparent),transparent 42%), color-mix(in srgb,var(--rush-surface) 94%,transparent)!important; box-shadow:0 18px 42px rgba(0,0,0,.16)!important; } body.ch-theme .ch-rush .ch-rush-result-card h3{letter-spacing:-.025em!important} body.ch-theme .ch-rush:fullscreen .ch-rush-flow, body.ch-theme .ch-rush:-webkit-full-screen .ch-rush-flow{ max-width:1600px!important; margin-inline:auto!important; } body.ch-theme .ch-rush--compact .ch-rush-screen-heading{ padding:9px 10px!important; margin-bottom:10px!important; } body.ch-theme .ch-rush--compact .ch-rush-screen-heading h3{font-size:18px!important} body.ch-theme .ch-rush--compact .ch-rush-screen-heading p{font-size:10.5px!important} body.ch-theme .ch-rush--compact .ch-rush-flow-actions{margin-top:9px!important} body.ch-theme .ch-rush--compact .ch-rush-flow-actions button{min-height:38px!important;padding:8px 10px!important;font-size:10.5px!important} body.ch-theme .ch-rush--compact .ch-rush-game-toolbar{ padding:8px 9px!important; margin-bottom:8px!important; } body.ch-theme .ch-rush--compact .ch-rush-game-toolbar strong{font-size:12px!important} body.ch-theme .ch-rush--compact .ch-rush-game-toolbar span{font-size:9px!important} body.ch-theme .ch-rush--compact .ch-rush-view-actions{gap:5px!important} body.ch-theme .ch-rush--compact .ch-rush-view-button{min-height:32px!important;padding:6px 7px!important;font-size:9.5px!important} body.ch-theme .ch-rush--compact .ch-rush-stage{min-height:0!important;height:clamp(178px,68cqi,230px)!important} body.ch-theme .ch-rush--compact .ch-rush-results-screen{min-height:330px!important} body.ch-theme .ch-rush--compact .ch-rush-result-card{padding:15px!important} body.ch-theme .ch-rush--compact .ch-rush-result-card h3{font-size:23px!important} @media(max-width:782px){ body.ch-theme .ch-rush .ch-rush-stage{min-height:300px!important} } @media(max-width:520px){ body.ch-theme .ch-rush .ch-rush-stage{min-height:260px!important} body.ch-theme .ch-rush .ch-rush-result-stats{grid-template-columns:1fr!important} } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-rush .ch-rush-screen{animation:none!important} body.ch-theme .ch-rush .ch-rush-flow-actions button, body.ch-theme .ch-rush .ch-rush-view-actions button{transition:none!important} } body.ch-theme .ch-rush .ch-rush-flow{ min-width:0!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ min-height:0!important; display:flex; flex-direction:column; } body.ch-theme .ch-rush [data-rush-screen-panel="character"] .ch-rush-flow-actions, body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-flow-actions{ margin-top:auto!important; } body.ch-theme .ch-rush--compact [data-rush-screen-panel="character"], body.ch-theme .ch-rush--compact [data-rush-screen-panel="level"]{ min-height:0!important; } body.ch-theme .ch-rush.is-running .ch-rush-scenery-back, body.ch-theme .ch-rush.is-running .ch-rush-scenery-front{ animation:none!important; background-position:0 0!important; } body.ch-theme .ch-rush.is-bumped .ch-rush-stage{ animation:none!important; transform:none!important; box-shadow:inset 0 0 0 2px rgba(239,68,68,.72), inset 0 0 26px rgba(239,68,68,.20)!important; } @media(max-width:700px){ body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ min-height:0!important; } } @media(max-width:430px){ body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ min-height:0!important; } } body.ch-theme .ch-rush .ch-rush-preplay-toolbar{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin:0 0 12px!important; padding:9px 11px!important; border:1px solid var(--rush-border)!important; border-radius:13px!important; background:color-mix(in srgb,var(--rush-surface) 94%,transparent)!important; } body.ch-theme .ch-rush .ch-rush-preplay-toolbar>span{ color:var(--rush-muted)!important; font-size:11px!important; font-weight:800!important; letter-spacing:.04em!important; text-transform:uppercase!important; } body.ch-theme .ch-rush .ch-rush-preplay-toolbar .ch-rush-view-actions{ display:flex!important; gap:7px!important; flex-wrap:wrap!important; justify-content:flex-end!important; } body.ch-theme .ch-rush .ch-rush-failed-screen{ min-height:0!important; display:grid!important; place-items:center!important; } body.ch-theme .ch-rush .ch-rush-failed-card{ appearance:none!important; width:min(100%,620px)!important; min-height:0!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:12px!important; padding:28px!important; border:1px solid color-mix(in srgb,#ef4444 55%,var(--rush-border))!important; border-radius:20px!important; background: radial-gradient(circle at 50% 0,rgba(239,68,68,.16),transparent 44%), color-mix(in srgb,var(--rush-surface) 96%,transparent)!important; color:var(--rush-text)!important; text-align:center!important; cursor:pointer!important; box-shadow:0 20px 48px rgba(0,0,0,.18)!important; } body.ch-theme .ch-rush .ch-rush-failed-card:disabled{ cursor:wait!important; opacity:.92!important; } body.ch-theme .ch-rush .ch-rush-failed-card:not(:disabled):hover, body.ch-theme .ch-rush .ch-rush-failed-card:not(:disabled):focus-visible{ transform:translateY(-2px)!important; border-color:#ef4444!important; outline:none!important; } body.ch-theme .ch-rush .ch-rush-failed-card h3{ margin:0!important; font-size:clamp(25px,4vw,38px)!important; line-height:1.05!important; } body.ch-theme .ch-rush .ch-rush-failed-card p{ margin:0!important; max-width:46ch!important; color:var(--rush-muted)!important; } body.ch-theme .ch-rush .ch-rush-failed-continue-label{ margin-top:6px!important; padding:9px 14px!important; border-radius:999px!important; background:color-mix(in srgb,#ef4444 15%,var(--rush-surface))!important; color:var(--rush-text)!important; font-weight:850!important; } body.ch-theme .ch-rush--compact .ch-rush-preplay-toolbar{ padding:7px 8px!important; margin-bottom:8px!important; } body.ch-theme .ch-rush--compact .ch-rush-preplay-toolbar>span{font-size:9px!important} body.ch-theme .ch-rush--compact .ch-rush-preplay-toolbar .ch-rush-view-button{ min-height:30px!important; padding:5px 7px!important; font-size:9px!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-screen{min-height:0!important} body.ch-theme .ch-rush--compact .ch-rush-failed-card{ min-height:0!important; padding:18px 12px!important; } @media(max-width:520px){ body.ch-theme .ch-rush .ch-rush-preplay-toolbar{ align-items:flex-start!important; flex-direction:column!important; } body.ch-theme .ch-rush .ch-rush-preplay-toolbar .ch-rush-view-actions{ width:100%!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; } body.ch-theme .ch-rush .ch-rush-preplay-toolbar .ch-rush-view-button{width:100%!important} body.ch-theme .ch-rush .ch-rush-failed-card{padding:22px 14px!important} } body.ch-theme .ch-rush{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; container-type:inline-size; container-name:ch-rush; } body.ch-theme .ch-rush .ch-rush-hero, body.ch-theme .ch-rush .ch-rush-flow, body.ch-theme .ch-rush .ch-rush-screen, body.ch-theme .ch-rush .ch-rush-option-group, body.ch-theme .ch-rush .ch-rush-levels, body.ch-theme .ch-rush .ch-rush-durations, body.ch-theme .ch-rush .ch-rush-flow-actions{ min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; padding:0!important; display:grid!important; grid-template-rows:auto minmax(0,1fr) auto!important; gap:14px!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"] .ch-rush-screen-heading, body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-screen-heading{ margin:0!important; align-self:start!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"] .ch-rush-option-group{ align-self:center!important; width:100%!important; margin:0!important; overflow:auto!important; scrollbar-width:thin; } body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ grid-template-rows:auto minmax(0,1fr) auto!important; } body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-levels{ align-self:end!important; margin:0!important; } body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-run-length{ align-self:start!important; margin:10px 0 0!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"] .ch-rush-flow-actions, body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-flow-actions{ align-self:end!important; margin:0!important; min-height:44px!important; align-items:stretch!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"] .ch-rush-flow-actions button, body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-flow-actions button{ min-height:44px!important; } body.ch-theme .ch-rush .ch-rush-characters{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; overflow:visible!important; padding:0!important; } body.ch-theme .ch-rush .ch-rush-character{ width:100%!important; min-width:0!important; min-height:132px!important; max-height:154px!important; grid-template-rows:minmax(78px,1fr) auto!important; align-content:center!important; } body.ch-theme .ch-rush .ch-rush-character-preview{ width:100%!important; max-width:104px!important; height:82px!important; margin-inline:auto!important; } body.ch-theme .ch-rush .ch-rush-character strong{ min-height:34px!important; display:grid!important; place-items:center!important; font-size:13px!important; line-height:1.2!important; text-align:center!important; } body.ch-theme .ch-rush .ch-rush-levels{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; } body.ch-theme .ch-rush .ch-rush-level{ min-height:76px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; text-align:left!important; } body.ch-theme .ch-rush .ch-rush-durations{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } body.ch-theme .ch-rush--compact [data-rush-screen-panel="character"], body.ch-theme .ch-rush--compact [data-rush-screen-panel="level"]{ height:auto!important; min-height:0!important; max-height:none!important; gap:9px!important; } body.ch-theme .ch-rush--compact .ch-rush-characters{ gap:6px!important; } body.ch-theme .ch-rush--compact .ch-rush-character{ min-height:104px!important; max-height:114px!important; padding:7px 5px!important; grid-template-rows:64px auto!important; } body.ch-theme .ch-rush--compact .ch-rush-character-preview{ height:62px!important; max-width:76px!important; } body.ch-theme .ch-rush--compact .ch-rush-character strong{ min-height:28px!important; font-size:10.5px!important; } body.ch-theme .ch-rush--compact .ch-rush-level{ min-height:52px!important; } @container ch-rush (max-width:620px){ body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ height:460px!important; min-height:0!important; max-height:460px!important; } body.ch-theme .ch-rush .ch-rush-characters{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important; } body.ch-theme .ch-rush .ch-rush-character{ min-height:112px!important; max-height:126px!important; grid-template-rows:66px auto!important; } body.ch-theme .ch-rush .ch-rush-character-preview{height:64px!important;max-width:80px!important} body.ch-theme .ch-rush .ch-rush-character strong{font-size:11px!important;min-height:30px!important} body.ch-theme .ch-rush .ch-rush-levels{grid-template-columns:1fr!important;gap:6px!important} body.ch-theme .ch-rush .ch-rush-level{min-height:48px!important;padding:7px 9px!important} body.ch-theme .ch-rush .ch-rush-level span{font-size:9.5px!important} body.ch-theme .ch-rush .ch-rush-durations{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} body.ch-theme .ch-rush [data-rush-screen-panel="character"] .ch-rush-flow-actions, body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-flow-actions{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:7px!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"] .ch-rush-flow-actions{ grid-template-columns:1fr!important; } } @container ch-rush (max-width:390px){ body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ height:auto!important; min-height:0!important; max-height:none!important; } body.ch-theme .ch-rush .ch-rush-characters{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.ch-theme .ch-rush .ch-rush-character{min-height:98px!important;max-height:108px!important;grid-template-rows:58px auto!important} body.ch-theme .ch-rush .ch-rush-character-preview{height:56px!important;max-width:68px!important} body.ch-theme .ch-rush .ch-rush-level strong{font-size:11px!important} body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-flow-actions{grid-template-columns:1fr!important} } body.ch-theme .ch-rush:fullscreen [data-rush-screen-panel="character"], body.ch-theme .ch-rush:fullscreen [data-rush-screen-panel="level"], body.ch-theme .ch-rush:-webkit-full-screen [data-rush-screen-panel="character"], body.ch-theme .ch-rush:-webkit-full-screen [data-rush-screen-panel="level"]{ width:min(100%,980px)!important; height:auto!important; min-height:0!important; margin-inline:auto!important; } @supports not (container-type:inline-size){ @media(max-width:620px){ body.ch-theme .ch-rush .ch-rush-levels{grid-template-columns:1fr!important} body.ch-theme .ch-rush .ch-rush-durations{grid-template-columns:repeat(2,minmax(0,1fr))!important} } } body.ch-theme .ch-rush .ch-rush-flow{ display:block!important; min-height:0!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"], body.ch-theme .ch-rush .ch-rush-failed-screen, body.ch-theme .ch-rush .ch-rush-results-screen{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; padding:0!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ display:grid!important; grid-template-rows:auto auto auto!important; align-content:center!important; gap:12px!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"] .ch-rush-screen-heading, body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-screen-heading{ margin:0!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"] .ch-rush-option-group, body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-levels, body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-run-length{ align-self:center!important; margin:0!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"] .ch-rush-flow-actions, body.ch-theme .ch-rush [data-rush-screen-panel="level"] .ch-rush-flow-actions{ align-self:center!important; margin:0!important; min-height:42px!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"]{ padding-block:10px!important; } body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ padding-block:10px!important; } body.ch-theme .ch-rush .ch-rush-screen-heading{ padding:10px 12px!important; } body.ch-theme .ch-rush .ch-rush-character{ min-height:116px!important; max-height:none!important; } body.ch-theme .ch-rush .ch-rush-character-preview{ height:68px!important; max-width:88px!important; } body.ch-theme .ch-rush .ch-rush-level{ min-height:58px!important; } body.ch-theme .ch-rush .ch-rush-failed-screen, body.ch-theme .ch-rush .ch-rush-results-screen{ display:grid!important; place-items:center!important; padding-block:12px!important; } body.ch-theme .ch-rush .ch-rush-failed-card{ min-height:0!important; padding:22px!important; } body.ch-theme .ch-rush .ch-rush-result-card{ width:min(100%,620px)!important; padding:22px!important; } body.ch-theme .ch-rush--compact [data-rush-screen-panel="character"], body.ch-theme .ch-rush--compact [data-rush-screen-panel="level"], body.ch-theme .ch-rush--compact .ch-rush-failed-screen, body.ch-theme .ch-rush--compact .ch-rush-results-screen{ height:auto!important; min-height:0!important; max-height:none!important; } body.ch-theme .ch-rush--compact [data-rush-screen-panel="character"], body.ch-theme .ch-rush--compact [data-rush-screen-panel="level"]{ padding-block:6px!important; gap:8px!important; } body.ch-theme .ch-rush--compact .ch-rush-character{ min-height:96px!important; max-height:none!important; } body.ch-theme .ch-rush--compact .ch-rush-character-preview{ height:54px!important; max-width:70px!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card, body.ch-theme .ch-rush--compact .ch-rush-result-card{ min-height:0!important; padding:14px!important; } @container ch-rush (max-width:620px){ body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ height:auto!important; min-height:0!important; max-height:none!important; padding-block:7px!important; } body.ch-theme .ch-rush .ch-rush-character{min-height:98px!important;max-height:none!important} body.ch-theme .ch-rush .ch-rush-character-preview{height:56px!important;max-width:72px!important} } @container ch-rush (max-width:390px){ body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ height:auto!important; min-height:0!important; max-height:none!important; } } body.ch-theme .ch-rush:fullscreen [data-rush-screen-panel="character"], body.ch-theme .ch-rush:fullscreen [data-rush-screen-panel="level"], body.ch-theme .ch-rush:-webkit-full-screen [data-rush-screen-panel="character"], body.ch-theme .ch-rush:-webkit-full-screen [data-rush-screen-panel="level"]{ width:min(100%,980px)!important; height:auto!important; min-height:0!important; max-height:none!important; margin:auto!important; } body.ch-theme .ch-comment-menu{ overflow:visible!important; } body.ch-theme .ch-comment-menu-dropdown{ top:auto!important; bottom:36px!important; right:0!important; left:auto!important; max-width:min(190px,calc(100vw - 24px))!important; z-index:2147482500!important; } body.ch-theme .ch-comment-head, body.ch-theme .ch-comment-bubble, body.ch-theme .ch-comment-main, body.ch-theme .ch-comment, body.ch-theme .ch-comment-thread, body.ch-theme .ch-comments-list, body.ch-theme .ch-comments-box, body.ch-theme .ch-activity-comments{ overflow:visible!important; } body.ch-theme .ch-community-loops-route-main, body.ch-theme .ch-theme-community-shell--loops .ch-theme-community-content-wrap{ width:100%!important; max-width:980px!important; margin-inline:auto!important; min-width:0!important; } body.ch-theme .ch-loops-app{ --loop-card-max:520px; width:100%!important; max-width:920px!important; } body.ch-theme .ch-loops-header, body.ch-theme .ch-loops-compose{ background:var(--ch-theme-surface)!important; border-color:var(--ch-theme-border)!important; color:var(--ch-theme-text)!important; box-shadow:var(--ch-theme-shadow)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-loops-header, html[data-ch-theme-mode="dark"] body.ch-theme .ch-loops-compose, body.ch-theme-mode-dark .ch-loops-header, body.ch-theme-mode-dark .ch-loops-compose{ background:var(--ch-theme-surface)!important; color:var(--ch-theme-text)!important; } body.ch-theme .ch-loops-feed{ width:100%!important; display:grid!important; justify-items:center!important; gap:20px!important; scroll-snap-type:y proximity; } body.ch-theme .ch-loop-card{ width:min(100%,var(--loop-card-max))!important; max-height:min(78vh,880px)!important; min-height:480px!important; border-color:color-mix(in srgb,var(--ch-theme-border) 78%,transparent)!important; box-shadow:0 22px 60px rgba(0,0,0,.26)!important; } body.ch-theme .ch-loop-actions a, body.ch-theme .ch-loop-actions button, body.ch-theme .ch-loop-sound{ transition:transform .16s ease,background .16s ease,border-color .16s ease!important; } body.ch-theme .ch-loop-actions a:hover, body.ch-theme .ch-loop-actions button:hover, body.ch-theme .ch-loop-sound:hover{ transform:translateY(-1px)!important; border-color:rgba(255,255,255,.55)!important; background:rgba(2,6,23,.74)!important; } body.ch-theme .ch-loops-create-toggle, body.ch-theme .ch-loops-more, body.ch-theme .ch-loops-compose .is-primary{ background:linear-gradient(180deg,#1490ff,#0078ee)!important; color:#fff!important; border:1px solid rgba(0,128,255,.38)!important; box-shadow:0 8px 20px rgba(0,128,255,.18)!important; } @media(max-width:782px){ body.ch-theme .ch-community-loops-route-main, body.ch-theme .ch-theme-community-shell--loops .ch-theme-community-content-wrap{max-width:100%!important} body.ch-theme .ch-loops-app{max-width:100%!important} body.ch-theme .ch-loop-card{width:min(100%,430px)!important;min-height:440px!important;max-height:76vh!important} } @media(max-width:520px){ body.ch-theme .ch-loops-header{padding:14px!important;border-radius:15px!important} body.ch-theme .ch-loop-card{width:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:9/16!important;border-radius:16px!important} } body.ch-theme .ch-source-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;margin:4px 0 12px!important;border:1px solid var(--ch-theme-border)!important;border-radius:16px!important;background:var(--ch-theme-surface-soft)!important;color:var(--ch-theme-text)!important;overflow:hidden!important;text-decoration:none!important} body.ch-theme .ch-source-card-media{display:block!important;aspect-ratio:16/8!important;overflow:hidden!important;background:var(--ch-theme-surface)!important} body.ch-theme .ch-source-card-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important} body.ch-theme .ch-source-card-body{display:grid!important;gap:5px!important;padding:14px 16px!important;color:var(--ch-theme-text)!important} body.ch-theme .ch-source-card-body small{font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--ch-theme-text-muted)!important} body.ch-theme .ch-source-card-body strong{font-size:16px!important;line-height:1.25!important;color:var(--ch-theme-text)!important} body.ch-theme .ch-source-card-body span{font-size:13px!important;line-height:1.45!important;color:var(--ch-theme-text-muted)!important} body.ch-theme .ch-source-card-body em{font-size:12px!important;font-style:normal!important;font-weight:900!important;color:var(--ch-theme-blue)!important} body.ch-theme .ch-feed .ch-quote-text,body.ch-theme .ch-feed .ch-activity-card-repost .ch-quote-text{color:var(--ch-theme-text)!important;background:transparent!important} body.ch-theme .ch-feed .ch-quote-text a{color:var(--ch-theme-blue)!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed .ch-quote-text,body.ch-theme.ch-theme-mode-dark .ch-feed .ch-quote-text{color:var(--ch-theme-text)!important} html[data-ch-theme-mode="light"] body.ch-theme .ch-feed .ch-quote-text,body.ch-theme.ch-theme-mode-light .ch-feed .ch-quote-text{color:var(--ch-theme-text)!important} body.ch-site-search-open{overflow:hidden!important}.ch-site-search-overlay[hidden]{display:none!important}.ch-site-search-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:start center;padding:max(76px,calc(var(--wp-admin--admin-bar--height,0px) + 58px)) 16px 24px}.ch-site-search-backdrop{position:absolute;inset:0;border:0!important;background:rgba(2,8,23,.72)!important;backdrop-filter:blur(5px)}.ch-site-search-panel{position:relative;width:min(720px,100%);max-height:min(76vh,760px);display:flex;flex-direction:column;border:1px solid var(--ch-theme-border);border-radius:20px;background:var(--ch-theme-surface);box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden}.ch-site-search-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--ch-theme-border)}.ch-site-search-head input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--ch-theme-text)!important;font-size:16px!important;padding:9px 4px!important}.ch-site-search-head>button{width:36px;height:36px;border-radius:50%!important;border:1px solid var(--ch-theme-border)!important;background:var(--ch-theme-surface-soft)!important;color:var(--ch-theme-text)!important;font-size:22px!important;line-height:1!important}.ch-site-search-icon{font-size:22px;color:var(--ch-theme-text-muted)}.ch-site-search-status{padding:18px;color:var(--ch-theme-text-muted);font-size:13px}.ch-site-search-results{overflow:auto;padding:0 12px 14px}.ch-site-search-section{padding:10px 0}.ch-site-search-section h3{margin:0 0 7px!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;color:var(--ch-theme-text-muted)!important}.ch-site-search-result{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;border-radius:12px;color:var(--ch-theme-text)!important;text-decoration:none!important}.ch-site-search-result:hover,.ch-site-search-result:focus-visible{background:var(--ch-theme-surface-soft)!important}.ch-site-search-result img,.ch-site-search-placeholder{width:42px;height:42px;border-radius:11px;object-fit:cover;background:var(--ch-theme-surface-soft);display:grid;place-items:center}.ch-site-search-result span:last-child{display:grid;gap:2px;min-width:0}.ch-site-search-result strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ch-theme-text)!important}.ch-site-search-result small{color:var(--ch-theme-text-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ch-theme-header-quick-actions .ch-theme-header-icon-button[data-ch-site-search-trigger]{color:var(--ch-theme-text)!important} @media(max-width:782px){.ch-site-search-overlay{padding:calc(58px + env(safe-area-inset-top)) 8px 8px;place-items:start stretch}.ch-site-search-panel{width:100%;max-height:calc(100dvh - 74px);border-radius:16px}.ch-site-search-head input{font-size:16px!important}.ch-source-card-body{padding:12px!important}} body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-header-icon-button[data-ch-site-search-trigger]{ border-color:rgba(var(--ch-profile-frame-rgb),.46)!important; box-shadow:0 0 0 1px rgba(var(--ch-profile-frame-rgb),.18),0 0 9px rgba(var(--ch-profile-frame-rgb),.16),0 5px 16px rgba(15,23,42,.07)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .ch-theme-header-icon-button[data-ch-site-search-trigger]:is(:hover,:focus-visible){ border-color:var(--ch-profile-frame-accent)!important; box-shadow:0 0 0 1px rgba(var(--ch-profile-frame-rgb),.42),0 0 13px rgba(var(--ch-profile-frame-rgb),.28),0 0 21px color-mix(in srgb,var(--ch-profile-frame-accent-2) 14%,transparent),0 6px 18px rgba(15,23,42,.08)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic-effect-cosmic .ch-theme-header-icon-button[data-ch-site-search-trigger]{animation:chHeaderCosmeticCosmicGlow 4.8s ease-in-out infinite} body.ch-theme .ch-rush{ width:100%!important; max-width:760px!important; margin-inline:auto!important; border-radius:22px!important; } body.ch-theme .ch-rush .ch-rush-hero{margin-bottom:8px!important} body.ch-theme .ch-rush .ch-rush-flow{ position:relative!important; min-height:0!important; max-height:none!important; overflow:visible!important; display:block!important; } body.ch-theme .ch-rush .ch-rush-preplay-toolbar{ position:static!important; inset:auto!important; min-height:38px!important; } body.ch-theme .ch-rush .ch-rush-screen{ position:static!important; inset:auto!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; margin:0!important; padding:10px!important; box-sizing:border-box!important; } body.ch-theme .ch-rush .ch-rush-screen[hidden]{display:none!important} body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ display:grid!important; grid-template-rows:auto auto auto!important; align-items:stretch!important; align-content:start!important; gap:10px!important; } body.ch-theme .ch-rush .ch-rush-screen-heading{padding:8px 10px!important;margin:0!important} body.ch-theme .ch-rush .ch-rush-screen-heading h3{font-size:18px!important;margin:2px 0!important} body.ch-theme .ch-rush .ch-rush-screen-heading p{font-size:11px!important;line-height:1.35!important;margin:0!important} body.ch-theme .ch-rush .ch-rush-option-group, body.ch-theme .ch-rush .ch-rush-levels, body.ch-theme .ch-rush .ch-rush-run-length{margin:0!important} body.ch-theme .ch-rush .ch-rush-flow-actions{min-height:42px!important;margin:0!important} body.ch-theme .ch-rush [data-rush-screen-panel="game"]{ display:grid!important; grid-template-rows:auto auto auto auto auto auto!important; gap:7px!important; padding:8px!important; } body.ch-theme .ch-rush .ch-rush-game-toolbar, body.ch-theme .ch-rush .ch-rush-stats, body.ch-theme .ch-rush .ch-rush-controls, body.ch-theme .ch-rush .ch-rush-reward-rule, body.ch-theme .ch-rush .ch-rush-result{margin:0!important} body.ch-theme .ch-rush .ch-rush-stage{ width:100%!important; height:clamp(240px,48cqi,420px)!important; min-height:0!important; max-height:none!important; border-radius:14px!important; } body.ch-theme .ch-rush .ch-rush-failed-screen, body.ch-theme .ch-rush .ch-rush-results-screen{display:grid!important;place-items:center!important} body.ch-theme .ch-rush .ch-rush-failed-card, body.ch-theme .ch-rush .ch-rush-result-card{width:min(100%,520px)!important;min-height:0!important;max-height:none!important;padding:18px!important} body.ch-theme .ch-rush--compact{max-width:100%!important;border-radius:16px!important;padding:10px!important} body.ch-theme .ch-rush--compact .ch-rush-flow{min-height:0!important;max-height:none!important} body.ch-theme .ch-rush--compact .ch-rush-screen{height:auto!important;min-height:0!important;max-height:none!important;padding:6px!important} body.ch-theme .ch-rush--compact .ch-rush-screen-heading{padding:6px 7px!important} body.ch-theme .ch-rush--compact .ch-rush-screen-heading h3{font-size:14px!important} body.ch-theme .ch-rush--compact .ch-rush-screen-heading p{font-size:9px!important} body.ch-theme .ch-rush--compact .ch-rush-characters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} body.ch-theme .ch-rush--compact .ch-rush-character{min-height:88px!important;max-height:none!important;padding:5px!important} body.ch-theme .ch-rush--compact .ch-rush-character-preview{height:48px!important;max-width:62px!important} body.ch-theme .ch-rush--compact .ch-rush-levels{grid-template-columns:1fr!important;gap:5px!important} body.ch-theme .ch-rush--compact .ch-rush-level{min-height:42px!important;padding:6px 8px!important} body.ch-theme .ch-rush--compact .ch-rush-durations{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important} body.ch-theme .ch-rush--compact .ch-rush-duration{padding:6px!important;min-height:34px!important} body.ch-theme .ch-rush--compact .ch-rush-stage{height:clamp(178px,68cqi,230px)!important;min-height:0!important;max-height:none!important} body.ch-theme .ch-rush--compact .ch-rush-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important} body.ch-theme .ch-rush--compact .ch-rush-stats>div{padding:5px!important} body.ch-theme .ch-rush--compact .ch-rush-reward-rule{display:none!important} body.ch-theme .ch-rush--compact .ch-rush-result{min-height:28px!important;padding:5px 7px!important} body.ch-theme .ch-rush--compact .ch-rush-failed-card, body.ch-theme .ch-rush--compact .ch-rush-result-card{max-height:none!important;padding:12px!important} body.ch-theme .ch-rush:fullscreen, body.ch-theme .ch-rush:-webkit-full-screen{ width:100vw!important; max-width:none!important; height:100dvh!important; padding:clamp(10px,2vw,20px)!important; overflow:auto!important; } body.ch-theme .ch-rush:fullscreen .ch-rush-flow, body.ch-theme .ch-rush:-webkit-full-screen .ch-rush-flow{ width:min(100%,1400px)!important; margin-inline:auto!important; min-height:0!important; max-height:none!important; } body.ch-theme .ch-rush:fullscreen .ch-rush-stage, body.ch-theme .ch-rush:-webkit-full-screen .ch-rush-stage{ height:clamp(280px,58dvh,720px)!important; min-height:0!important; max-height:none!important; } @container ch-rush (max-width:390px){ body.ch-theme .ch-rush .ch-rush-characters{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.ch-theme .ch-rush .ch-rush-durations{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:520px){ body.ch-theme .ch-rush .ch-rush-stage{height:clamp(220px,72vw,320px)!important} body.ch-theme .ch-rush:fullscreen .ch-rush-stage, body.ch-theme .ch-rush:-webkit-full-screen .ch-rush-stage{height:clamp(240px,52dvh,520px)!important} } body.ch-theme .ch-loops-app{max-width:760px!important;margin-inline:auto!important} body.ch-theme .ch-loops-tabs{ display:flex!important;justify-content:center!important;gap:6px!important; margin:0 auto 14px!important;padding:5px!important;width:max-content!important;max-width:100%!important; border:1px solid var(--ch-theme-border,#26364a)!important;border-radius:999px!important; background:var(--ch-theme-surface,#111b2a)!important; } body.ch-theme .ch-loops-tabs button{ border:0!important;border-radius:999px!important;padding:8px 14px!important;background:transparent!important; color:var(--ch-theme-muted,#9aa8ba)!important;font-weight:850!important;cursor:pointer!important; } body.ch-theme .ch-loops-tabs button.is-active{background:var(--ch-theme-primary,#0788ff)!important;color:#fff!important} body.ch-theme .ch-loops-empty-stage{ display:grid!important;place-items:center!important;min-height:560px!important;padding:18px!important; border-radius:24px!important;background:radial-gradient(circle at 50% 20%,rgba(7,136,255,.16),transparent 36%),#030712!important; border:1px solid rgba(255,255,255,.10)!important; } body.ch-theme .ch-loops-empty-phone{ width:min(100%,360px)!important;aspect-ratio:9/16!important;display:flex!important;flex-direction:column!important; align-items:center!important;justify-content:center!important;gap:12px!important;padding:28px!important;text-align:center!important; border:1px solid rgba(255,255,255,.16)!important;border-radius:30px!important; background:linear-gradient(180deg,#10192a,#050913)!important;color:#fff!important; box-shadow:0 24px 70px rgba(0,0,0,.34)!important; } body.ch-theme .ch-loops-empty-play{display:grid!important;place-items:center!important;width:72px!important;height:72px!important;border-radius:50%!important;background:#0788ff!important;font-size:26px!important;box-shadow:0 12px 34px rgba(7,136,255,.38)!important} body.ch-theme .ch-loops-empty-phone strong{font-size:22px!important;line-height:1.1!important} body.ch-theme .ch-loops-empty-phone span{color:#b8c5d8!important;font-size:13px!important;line-height:1.45!important} body.ch-theme .ch-loops-empty-phone button{border:0!important;border-radius:999px!important;padding:11px 18px!important;background:#fff!important;color:#07111f!important;font-weight:900!important;cursor:pointer!important} @media(max-width:620px){ body.ch-theme .ch-loops-empty-stage{min-height:calc(100svh - 230px)!important;padding:8px!important;border-radius:16px!important} body.ch-theme .ch-loops-empty-phone{width:min(100%,330px)!important;border-radius:22px!important} } body.ch-theme .ch-messages-page{ width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; color:var(--ch-theme-text)!important; } body.ch-theme .ch-messages-header{ position:relative!important; isolation:isolate!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; width:100%!important; min-height:0!important; margin:0 0 12px!important; padding:14px 16px!important; border:1px solid color-mix(in srgb,var(--ch-theme-border) 82%,transparent)!important; border-radius:18px!important; background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--ch-theme-blue) 10%,transparent),transparent 15rem),linear-gradient(135deg,color-mix(in srgb,var(--ch-theme-blue) 5%,var(--ch-theme-surface)),var(--ch-theme-surface))!important; box-shadow:0 10px 26px rgba(16,24,40,.055)!important; overflow:hidden!important; } body.ch-theme .ch-messages-header>div:first-child{min-width:0!important;flex:1 1 auto!important} body.ch-theme .ch-messages-header h1{ margin:0!important;color:var(--ch-theme-text)!important; font-size:clamp(1.34rem,2vw,1.9rem)!important;line-height:1.02!important; letter-spacing:-.045em!important;font-weight:950!important; } body.ch-theme .ch-messages-header .ch-page-subtitle{ margin:5px 0 0!important;color:var(--ch-theme-muted)!important; font-size:.92rem!important;line-height:1.36!important;font-weight:750!important; } body.ch-theme .ch-messages-header .ch-page-eyebrow{ display:inline-flex!important;width:fit-content!important;margin:0 0 6px!important; padding:4px 8px!important;border-radius:999px!important; border:1px solid color-mix(in srgb,var(--ch-theme-blue) 18%,transparent)!important; background:color-mix(in srgb,var(--ch-theme-blue) 8%,transparent)!important; color:var(--ch-theme-blue-dark)!important;font-size:.72rem!important;font-weight:950!important; line-height:1!important;letter-spacing:.035em!important;text-transform:uppercase!important; } body.ch-theme .ch-messages-header .ch-hub-page-nav{ flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important; flex-wrap:wrap!important;gap:6px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important; } body.ch-theme .ch-messages-header .ch-hub-nav-button{ display:inline-flex!important;align-items:center!important;justify-content:center!important; min-height:32px!important;width:auto!important;padding:7px 10px!important;border-radius:999px!important; border:1px solid color-mix(in srgb,var(--ch-theme-border) 78%,transparent)!important; background:color-mix(in srgb,var(--ch-theme-surface-soft) 78%,var(--ch-theme-surface))!important; color:color-mix(in srgb,var(--ch-theme-text) 76%,var(--ch-theme-muted))!important; font-size:.78rem!important;font-weight:900!important;line-height:1!important;text-decoration:none!important; } body.ch-theme .ch-messages-page-shell{ width:100%!important;max-width:100%!important;min-height:min(72vh,720px)!important; margin:0!important;padding:0!important;border-radius:18px!important; border:1px solid var(--ch-theme-border)!important;background:var(--ch-theme-surface)!important; overflow:hidden!important;position:relative!important; } body.ch-theme .ch-messages-page-shell>.bp-messages-wrap-main, body.ch-theme .ch-messages-page-shell>.bp-messages-wrap{width:100%!important;max-width:100%!important;min-height:inherit!important;margin:0!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-messages-header{ background:radial-gradient(circle at 100% 0%,rgba(0,128,255,.14),transparent 15rem),linear-gradient(135deg,rgba(15,27,45,.96),var(--ch-theme-surface))!important; border-color:var(--ch-theme-border)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important; } @media(max-width:782px){ body.ch-theme .ch-messages-header{align-items:flex-start!important;flex-direction:column!important;padding:12px!important;border-radius:15px!important} body.ch-theme .ch-messages-header .ch-hub-page-nav{justify-content:flex-start!important;width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important} body.ch-theme .ch-messages-page-shell{min-height:calc(100dvh - 210px)!important;border-radius:14px!important} } @media (max-width:782px){ body .bp-messages-wrap.bp-messages-mobile .expandingButtons, body .bp-messages-wrap.bp-messages-mobile .thread-actions, body .bp-messages-wrap.bp-messages-mobile .chat-header{ overflow:visible!important; } body .bp-messages-wrap.bp-messages-mobile .expandingButtons{ position:relative!important; z-index:2147483500!important; } body .bp-messages-wrap.bp-messages-mobile .expandingButtons.expandingButtonsOpen{ z-index:2147483646!important; } body .bp-messages-wrap.bp-messages-mobile .expandingButtons .bpbm-dropdown-menu{ z-index:2147483647!important; max-width:min(88vw,320px)!important; right:0!important; left:auto!important; } } @media (max-width:782px){ body.bp-messages-mobile .contexify.bm-contexify, body.ch-bm-mobile-session .contexify.bm-contexify{ --contexify-zIndex:2147483647!important; z-index:2147483647!important; position:fixed!important; max-width:calc(100vw - 16px)!important; } } nn/**/nbody.ch-theme .ch-theme-community-shell--loops{n display:block!important;n width:100%!important;n max-width:100%!important;n margin-inline:auto!important;n}nbody.ch-theme .ch-theme-container--community.ch-theme-community-shell--loops{n width:min(100% - 32px,1180px)!important;n max-width:1180px!important;n margin-inline:auto!important;n}nbody.ch-theme .ch-theme-community-shell--loops .ch-theme-community-content-wrap{n display:block!important;n width:100%!important;n max-width:980px!important;n margin-inline:auto!important;n padding-inline:0!important;n justify-self:center!important;n}nbody.ch-theme .ch-community-loops-route-main .ch-loops-app,nbody.ch-theme .ch-theme-community-shell--loops .ch-loops-app{n width:min(100%,760px)!important;n max-width:760px!important;n margin-inline:auto!important;n}nbody.ch-theme .ch-community-loops-route-main .ch-loops-feed,nbody.ch-theme .ch-theme-community-shell--loops .ch-loops-feed{n width:100%!important;n justify-items:center!important;n}n@media(max-width:782px){n body.ch-theme .ch-theme-container--community.ch-theme-community-shell--loops{n width:100%!important;n max-width:100%!important;n padding-inline:10px!important;n }n body.ch-theme .ch-theme-community-shell--loops .ch-theme-community-content-wrap,n body.ch-theme .ch-community-loops-route-main .ch-loops-app,n body.ch-theme .ch-theme-community-shell--loops .ch-loops-app{n width:100%!important;n max-width:100%!important;n }n}n body.ch-theme .ch-loops-app{ --ch-loop-feed-height:min(76svh,880px); } body.ch-theme .ch-loops-header{ margin-bottom:10px!important; } body.ch-theme .ch-loops-tabs{ position:sticky!important; top:calc(var(--ch-theme-header-height,64px) + 8px)!important; z-index:12!important; margin:0 auto 10px!important; backdrop-filter:blur(14px)!important; } body.ch-theme .ch-loops-feed{ display:block!important; height:var(--ch-loop-feed-height)!important; max-height:880px!important; overflow-y:auto!important; overscroll-behavior-y:contain!important; scroll-snap-type:y mandatory!important; scroll-behavior:smooth!important; scrollbar-width:none!important; border-radius:24px!important; } body.ch-theme .ch-loops-feed::-webkit-scrollbar{display:none!important} body.ch-theme .ch-loop-card{ width:min(100%,495px)!important; height:auto!important; min-height:0!important; aspect-ratio:9/16!important; margin:0 auto!important; scroll-snap-align:start!important; scroll-snap-stop:always!important; border-radius:24px!important; } body.ch-theme .ch-loop-video-wrap{ position:relative!important; isolation:isolate!important; overflow:hidden!important; background:#030712!important; } body.ch-theme .ch-loop-video{ position:relative!important; z-index:1!important; width:100%!important; height:100%!important; object-position:center center!important; transition:object-fit .18s ease!important; } body.ch-theme .ch-loop-card.ch-loop-fit-fit .ch-loop-video{object-fit:contain!important} body.ch-theme .ch-loop-card.ch-loop-fit-crop .ch-loop-video{object-fit:cover!important} body.ch-theme .ch-loop-fit-toggle{ position:absolute!important; z-index:4!important; top:14px!important; left:14px!important; min-width:58px!important; padding:8px 10px!important; border:1px solid rgba(255,255,255,.25)!important; border-radius:999px!important; background:rgba(2,6,23,.62)!important; color:#fff!important; font-size:11px!important; font-weight:900!important; line-height:1!important; backdrop-filter:blur(10px)!important; cursor:pointer!important; } body.ch-theme .ch-loops-compose-note{ display:grid!important; gap:3px!important; padding:10px 12px!important; border-radius:12px!important; border:1px solid color-mix(in srgb,var(--ch-theme-blue,#0788ff) 20%,var(--ch-theme-border,#dbe3ec))!important; background:color-mix(in srgb,var(--ch-theme-blue,#0788ff) 6%,var(--ch-theme-surface,#fff))!important; } body.ch-theme .ch-loops-compose-note strong{font-size:12px!important} body.ch-theme .ch-loops-compose-note span{font-size:12px!important;line-height:1.4!important;color:var(--ch-theme-muted,#64748b)!important} body.ch-theme .ch-loops-feed[aria-busy="true"]{opacity:.55!important;pointer-events:none!important} body.ch-theme .ch-loops-more{margin-top:10px!important} @media(max-width:782px){ body.ch-theme .ch-loops-app{--ch-loop-feed-height:calc(100svh - 176px)} body.ch-theme .ch-loops-header{padding:10px 12px!important;margin-bottom:8px!important} body.ch-theme .ch-loops-header h1{font-size:28px!important} body.ch-theme .ch-loops-header p{font-size:12px!important} body.ch-theme .ch-loops-feed{border-radius:18px!important} body.ch-theme .ch-loop-card{width:100%!important;border-radius:18px!important} body.ch-theme .ch-loops-tabs{top:8px!important} } @media(max-width:480px){ body.ch-theme .ch-loops-app{--ch-loop-feed-height:calc(100svh - 160px)} body.ch-theme .ch-loops-header p{display:none!important} } body.ch-theme .ch-loop-overlay{ align-items:flex-end!important; padding:120px 14px 16px!important; background:linear-gradient(to bottom,transparent 0%,rgba(2,6,23,.08) 35%,rgba(2,6,23,.88) 100%)!important; pointer-events:none!important; } body.ch-theme .ch-loop-meta, body.ch-theme .ch-loop-action-rail{pointer-events:auto!important} body.ch-theme .ch-loop-creator{max-width:100%!important;align-items:center!important} body.ch-theme .ch-loop-avatar{ flex:0 0 auto!important; width:46px!important;height:46px!important;border-radius:50%!important; border:2px solid rgba(255,255,255,.88)!important; box-shadow:0 4px 18px rgba(0,0,0,.28)!important; overflow:hidden!important; } body.ch-theme .ch-loop-avatar img{width:100%!important;height:100%!important} body.ch-theme .ch-loop-name{font-size:14px!important;letter-spacing:-.01em!important;text-shadow:0 2px 8px rgba(0,0,0,.5)!important} body.ch-theme .ch-loop-creator p{font-size:13px!important;line-height:1.35!important;text-shadow:0 2px 8px rgba(0,0,0,.55)!important} body.ch-theme .ch-loop-action-rail{right:14px!important;bottom:16px!important;gap:10px!important} body.ch-theme .ch-loop-action{ width:58px!important;min-width:58px!important;min-height:58px!important; border:1px solid rgba(255,255,255,.16)!important; background:rgba(2,6,23,.42)!important; box-shadow:0 5px 18px rgba(0,0,0,.16)!important; transition:transform .16s ease,background .16s ease,border-color .16s ease!important; } body.ch-theme .ch-loop-action:hover, body.ch-theme .ch-loop-action:focus-visible{transform:translateY(-1px)!important;background:rgba(15,23,42,.76)!important;border-color:rgba(255,255,255,.34)!important} body.ch-theme .ch-loop-action.is-active{background:color-mix(in srgb,var(--ch-theme-blue,#0788ff) 78%,rgba(2,6,23,.46))!important;border-color:rgba(255,255,255,.34)!important} body.ch-theme .ch-loop-reaction-picker{z-index:8!important} body.ch-theme .ch-loop-reaction-option{transition:transform .15s ease,background .15s ease!important} body.ch-theme .ch-loop-card.is-active-loop{box-shadow:0 18px 52px rgba(0,0,0,.28)!important} @media(max-width:782px){ body.ch-theme .ch-loop-overlay{padding:100px 10px 12px!important} body.ch-theme .ch-loop-action-rail{right:8px!important;bottom:12px!important;gap:8px!important} body.ch-theme .ch-loop-action{width:52px!important;min-width:52px!important;min-height:52px!important} body.ch-theme .ch-loop-action-icon{font-size:22px!important} body.ch-theme .ch-loop-action-count,body.ch-theme .ch-loop-action-text{font-size:9px!important} body.ch-theme .ch-loop-avatar{width:42px!important;height:42px!important} } body.ch-theme .ch-loop-comments-sheet{ position:fixed!important; right:24px!important; bottom:24px!important; z-index:2147482500!important; width:min(430px,calc(100vw - 48px))!important; height:min(64vh,620px)!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; border:1px solid var(--ch-theme-border,#dbe3ec)!important; border-radius:22px!important; background:var(--ch-theme-surface,#fff)!important; color:var(--ch-theme-text,#182230)!important; box-shadow:0 24px 80px rgba(2,6,23,.34)!important; transform:translateY(calc(100% + 40px))!important; opacity:0!important; pointer-events:none!important; transition:transform .24s ease,opacity .2s ease!important; } body.ch-theme .ch-loop-comments-sheet[hidden]{display:none!important} body.ch-theme .ch-loop-comments-sheet.is-open{ transform:translateY(0)!important; opacity:1!important; pointer-events:auto!important; } body.ch-theme .ch-loop-comments-sheet-head{ flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; min-height:56px!important; padding:10px 14px!important; border-bottom:1px solid var(--ch-theme-border,#dbe3ec)!important; background:var(--ch-theme-surface,#fff)!important; } body.ch-theme .ch-loop-comments-sheet-head>div{display:grid!important;gap:2px!important} body.ch-theme .ch-loop-comments-sheet-head strong{font-size:16px!important;line-height:1.1!important} body.ch-theme .ch-loop-comments-sheet-head span{font-size:11px!important;color:var(--ch-theme-muted,#64748b)!important} body.ch-theme .ch-loop-comments-close{ display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important; border:1px solid var(--ch-theme-border,#dbe3ec)!important;border-radius:50%!important; background:var(--ch-theme-surface-soft,#f1f5f9)!important;color:var(--ch-theme-text,#182230)!important; font-size:25px!important;line-height:1!important;cursor:pointer!important; } body.ch-theme .ch-loop-comments-sheet-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:10px!important;overscroll-behavior:contain!important} body.ch-theme .ch-loop-comments-loading,body.ch-theme .ch-loop-comments-error{padding:28px 12px!important;text-align:center!important;color:var(--ch-theme-muted,#64748b)!important} body.ch-theme .ch-loop-comments-sheet .ch-comments-box{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} body.ch-theme .ch-loop-comments-sheet .ch-comment-form{position:sticky!important;top:0!important;z-index:4!important;margin:0 0 10px!important;background:var(--ch-theme-surface,#fff)!important} @media(max-width:782px){ body.ch-theme.ch-loops-route{overflow:hidden!important;background:#020617!important} body.ch-theme.ch-loops-route .ch-theme-header, body.ch-theme.ch-loops-route .ch-theme-community-bar, body.ch-theme.ch-loops-route .ch-theme-footer, body.ch-theme.ch-loops-route .ch-theme-footer-widgets{display:none!important} body.ch-theme.ch-loops-route .ch-theme-container--community.ch-theme-community-shell--loops, body.ch-theme.ch-loops-route .ch-theme-community-shell--loops, body.ch-theme.ch-loops-route .ch-theme-community-content-wrap, body.ch-theme.ch-loops-route .ch-community-loops-route-main{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important} body.ch-theme.ch-loops-route .ch-loops-app{ position:fixed!important;inset:0!important;z-index:2147482000!important; width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important; margin:0!important;padding:0!important;overflow:hidden!important;background:#020617!important; } body.ch-theme.ch-loops-route .ch-loops-header{ position:absolute!important;top:max(10px,env(safe-area-inset-top))!important;right:max(10px,env(safe-area-inset-right))!important;z-index:35!important; width:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important; } body.ch-theme.ch-loops-route .ch-loops-header>div{display:none!important} body.ch-theme.ch-loops-route .ch-loops-create-toggle{ width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:50%!important; font-size:0!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important; } body.ch-theme.ch-loops-route .ch-loops-create-toggle::after{content:"+"!important;font-size:25px!important;line-height:1!important} body.ch-theme.ch-loops-route .ch-loops-tabs{ position:absolute!important;top:max(10px,env(safe-area-inset-top))!important;left:50%!important;right:auto!important;z-index:34!important; width:auto!important;max-width:calc(100vw - 118px)!important;margin:0!important;transform:translateX(-50%)!important; border-radius:999px!important;background:rgba(2,6,23,.5)!important;border:1px solid rgba(255,255,255,.12)!important; backdrop-filter:blur(14px)!important; } body.ch-theme.ch-loops-route .ch-loops-tabs button{padding:8px 10px!important;color:#fff!important;font-size:11px!important;white-space:nowrap!important} body.ch-theme.ch-loops-route .ch-loops-feed{ position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important; margin:0!important;padding:0!important;border-radius:0!important;background:#020617!important; transition:height .24s ease!important; } body.ch-theme.ch-loops-route .ch-loop-card{ width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;aspect-ratio:auto!important; margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;scroll-snap-align:start!important; transition:height .24s ease,min-height .24s ease!important; } body.ch-theme.ch-loops-route .ch-loop-video-wrap{height:100%!important} body.ch-theme.ch-loops-route .ch-loop-sound{top:calc(max(10px,env(safe-area-inset-top)) + 52px)!important;right:max(10px,env(safe-area-inset-right))!important} body.ch-theme.ch-loops-route .ch-loop-fit-toggle{top:calc(max(10px,env(safe-area-inset-top)) + 52px)!important;left:max(10px,env(safe-area-inset-left))!important} body.ch-theme.ch-loops-route .ch-loop-overlay{padding:120px 10px calc(14px + env(safe-area-inset-bottom))!important} body.ch-theme.ch-loops-route .ch-loop-action-rail{right:max(8px,env(safe-area-inset-right))!important;bottom:calc(12px + env(safe-area-inset-bottom))!important} body.ch-theme.ch-loops-route .ch-loop-reaction-picker{ right:60px!important;top:auto!important;bottom:0!important; display:grid!important;grid-template-columns:repeat(2,38px)!important;grid-auto-rows:38px!important; gap:6px!important;width:auto!important;max-width:94px!important;max-height:calc(100dvh - 120px)!important; padding:8px!important;border-radius:18px!important;overflow-y:auto!important;overflow-x:hidden!important; transform:none!important; } body.ch-theme.ch-loops-route .ch-loop-reaction-option{width:38px!important;height:38px!important;min-width:38px!important} body.ch-theme.ch-loops-route .ch-loops-compose{ position:absolute!important;z-index:50!important;top:64px!important;left:10px!important;right:10px!important; max-height:calc(100dvh - 84px)!important;overflow:auto!important;margin:0!important;border-radius:18px!important; } body.ch-theme.ch-loops-route .ch-loop-comments-sheet{ position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:60!important; width:100vw!important;height:44dvh!important;max-height:44dvh!important;border-width:1px 0 0!important;border-radius:20px 20px 0 0!important; padding-bottom:env(safe-area-inset-bottom)!important; transform:translateY(100%)!important; } body.ch-theme.ch-loops-route .ch-loop-comments-sheet.is-open{transform:translateY(0)!important} body.ch-theme.ch-loops-route .ch-loops-app.is-comments-open .ch-loops-feed{height:56dvh!important;max-height:56dvh!important} body.ch-theme.ch-loops-route .ch-loops-app.is-comments-open .ch-loop-card{height:56dvh!important;min-height:56dvh!important} body.ch-theme.ch-loops-route .ch-loops-app.is-comments-open .ch-loop-overlay{padding-top:74px!important;padding-bottom:10px!important} body.ch-theme.ch-loops-route .ch-loops-app.is-comments-open .ch-loop-action-rail{bottom:8px!important} body.ch-theme.ch-loops-route .ch-loop-comments-sheet-body{padding:8px 10px!important} body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-comment-form{padding-top:2px!important} } body.ch-theme .ch-loop-reaction-picker{ display:grid!important; grid-template-columns:repeat(3,40px)!important; grid-auto-rows:40px!important; align-items:center!important; justify-items:center!important; gap:7px!important; width:auto!important; max-width:154px!important; max-height:min(280px,70vh)!important; padding:9px!important; border-radius:18px!important; overflow-x:hidden!important; overflow-y:auto!important; } body.ch-theme .ch-loop-reaction-picker[hidden]{display:none!important} body.ch-theme .ch-loop-reaction-option{ display:grid!important; place-items:center!important; width:40px!important; min-width:40px!important; max-width:40px!important; height:40px!important; min-height:40px!important; max-height:40px!important; padding:0!important; margin:0!important; border-radius:12px!important; overflow:hidden!important; } body.ch-theme .ch-loop-reaction-option img, body.ch-theme .ch-loop-reaction-option .ch-reaction-icon-img{ display:block!important; width:28px!important; height:28px!important; max-width:28px!important; max-height:28px!important; object-fit:contain!important; margin:auto!important; } body.ch-theme .ch-loop-reaction-option .ch-reaction-emoji{ display:block!important; width:auto!important; height:auto!important; font-size:25px!important; line-height:1!important; margin:0!important; } body.ch-theme .ch-loop-comments-sheet .ch-comment-gif, body.ch-theme .ch-loop-comments-sheet .ch-comment-attachment, body.ch-theme .ch-loop-comments-sheet .ch-comment-attachment-image, body.ch-theme .ch-loop-comments-sheet .ch-gif-embed, body.ch-theme .ch-loop-comments-sheet .ch-gif-legacy{ width:100%!important; max-width:100%!important; overflow:hidden!important; } body.ch-theme .ch-loop-comments-sheet .ch-gif-embed-image, body.ch-theme .ch-loop-comments-sheet .ch-gif-legacy-video, body.ch-theme .ch-loop-comments-sheet .ch-comment-attachment-image img, body.ch-theme .ch-loop-comments-sheet .ch-comment-attachment img{ display:block!important; width:auto!important; max-width:100%!important; height:auto!important; max-height:min(220px,34vh)!important; margin:6px auto!important; object-fit:contain!important; } body.ch-theme .ch-loop-comments-sheet .ch-media-lightbox-trigger{ display:block!important; width:100%!important; max-width:100%!important; overflow:hidden!important; } body.ch-theme .ch-loop-card.is-video-unavailable .ch-loop-video-wrap::after{ content:"Video unavailable"; position:absolute!important; inset:50% auto auto 50%!important; z-index:3!important; transform:translate(-50%,-50%)!important; padding:8px 12px!important; border-radius:999px!important; background:rgba(2,6,23,.72)!important; color:#fff!important; font-size:12px!important; font-weight:800!important; } @media(max-width:782px){ body.ch-theme.ch-loops-route .ch-loop-reaction-picker{ right:60px!important; grid-template-columns:repeat(2,40px)!important; grid-auto-rows:40px!important; width:auto!important; max-width:105px!important; max-height:calc(100dvh - 140px)!important; padding:8px!important; gap:7px!important; border-radius:17px!important; } body.ch-theme.ch-loops-route .ch-loop-reaction-option{ width:40px!important;min-width:40px!important;max-width:40px!important; height:40px!important;min-height:40px!important;max-height:40px!important; flex:none!important; } body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-gif-embed-image, body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-gif-legacy-video, body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-comment-attachment-image img, body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-comment-attachment img{ max-height:min(150px,22dvh)!important; } } body.ch-theme .ch-loop-reaction-picker{ grid-template-columns:repeat(4,40px)!important; grid-auto-rows:40px!important; width:auto!important; max-width:202px!important; gap:7px!important; } @media(max-width:782px){ body.ch-theme.ch-loops-route .ch-loop-reaction-picker{ right:58px!important; grid-template-columns:repeat(3,38px)!important; grid-auto-rows:38px!important; width:auto!important; max-width:148px!important; gap:6px!important; padding:8px!important; } body.ch-theme.ch-loops-route .ch-loop-reaction-option{ width:38px!important;min-width:38px!important;max-width:38px!important; height:38px!important;min-height:38px!important;max-height:38px!important; } body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-comment-gif, body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-gif-embed, body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-gif-legacy{ width:auto!important; max-width:104px!important; margin:5px 0!important; overflow:hidden!important; } body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-gif-embed-image, body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-gif-legacy-video, body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-comment-gif img, body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-comment-gif video{ width:auto!important; max-width:96px!important; height:auto!important; max-height:88px!important; margin:4px 0!important; object-fit:contain!important; } } body.ch-theme .ch-profile-card .ch-profile-social-button.is-following{ position:relative!important; } body.ch-theme .ch-profile-card .ch-profile-social-button.is-following:hover, body.ch-theme .ch-profile-card .ch-profile-social-button.is-following:focus-visible{ border-color:var(--ch-theme-blue,#2563eb)!important; } body.ch-theme .ch-loop-menu-wrap{z-index:12!important} body.ch-theme .ch-loop-menu-toggle{background:rgba(2,6,23,.62)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.24)!important} body.ch-theme .ch-loop-menu-toggle:hover,body.ch-theme .ch-loop-menu-toggle:focus-visible{background:rgba(15,23,42,.84)!important} body.ch-theme .ch-loop-menu{background:rgba(2,6,23,.96)!important;border-color:rgba(255,255,255,.18)!important} body.ch-theme .ch-loop-menu a,body.ch-theme .ch-loop-menu button{color:#fff!important} body.ch-theme .ch-loop-menu .is-danger{color:#fecaca!important} body.ch-theme .ch-loop-card.is-loop-blurred .ch-explicit-overlay{background:rgba(2,6,23,.28)!important;backdrop-filter:blur(3px)!important} body.ch-theme .ch-loop-card.is-loop-blurred .ch-explicit-overlay strong,body.ch-theme .ch-loop-card.is-loop-blurred .ch-explicit-overlay span{color:#fff!important} body.ch-theme .ch-loop-card.is-loop-blurred .ch-explicit-reveal{background:#fff!important;color:#111827!important} @media(max-width:620px){body.ch-theme.ch-loops-route .ch-loop-menu-wrap{top:calc(max(10px,env(safe-area-inset-top)) + 52px)!important;right:max(8px,env(safe-area-inset-right))!important}body.ch-theme.ch-loops-route .ch-loop-menu{top:46px!important;right:0!important}} .ch-loops-app .ch-loop-sound{ left:14px!important; right:auto!important; } .ch-loops-app .ch-loop-card.ch-cosmetic-slot-post{ isolation:isolate; } .ch-loops-app .ch-loop-card.ch-cosmetic-slot-post.ch-cosmetic-effect-neon-circuit{ border-color:rgba(34,211,238,.78)!important; box-shadow:0 0 0 1px rgba(99,102,241,.24),0 0 18px rgba(34,211,238,.24),0 12px 34px rgba(6,182,212,.16)!important; } .ch-loops-app .ch-loop-card.ch-cosmetic-slot-post.ch-cosmetic-effect-neon-circuit::after{ content:""; position:absolute; inset:0; z-index:8; pointer-events:none; border-radius:inherit; padding:2px; background:conic-gradient(from var(--ch-neon-angle,0deg),#22d3ee,rgba(59,130,246,.95),rgba(139,92,246,.92),#22d3ee); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:chCosmeticCircuitBorder 4.8s linear infinite; } .ch-loops-app .ch-loop-card.ch-cosmetic-slot-post.ch-cosmetic-effect-ember-edge{ border-color:rgba(249,115,22,.58)!important; box-shadow:inset 3px 0 0 #f97316,0 0 18px rgba(249,115,22,.18),0 12px 34px rgba(194,65,12,.14)!important; } .ch-loops-app .ch-loop-card.ch-cosmetic-slot-post.ch-cosmetic-effect-liberty-standard{ border-color:rgba(226,232,240,.75)!important; box-shadow:inset 3px 0 0 #b71932,0 0 0 1px rgba(36,87,166,.35),0 0 18px rgba(36,87,166,.18)!important; } .ch-loops-app .ch-loop-card.ch-cosmetic-slot-post.ch-cosmetic-effect-midnight-pulse-post{ border-color:rgba(200,168,75,.62)!important; box-shadow:0 0 0 1px rgba(200,168,75,.20),0 0 20px rgba(200,168,75,.16),0 12px 34px rgba(0,0,0,.24)!important; } .ch-loops-app .ch-loop-card.ch-cosmetic-slot-post.ch-cosmetic-effect-frost-signal-post{ border-color:rgba(125,211,252,.72)!important; box-shadow:inset 3px 0 0 #7dd3fc,0 0 18px rgba(56,189,248,.18),0 12px 34px rgba(14,165,233,.12)!important; } .ch-loops-app .ch-loop-card.ch-cosmetic-slot-post.ch-cosmetic-effect-cosmic-frame-post{ border-color:rgba(139,92,246,.68)!important; box-shadow:0 0 0 1px rgba(56,189,248,.22),0 0 18px rgba(139,92,246,.24),0 12px 36px rgba(76,29,149,.18)!important; } @media(max-width:782px){ .ch-loops-app .ch-loop-sound{left:max(12px,env(safe-area-inset-left))!important;right:auto!important;} } @media(prefers-reduced-motion:reduce){ .ch-loops-app .ch-loop-card.ch-cosmetic-slot-post.ch-cosmetic-effect-neon-circuit::after{animation:none!important;} } .ch-loops-app .ch-loop-fit-toggle{ left:14px!important; right:auto!important; top:54px!important; z-index:10!important; padding:6px 8px!important; min-width:0!important; border:1px solid rgba(255,255,255,.22)!important; border-radius:999px!important; background:rgba(2,6,23,.50)!important; color:#fff!important; font-size:10px!important; font-weight:850!important; line-height:1!important; backdrop-filter:blur(10px)!important; opacity:.84; } .ch-loops-app .ch-loop-fit-toggle:hover, .ch-loops-app .ch-loop-fit-toggle:focus-visible{opacity:1} .ch-loops-app .ch-loop-skin-frame{ position:absolute; inset:0; z-index:8; pointer-events:none; border-radius:inherit; border:3px solid transparent; box-shadow:none; } .ch-loops-app .ch-loop-card.ch-cosmetic-effect-neon-circuit .ch-loop-skin-frame{ border-color:rgba(34,211,238,.90); box-shadow:inset 3px 0 0 #22d3ee,inset 0 0 18px rgba(34,211,238,.13),0 0 0 1px rgba(99,102,241,.28),0 0 24px rgba(34,211,238,.32); } .ch-loops-app .ch-loop-card.ch-cosmetic-effect-neon-circuit .ch-loop-skin-frame::after{ content:"";position:absolute;inset:-3px;border-radius:inherit;padding:3px; background:conic-gradient(from var(--ch-neon-angle,0deg),#22d3ee,#3b82f6,#8b5cf6,#22d3ee); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;mask-composite:exclude;animation:chCosmeticCircuitBorder 4.8s linear infinite; } .ch-loops-app .ch-loop-card.ch-cosmetic-effect-ember-edge .ch-loop-skin-frame{ border-color:rgba(249,115,22,.78);box-shadow:inset 4px 0 0 #f97316,inset 0 0 16px rgba(249,115,22,.10),0 0 22px rgba(249,115,22,.28); } .ch-loops-app .ch-loop-card.ch-cosmetic-effect-liberty-standard .ch-loop-skin-frame{ border-color:rgba(226,232,240,.92);box-shadow:inset 4px 0 0 #b71932,inset -4px 0 0 #2457a6,0 0 0 1px rgba(36,87,166,.38),0 0 20px rgba(36,87,166,.24); } .ch-loops-app .ch-loop-card.ch-cosmetic-effect-midnight-pulse-post .ch-loop-skin-frame{ border-color:rgba(200,168,75,.82);box-shadow:inset 0 0 18px rgba(200,168,75,.10),0 0 0 1px rgba(200,168,75,.30),0 0 24px rgba(200,168,75,.28);animation:chLoopMidnightSkinPulse 3.4s ease-in-out infinite; } @keyframes chLoopMidnightSkinPulse{50%{box-shadow:inset 0 0 22px rgba(200,168,75,.15),0 0 0 1px rgba(200,168,75,.42),0 0 32px rgba(200,168,75,.38)}} .ch-loops-app .ch-loop-card.ch-cosmetic-effect-frost-signal-post .ch-loop-skin-frame{ border-color:rgba(125,211,252,.92);box-shadow:inset 4px 0 0 #7dd3fc,inset 0 0 16px rgba(56,189,248,.10),0 0 22px rgba(56,189,248,.26); } .ch-loops-app .ch-loop-card.ch-cosmetic-effect-cosmic-frame-post .ch-loop-skin-frame{ border-color:rgba(139,92,246,.88);box-shadow:inset 0 0 20px rgba(139,92,246,.11),0 0 0 1px rgba(56,189,248,.32),0 0 28px rgba(139,92,246,.34);animation:chLoopCosmicSkinPulse 4.6s ease-in-out infinite; } @keyframes chLoopCosmicSkinPulse{50%{border-color:rgba(56,189,248,.90);box-shadow:inset 0 0 22px rgba(56,189,248,.12),0 0 0 1px rgba(139,92,246,.38),0 0 34px rgba(56,189,248,.32)}} @media(max-width:782px){ .ch-loops-app .ch-loop-fit-toggle{left:max(12px,env(safe-area-inset-left))!important;top:calc(max(10px,env(safe-area-inset-top)) + 44px)!important} .ch-loops-app .ch-loop-skin-frame{border-width:2px} } @media(prefers-reduced-motion:reduce){.ch-loops-app .ch-loop-skin-frame,.ch-loops-app .ch-loop-skin-frame::after{animation:none!important}} @media(max-width:782px){ .ch-loops-app .ch-loop-sound{top:max(10px,env(safe-area-inset-top))!important;left:max(12px,env(safe-area-inset-left))!important;right:auto!important} } body.ch-theme .ch-loops-app .ch-loop-sound{ top:14px!important; left:14px!important; right:auto!important; width:auto!important; min-width:0!important; min-height:0!important; padding:6px 9px!important; border-radius:999px!important; font-size:10px!important; line-height:1.15!important; z-index:10!important; } body.ch-theme .ch-loops-app .ch-loop-fit-toggle{ top:48px!important; left:14px!important; right:auto!important; width:auto!important; min-width:0!important; min-height:0!important; padding:5px 8px!important; font-size:9.5px!important; line-height:1.1!important; z-index:10!important; } @media(max-width:782px){ body.ch-theme.ch-loops-route .ch-loops-app .ch-loop-sound{ top:max(10px,env(safe-area-inset-top))!important; left:max(10px,env(safe-area-inset-left))!important; right:auto!important; padding:5px 8px!important; font-size:9.5px!important; } body.ch-theme.ch-loops-route .ch-loops-app .ch-loop-fit-toggle{ top:calc(max(10px,env(safe-area-inset-top)) + 31px)!important; left:max(10px,env(safe-area-inset-left))!important; right:auto!important; padding:4px 7px!important; font-size:9px!important; } } body.ch-theme .ch-loops-app .ch-loop-avatar.ch-cosmetic-slot-avatar{ position:relative!important; isolation:isolate!important; overflow:visible!important; flex:0 0 auto!important; margin:4px!important; } body.ch-theme .ch-loops-app .ch-loop-avatar.ch-cosmetic-slot-avatar>img, body.ch-theme .ch-loops-app .ch-loop-avatar.ch-cosmetic-slot-avatar .avatar{ position:relative!important; z-index:4!important; border-radius:999px!important; } body.ch-theme .ch-loops-app .ch-loop-avatar.ch-cosmetic-slot-avatar::before, body.ch-theme .ch-loops-app .ch-loop-avatar.ch-cosmetic-slot-avatar::after{ z-index:3!important; } body.ch-theme .ch-loop-comments-sheet .ch-comment.ch-cosmetic-surface{ contain:layout style!important; overflow:visible!important; } body.ch-theme .ch-loop-comments-sheet .ch-comment-avatar.ch-cosmetic-slot-avatar{ overflow:visible!important; } body.ch-theme .ch-profile-card .ch-profile-actions--social{ grid-template-columns:repeat(2,minmax(0,1fr)) 38px!important; max-width:286px!important; position:relative!important; overflow:visible!important; } body.ch-theme .ch-profile-card .ch-profile-message-button{ grid-column:2!important; grid-row:1!important; } body.ch-theme .ch-profile-card .ch-profile-overflow{ grid-column:3!important; grid-row:1!important; position:relative!important; width:38px!important; min-width:38px!important; height:38px!important; margin:0!important; overflow:visible!important; z-index:40!important; } body.ch-theme .ch-profile-card .ch-profile-overflow>summary{ list-style:none!important; } body.ch-theme .ch-profile-card .ch-profile-overflow>summary::-webkit-details-marker{display:none!important} body.ch-theme .ch-profile-card .ch-profile-overflow-toggle{ display:flex!important; align-items:center!important; justify-content:center!important; width:38px!important; height:38px!important; padding:0 0 7px!important; border:1px solid var(--ch-theme-border,#dbe3ec)!important; border-radius:11px!important; background:var(--ch-theme-surface,#fff)!important; color:var(--ch-theme-text,#172033)!important; font-size:20px!important; font-weight:900!important; line-height:1!important; cursor:pointer!important; user-select:none!important; box-shadow:none!important; } body.ch-theme .ch-profile-card .ch-profile-overflow[open] .ch-profile-overflow-toggle, body.ch-theme .ch-profile-card .ch-profile-overflow-toggle:hover, body.ch-theme .ch-profile-card .ch-profile-overflow-toggle:focus-visible{ background:var(--ch-theme-surface-soft,#f1f5f9)!important; outline:none!important; } body.ch-theme .ch-profile-card .ch-profile-overflow-menu{ position:absolute!important; right:0!important; top:44px!important; z-index:9999!important; display:grid!important; min-width:164px!important; padding:6px!important; border:1px solid var(--ch-theme-border,#dbe3ec)!important; border-radius:12px!important; background:var(--ch-theme-surface,#fff)!important; box-shadow:0 14px 34px rgba(15,23,42,.20)!important; } body.ch-theme .ch-profile-card .ch-profile-overflow-action{ width:100%!important; margin:0!important; padding:9px 10px!important; border:0!important; border-radius:8px!important; background:transparent!important; color:var(--ch-theme-text,#172033)!important; -webkit-text-fill-color:currentColor!important; text-align:left!important; font-size:12px!important; font-weight:800!important; cursor:pointer!important; } body.ch-theme .ch-profile-card .ch-profile-overflow-action:hover, body.ch-theme .ch-profile-card .ch-profile-overflow-action:focus-visible{ background:var(--ch-theme-surface-soft,#f1f5f9)!important; outline:none!important; } body.ch-theme .ch-profile-card .ch-profile-overflow-action.is-danger{ color:#c2414b!important; -webkit-text-fill-color:#c2414b!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-card .ch-profile-overflow-toggle, html[data-ch-theme-mode="dark"] body.ch-theme .ch-profile-card .ch-profile-overflow-menu, body.ch-theme-mode-dark .ch-profile-card .ch-profile-overflow-toggle, body.ch-theme-mode-dark .ch-profile-card .ch-profile-overflow-menu, body.ch-theme-dark .ch-profile-card .ch-profile-overflow-toggle, body.ch-theme-dark .ch-profile-card .ch-profile-overflow-menu{ border-color:rgba(148,163,184,.25)!important; background:var(--ch-theme-surface,#111827)!important; color:var(--ch-theme-text,#e7edf6)!important; } @media(max-width:900px){ body.ch-theme .ch-profile-card .ch-profile-actions--social{ grid-template-columns:repeat(2,minmax(0,1fr)) 38px!important; max-width:none!important; } } @media(max-width:782px){ body.ch-theme .ch-profile-card .ch-profile-actions--social{ grid-template-columns:repeat(2,minmax(0,1fr)) 38px!important; max-width:none!important; } } @media(max-width:782px){ body.ch-theme.ch-loops-route .ch-loops-feed{ scroll-snap-type:y mandatory!important; scroll-behavior:smooth!important; overscroll-behavior-y:contain!important; -webkit-overflow-scrolling:auto!important; touch-action:pan-y!important; } body.ch-theme.ch-loops-route .ch-loop-card{ scroll-snap-align:start!important; scroll-snap-stop:always!important; } } body.ch-theme .ch-profile-page, body.ch-theme .ch-profile-main, body.ch-theme .ch-profile-actions--social{overflow:visible!important} body.ch-theme .ch-profile-card:has(.ch-profile-overflow[open]){ overflow:visible!important; position:relative!important; z-index:120!important; } body.ch-theme .ch-profile-card .ch-profile-overflow[open]{z-index:121!important} body.ch-theme .ch-profile-card .ch-profile-overflow-menu{ top:44px!important; bottom:auto!important; z-index:2147481000!important; } body.ch-theme .ch-loop-menu-wrap{ top:14px!important; right:14px!important; z-index:25!important; } body.ch-theme .ch-loop-menu-toggle{ display:grid!important; place-items:center!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; padding:0!important; border:1px solid rgba(255,255,255,.22)!important; border-radius:999px!important; background:rgba(2,6,23,.46)!important; color:#fff!important; box-shadow:0 8px 24px rgba(0,0,0,.22)!important; backdrop-filter:blur(14px) saturate(125%)!important; -webkit-backdrop-filter:blur(14px) saturate(125%)!important; font-size:0!important; line-height:1!important; letter-spacing:0!important; transition:transform .14s ease,background .14s ease,border-color .14s ease!important; } body.ch-theme .ch-loop-menu-toggle>span{ display:block!important; font-size:24px!important; font-weight:900!important; line-height:.72!important; transform:translateY(-1px)!important; } body.ch-theme .ch-loop-menu-toggle:hover, body.ch-theme .ch-loop-menu-toggle:focus-visible, body.ch-theme .ch-loop-menu-toggle[aria-expanded="true"]{ transform:scale(1.04)!important; background:rgba(15,23,42,.78)!important; border-color:rgba(255,255,255,.40)!important; outline:none!important; } body.ch-theme .ch-loop-menu{ top:46px!important; right:0!important; min-width:248px!important; width:248px!important; padding:7px!important; gap:2px!important; border:1px solid rgba(255,255,255,.16)!important; border-radius:18px!important; background:rgba(10,15,27,.94)!important; color:#fff!important; box-shadow:0 22px 64px rgba(0,0,0,.42)!important; backdrop-filter:blur(22px) saturate(135%)!important; -webkit-backdrop-filter:blur(22px) saturate(135%)!important; overflow:hidden!important; } body.ch-theme .ch-loop-menu .ch-loop-menu-item{ display:grid!important; grid-template-columns:30px minmax(0,1fr)!important; align-items:center!important; gap:9px!important; width:100%!important; min-height:43px!important; margin:0!important; padding:7px 9px!important; border:0!important; border-radius:12px!important; background:transparent!important; color:#f8fafc!important; -webkit-text-fill-color:currentColor!important; text-align:left!important; text-decoration:none!important; font-size:12px!important; font-weight:800!important; line-height:1.2!important; cursor:pointer!important; transition:background .13s ease,transform .13s ease!important; } body.ch-theme .ch-loop-menu .ch-loop-menu-item:hover, body.ch-theme .ch-loop-menu .ch-loop-menu-item:focus-visible{ background:rgba(255,255,255,.10)!important; transform:translateX(1px)!important; outline:none!important; } body.ch-theme .ch-loop-menu .ch-loop-menu-icon{ display:grid!important; place-items:center!important; width:30px!important; height:30px!important; border-radius:10px!important; background:rgba(255,255,255,.08)!important; color:#e2e8f0!important; font-size:16px!important; font-weight:900!important; line-height:1!important; } body.ch-theme .ch-loop-menu .ch-loop-menu-divider{ height:1px!important; margin:5px 7px!important; background:rgba(255,255,255,.12)!important; } body.ch-theme .ch-loop-menu .ch-loop-menu-item.is-report{color:#fde68a!important} body.ch-theme .ch-loop-menu .ch-loop-menu-item.is-report .ch-loop-menu-icon{background:rgba(245,158,11,.14)!important;color:#fcd34d!important} body.ch-theme .ch-loop-menu .ch-loop-menu-item.is-danger{color:#fecaca!important} body.ch-theme .ch-loop-menu .ch-loop-menu-item.is-danger .ch-loop-menu-icon{background:rgba(239,68,68,.14)!important;color:#fca5a5!important} @media(max-width:782px){ body.ch-theme.ch-loops-route .ch-loop-menu-wrap{ top:max(10px,env(safe-area-inset-top))!important; right:max(10px,env(safe-area-inset-right))!important; } body.ch-theme.ch-loops-route .ch-loop-menu-toggle{ width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; background:rgba(2,6,23,.42)!important; } body.ch-theme.ch-loops-route .ch-loop-menu-toggle>span{font-size:23px!important} body.ch-theme.ch-loops-route .ch-loop-menu{ top:43px!important; right:0!important; width:min(264px,calc(100vw - 20px))!important; min-width:0!important; max-width:calc(100vw - 20px)!important; padding:8px!important; border-radius:20px!important; } body.ch-theme.ch-loops-route .ch-loop-menu .ch-loop-menu-item{ min-height:46px!important; grid-template-columns:32px minmax(0,1fr)!important; gap:10px!important; padding:8px 10px!important; border-radius:13px!important; font-size:12.5px!important; } body.ch-theme.ch-loops-route .ch-loop-menu .ch-loop-menu-icon{ width:32px!important; height:32px!important; border-radius:11px!important; } } @media(max-width:782px){ body.ch-theme.ch-loops-route{ --ch-loops-mobile-nav-h:calc(58px + env(safe-area-inset-bottom)); } body.ch-theme.ch-loops-route .ch-loops-create-toggle{display:none!important} body.ch-theme.ch-loops-route .ch-theme-community-bar--bottom{ display:block!important; z-index:2147483000!important; transform:translateY(0)!important; opacity:1!important; pointer-events:auto!important; } body.ch-theme.ch-loops-route .ch-loops-app{ inset:0 0 var(--ch-loops-mobile-nav-h) 0!important; width:100vw!important; height:auto!important; max-height:none!important; } body.ch-theme.ch-loops-route .ch-loops-feed{ inset:0!important; width:100%!important; height:100%!important; max-height:none!important; scroll-snap-type:y mandatory!important; scroll-behavior:auto!important; overscroll-behavior-y:contain!important; -webkit-overflow-scrolling:touch!important; touch-action:pan-y!important; } body.ch-theme.ch-loops-route .ch-loop-card{ width:100%!important; height:100%!important; min-height:100%!important; scroll-snap-align:start!important; scroll-snap-stop:always!important; } body.ch-theme.ch-loops-route .ch-loops-app.is-comments-open .ch-loops-feed{height:56%!important;max-height:56%!important} body.ch-theme.ch-loops-route .ch-loops-app.is-comments-open .ch-loop-card{height:100%!important;min-height:100%!important} } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]){ --ch-login-panel:var(--ch-theme-surface,#fff); --ch-login-panel-soft:var(--ch-theme-surface-soft,#f7f9fc); --ch-login-text:var(--ch-theme-text,#172033); --ch-login-muted:var(--ch-theme-muted,#64748b); --ch-login-border:var(--ch-theme-border,#dbe3ec); --ch-login-accent:var(--ch-theme-blue,#2878ff); color:var(--ch-login-text)!important; } body.ch-theme .ch-theme-widget.widget_pmpro_login, body.ch-theme .widget_pmpro_login, body.ch-theme :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *){ position:relative!important; box-sizing:border-box!important; overflow:hidden!important; padding:22px!important; border:1px solid var(--ch-login-border)!important; border-radius:20px!important; background: radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--ch-login-accent) 12%,transparent) 0,transparent 42%), var(--ch-login-panel)!important; box-shadow:0 14px 38px rgba(15,23,42,.10)!important; } body.ch-theme .ch-theme-widget.widget_pmpro_login::before, body.ch-theme .widget_pmpro_login::before, body.ch-theme :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *)::before{ content:""; display:block; width:42px; height:4px; margin:0 0 16px; border-radius:999px; background:var(--ch-login-accent); box-shadow:0 0 18px color-mix(in srgb,var(--ch-login-accent) 35%,transparent); } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(.ch-theme-widget-title,.widget-title,h2,h3,.pmpro_card_title){ margin:0 0 8px!important; color:var(--ch-login-text)!important; font-size:clamp(1.12rem,1.8vw,1.32rem)!important; line-height:1.18!important; letter-spacing:-.025em!important; font-weight:850!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) > p:first-of-type, body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) form + p{ color:var(--ch-login-muted)!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) form{ display:grid!important; gap:14px!important; width:100%!important; margin:14px 0 0!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) form > p{ margin:0!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(label,.pmpro_form_label){ display:block!important; margin:0 0 7px!important; color:var(--ch-login-text)!important; font-size:.82rem!important; line-height:1.25!important; font-weight:800!important; letter-spacing:.01em!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"]){ display:block!important; box-sizing:border-box!important; width:100%!important; min-width:0!important; height:48px!important; min-height:48px!important; margin:0!important; padding:0 14px!important; border:1px solid var(--ch-login-border)!important; border-radius:13px!important; outline:0!important; background:var(--ch-login-panel-soft)!important; color:var(--ch-login-text)!important; -webkit-text-fill-color:var(--ch-login-text)!important; caret-color:var(--ch-login-accent)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important; font:inherit!important; font-size:16px!important; transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"]):hover{ border-color:color-mix(in srgb,var(--ch-login-accent) 38%,var(--ch-login-border))!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"]):focus{ border-color:var(--ch-login-accent)!important; background:var(--ch-login-panel)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--ch-login-accent) 18%,transparent)!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input,textarea)::placeholder{ color:var(--ch-login-muted)!important; opacity:.82!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(.login-remember,.pmpro_form_field-rememberme,.pmpro_form_field-remember_me){ display:flex!important; align-items:center!important; min-height:32px!important; color:var(--ch-login-muted)!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(.login-remember,.pmpro_form_field-rememberme,.pmpro_form_field-remember_me) label{ display:inline-flex!important; align-items:center!important; gap:9px!important; margin:0!important; color:var(--ch-login-muted)!important; font-size:.86rem!important; font-weight:700!important; cursor:pointer!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) input[type="checkbox"]{ width:18px!important; height:18px!important; min-width:18px!important; margin:0!important; accent-color:var(--ch-login-accent)!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(.login-submit,.pmpro_form_submit){ margin-top:2px!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input[type="submit"],button[type="submit"],.pmpro_btn){ display:flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; width:100%!important; min-height:48px!important; margin:0!important; padding:10px 16px!important; border:1px solid var(--ch-login-accent)!important; border-radius:13px!important; background:var(--ch-login-accent)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; font-size:.94rem!important; line-height:1!important; font-weight:850!important; text-decoration:none!important; box-shadow:0 8px 20px color-mix(in srgb,var(--ch-login-accent) 24%,transparent)!important; cursor:pointer!important; transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input[type="submit"],button[type="submit"],.pmpro_btn):hover{ filter:brightness(1.04)!important; transform:translateY(-1px)!important; box-shadow:0 10px 24px color-mix(in srgb,var(--ch-login-accent) 30%,transparent)!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input[type="submit"],button[type="submit"],.pmpro_btn):focus-visible{ outline:3px solid color-mix(in srgb,var(--ch-login-accent) 24%,transparent)!important; outline-offset:2px!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input[type="submit"],button[type="submit"],.pmpro_btn):active{ transform:translateY(0)!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(.pmpro_actions_nav,#nav,.login-links,.pmpro_login_links), body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) form ~ :is(p,div,ul){ color:var(--ch-login-muted)!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) a{ color:var(--ch-login-accent)!important; text-decoration:none!important; font-weight:750!important; text-underline-offset:3px!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) a:hover, body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) a:focus-visible{ text-decoration:underline!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(.pmpro_message,.pmpro_error,.login-error,.message,.error){ box-sizing:border-box!important; margin:0 0 14px!important; padding:11px 12px!important; border-radius:11px!important; border:1px solid color-mix(in srgb,#dc2626 38%,var(--ch-login-border))!important; background:color-mix(in srgb,#dc2626 8%,var(--ch-login-panel))!important; color:var(--ch-login-text)!important; font-size:.86rem!important; line-height:1.45!important; } html[data-ch-theme-mode="dark"] body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]), body.ch-theme-mode-dark :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]){ --ch-login-panel:var(--ch-theme-surface,#121c2b); --ch-login-panel-soft:color-mix(in srgb,var(--ch-theme-surface,#121c2b) 82%,#000 18%); --ch-login-text:var(--ch-theme-text,#f5f7fb); --ch-login-muted:var(--ch-theme-muted,#b7c4d6); --ch-login-border:var(--ch-theme-border,#2a3a50); } @media(max-width:781px){ body.ch-theme .ch-theme-widget.widget_pmpro_login, body.ch-theme .widget_pmpro_login, body.ch-theme :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *){ width:100%!important; max-width:100%!important; padding:18px!important; border-radius:17px!important; box-shadow:0 10px 28px rgba(15,23,42,.10)!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) form{ gap:12px!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input[type="text"],input[type="email"],input[type="password"],input[type="url"]){ height:46px!important; min-height:46px!important; border-radius:12px!important; } body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) :is(input[type="submit"],button[type="submit"],.pmpro_btn){ min-height:46px!important; border-radius:12px!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme :is(.widget_pmpro_login,.pmpro_login_wrap,.pmpro_login,[class*="pmpro"][class*="login"]) *{ transition:none!important; } } body.ch-theme .ch-loop-comments-composer-dock[hidden]{display:none!important} @media(max-width:782px){ body.ch-theme.ch-loops-route.ch-loops-comments-open .ch-theme-community-bar--bottom{ display:none!important; opacity:0!important; pointer-events:none!important; } body.ch-theme.ch-loops-route.ch-loops-comments-open .ch-loops-app{ inset:0!important; width:100vw!important; height:100dvh!important; max-height:100dvh!important; } body.ch-theme.ch-loops-route.ch-loops-comments-open .ch-loops-app.is-comments-open .ch-loops-feed{ height:56dvh!important; max-height:56dvh!important; } body.ch-theme.ch-loops-route.ch-loops-comments-open .ch-loops-app.is-comments-open .ch-loop-card{ height:56dvh!important; min-height:56dvh!important; } body.ch-theme.ch-loops-route.ch-loops-comments-open .ch-loop-comments-sheet{ height:44dvh!important; max-height:44dvh!important; padding-bottom:0!important; } body.ch-theme.ch-loops-route .ch-loop-comments-sheet-body{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; padding:8px 10px 10px!important; } body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock{ position:relative!important; z-index:8!important; flex:0 0 auto!important; display:block!important; width:100%!important; padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important; border-top:1px solid var(--ch-theme-border,#dbe3ec)!important; background:var(--ch-theme-surface,#fff)!important; box-shadow:0 -10px 28px rgba(2,6,23,.08)!important; } body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock[hidden]{display:none!important} body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock .ch-comment-form, body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock .ch-js-reply-form{ position:static!important; inset:auto!important; display:grid!important; width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock .ch-comment-form[hidden], body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock .ch-js-reply-form[hidden]{display:none!important} body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock :is(.ch-comment-textarea,.ch-reply-textarea){ min-height:42px!important; max-height:82px!important; margin:0!important; resize:none!important; } body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock :is(.ch-comment-form-actions,.ch-reply-actions){ margin-top:6px!important; } body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock .ch-loop-reply-docked::before{ content:"Replying to comment"!important; display:block!important; margin:0 0 5px!important; color:var(--ch-theme-muted,#64748b)!important; font-size:11px!important; font-weight:700!important; letter-spacing:.01em!important; } body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-comment-form{ top:auto!important; } } html[data-ch-theme-mode="dark"] body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock, body.ch-theme-dark.ch-loops-route .ch-loop-comments-composer-dock{ background:var(--ch-theme-surface,#111827)!important; border-color:var(--ch-theme-border,#334155)!important; } body.ch-theme .ch-loop-action-rail, body.ch-theme .ch-loop-menu-wrap, body.ch-theme .ch-loops-app .ch-loop-sound, body.ch-theme .ch-loops-app .ch-loop-fit-toggle{ transition:opacity .22s ease,transform .22s ease!important; } body.ch-theme .ch-loop-card.is-controls-hidden:not(.is-menu-open) .ch-loop-action-rail, body.ch-theme .ch-loop-card.is-controls-hidden:not(.is-menu-open) .ch-loop-menu-wrap, body.ch-theme .ch-loop-card.is-controls-hidden:not(.is-menu-open) .ch-loop-sound, body.ch-theme .ch-loop-card.is-controls-hidden:not(.is-menu-open) .ch-loop-fit-toggle{ opacity:0!important; pointer-events:none!important; } body.ch-theme .ch-loop-card.is-controls-hidden:not(.is-menu-open) .ch-loop-action-rail{transform:translateX(8px)!important} body.ch-theme .ch-loop-card.is-controls-hidden:not(.is-menu-open) .ch-loop-menu-wrap, body.ch-theme .ch-loop-card.is-controls-hidden:not(.is-menu-open) .ch-loop-sound, body.ch-theme .ch-loop-card.is-controls-hidden:not(.is-menu-open) .ch-loop-fit-toggle{transform:translateY(-4px)!important} body.ch-theme .ch-loop-meta{opacity:1!important;visibility:visible!important} body.ch-theme .ch-loop-reaction-picker{ display:grid!important; grid-template-columns:repeat(4,40px)!important; grid-auto-rows:40px!important; max-width:202px!important; } body.ch-theme .ch-loop-reaction-picker[hidden]{display:none!important} @media(max-width:782px){ body.ch-theme.ch-loops-route .ch-loops-feed{ scroll-snap-type:y mandatory!important; scroll-behavior:smooth!important; overscroll-behavior-y:contain!important; touch-action:pan-y!important; -webkit-overflow-scrolling:auto!important; } body.ch-theme.ch-loops-route .ch-loop-card{ scroll-snap-align:start!important; scroll-snap-stop:always!important; } body.ch-theme.ch-loops-route .ch-loop-reaction-picker{ grid-template-columns:repeat(4,36px)!important; grid-auto-rows:36px!important; max-width:174px!important; gap:5px!important; padding:7px!important; } body.ch-theme.ch-loops-route .ch-loop-reaction-option{ width:36px!important;min-width:36px!important;max-width:36px!important; height:36px!important;min-height:36px!important;max-height:36px!important; } body.ch-theme.ch-loops-route.ch-loops-mobile-nav-disabled .ch-theme-community-bar--bottom{display:none!important} body.ch-theme.ch-loops-route.ch-loops-mobile-nav-disabled .ch-loops-app{ inset:0!important; height:100dvh!important; max-height:100dvh!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-loop-action-rail, body.ch-theme .ch-loop-menu-wrap, body.ch-theme .ch-loops-app .ch-loop-sound, body.ch-theme .ch-loops-app .ch-loop-fit-toggle{transition:none!important} } body.ch-theme .ch-loops-tabs{ transition:opacity .22s ease,transform .22s ease!important; } body.ch-theme .ch-loops-app.is-loop-controls-hidden .ch-loops-tabs{ opacity:0!important; pointer-events:none!important; transform:translateX(-50%) translateY(-4px)!important; } body.ch-theme.ch-loops-route .ch-loops-tabs{ gap:3px!important; padding:3px!important; border-radius:999px!important; background:rgba(2,6,23,.58)!important; border:1px solid rgba(255,255,255,.18)!important; box-shadow:0 6px 18px rgba(0,0,0,.16)!important; backdrop-filter:blur(10px)!important; } body.ch-theme.ch-loops-route .ch-loops-tabs button{ min-height:28px!important; padding:5px 9px!important; border-radius:999px!important; font-size:10px!important; line-height:1!important; font-weight:900!important; } @media(max-width:782px){ body.ch-theme.ch-loops-route .ch-loops-feed{ scroll-behavior:auto!important; scroll-snap-type:y mandatory!important; overscroll-behavior-y:none!important; touch-action:pan-y!important; -webkit-overflow-scrolling:touch!important; } body.ch-theme.ch-loops-route .ch-loop-card{ scroll-snap-align:start!important; scroll-snap-stop:always!important; } body.ch-theme.ch-loops-route .ch-loops-tabs{ top:max(8px,env(safe-area-inset-top))!important; max-width:calc(100vw - 112px)!important; } body.ch-theme.ch-loops-route .ch-loops-tabs button{ min-height:26px!important; padding:5px 8px!important; font-size:9.5px!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-loops-tabs{transition:none!important} } @media(min-width:783px){ body.ch-theme .ch-loops-app.is-loop-controls-hidden .ch-loops-tabs{ opacity:1!important; pointer-events:auto!important; transform:translateX(-50%)!important; } } @media(max-width:782px){ body.ch-theme.ch-loops-route .ch-loops-app.is-discrete-mobile-swipe .ch-loops-feed{ touch-action:none!important; -webkit-overflow-scrolling:auto!important; scroll-behavior:auto!important; overscroll-behavior-y:none!important; } body.ch-theme.ch-loops-route .ch-loops-app.is-discrete-mobile-swipe .ch-loop-card{ scroll-snap-align:start!important; scroll-snap-stop:always!important; } } @media(min-width:783px){ body.ch-theme.ch-loops-route .ch-loops-tabs, body.ch-theme.ch-loops-route .ch-loops-app.is-loop-controls-hidden .ch-loops-tabs{ opacity:1!important; pointer-events:auto!important; transform:none!important; } } @media(max-width:782px){ body.ch-theme .ch-loops-app.is-loop-filters-hidden .ch-loops-tabs{ opacity:0!important; pointer-events:none!important; transform:translateY(-4px)!important; } } @media(min-width:783px){ body.ch-theme .ch-loops-app.is-loop-filters-hidden .ch-loops-tabs{ opacity:1!important; pointer-events:auto!important; transform:none!important; } } @media(max-width:782px){ body.ch-theme.ch-loops-route .ch-loops-tabs{ transition:opacity .22s ease!important; transform:none!important; } body.ch-theme.ch-loops-route .ch-loops-app.is-loop-controls-hidden .ch-loops-tabs, body.ch-theme.ch-loops-route .ch-loops-app.is-loop-filters-hidden .ch-loops-tabs{ opacity:0!important; pointer-events:none!important; transform:none!important; } } @media(max-width:782px){ body.ch-theme.ch-loops-route .ch-loops-tabs, body.ch-theme.ch-loops-route .ch-loops-app.is-loop-controls-hidden .ch-loops-tabs, body.ch-theme.ch-loops-route .ch-loops-app.is-loop-filters-hidden .ch-loops-tabs{ left:50%!important; right:auto!important; margin-left:0!important; margin-right:0!important; transform:translateX(-50%)!important; transition:opacity .22s ease!important; } } @media(max-width:782px){ body.ch-theme.ch-loops-route.ch-loops-comments-open .ch-loops-app.is-comments-open .ch-loops-feed{ height:48dvh!important; max-height:48dvh!important; } body.ch-theme.ch-loops-route.ch-loops-comments-open .ch-loops-app.is-comments-open .ch-loop-card{ height:48dvh!important; min-height:48dvh!important; } body.ch-theme.ch-loops-route.ch-loops-comments-open .ch-loop-comments-sheet{ height:52dvh!important; max-height:52dvh!important; } } @media(max-width:782px){ body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-comment-reaction-wrap{ overflow:visible!important; position:relative!important; } body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-reaction-trigger{ touch-action:none!important; -webkit-user-select:none!important; user-select:none!important; } body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-comment-actions{ overflow:visible!important; } } @media(min-width:783px){ body.ch-theme.ch-loops-route .ch-loop-comments-sheet-body{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; padding:10px 12px!important; } body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock{ position:relative!important; z-index:8!important; flex:0 0 auto!important; display:block!important; width:100%!important; padding:10px 12px 12px!important; border-top:1px solid var(--ch-theme-border,#dbe3ec)!important; background:var(--ch-theme-surface,#fff)!important; box-shadow:0 -10px 28px rgba(2,6,23,.08)!important; } body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock[hidden]{display:none!important} body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock .ch-comment-form, body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock .ch-js-reply-form{ position:static!important; inset:auto!important; display:grid!important; width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock .ch-comment-form[hidden], body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock .ch-js-reply-form[hidden]{display:none!important} body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock :is(.ch-comment-textarea,.ch-reply-textarea){ min-height:48px!important; max-height:100px!important; margin:0!important; resize:vertical!important; } body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock :is(.ch-comment-form-actions,.ch-reply-actions){margin-top:7px!important} body.ch-theme.ch-loops-route .ch-loop-comments-composer-dock .ch-loop-reply-docked::before{ content:"Replying to comment"!important; display:block!important; margin:0 0 6px!important; color:var(--ch-theme-muted,#64748b)!important; font-size:11px!important; font-weight:700!important; } body.ch-theme.ch-loops-route .ch-loop-comments-sheet .ch-loop-comments-composer-dock .ch-comment-form{ top:auto!important; } } .ch-theme .ch-forums-page{--ch-forum-surface:var(--ch-surface,#fff);--ch-forum-muted:var(--ch-text-muted,#667085);display:grid;gap:16px} .ch-theme .ch-forums-page-header{border:1px solid color-mix(in srgb,var(--ch-border,#d8e0ea) 86%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--ch-surface,#fff) 96%,var(--ch-accent,#2563eb) 4%),var(--ch-surface,#fff));box-shadow:0 15px 34px rgba(18,38,63,.08);border-radius:20px} .ch-theme .ch-forum-row,.ch-theme .ch-forum-topic-row,.ch-theme .ch-forum-post-card,.ch-theme .ch-forum-composer{border-radius:18px!important;border-color:color-mix(in srgb,var(--ch-border,#dbe3ec) 88%,transparent)!important;box-shadow:0 10px 28px rgba(20,39,63,.065);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .ch-theme .ch-forum-row:hover,.ch-theme .ch-forum-topic-row:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(20,39,63,.11);border-color:color-mix(in srgb,var(--ch-accent,#2563eb) 35%,var(--ch-border,#dbe3ec))!important} .ch-theme .ch-forum-post-card{position:relative;overflow:visible} .ch-theme .ch-forum-post-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)} .ch-theme .ch-forum-post-avatar{flex:0 0 auto;position:relative;isolation:isolate} .ch-theme .ch-forum-post-avatar img{width:48px;height:48px;object-fit:cover} .ch-theme .ch-forum-link-preview .ch-link-preview-card{border-radius:15px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ch-border,#dbe3ec) 90%,transparent);background:color-mix(in srgb,var(--ch-surface,#fff) 97%,var(--ch-accent,#2563eb) 3%);box-shadow:0 10px 24px rgba(17,35,57,.08)} .ch-theme .ch-forum-link-preview .ch-link-preview-image{min-width:150px} .ch-theme .ch-forum-link-preview .ch-link-preview-image img{width:100%;height:100%;object-fit:cover} .ch-theme .ch-forum-original-post{background:color-mix(in srgb,var(--ch-accent,#2563eb) 10%,var(--ch-surface,#fff));color:var(--ch-accent,#2563eb)} .ch-theme .ch-forum-topic-copy strong,.ch-theme .ch-forum-row-copy strong{font-size:1rem;line-height:1.3} .ch-theme .ch-forum-topic-meta{align-self:center;padding:7px 10px;border-radius:12px;background:color-mix(in srgb,var(--ch-surface,#fff) 94%,var(--ch-accent,#2563eb) 6%)} .ch-theme .ch-forum-form-actions button{box-shadow:0 8px 20px color-mix(in srgb,var(--ch-accent,#2563eb) 22%,transparent);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease} .ch-theme .ch-forum-form-actions button:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 12px 26px color-mix(in srgb,var(--ch-accent,#2563eb) 28%,transparent)} html[data-ch-theme-mode="dark"] .ch-theme .ch-forums-page-header,body.ch-theme-mode-dark .ch-theme .ch-forums-page-header{background:linear-gradient(135deg,#152235,#111b2a);border-color:#31445b;box-shadow:0 18px 40px rgba(0,0,0,.24)} html[data-ch-theme-mode="dark"] .ch-theme .ch-forum-row,html[data-ch-theme-mode="dark"] .ch-theme .ch-forum-topic-row,html[data-ch-theme-mode="dark"] .ch-theme .ch-forum-post-card,html[data-ch-theme-mode="dark"] .ch-theme .ch-forum-composer,body.ch-theme-mode-dark .ch-theme .ch-forum-row,body.ch-theme-mode-dark .ch-theme .ch-forum-topic-row,body.ch-theme-mode-dark .ch-theme .ch-forum-post-card,body.ch-theme-mode-dark .ch-theme .ch-forum-composer{background:#121d2c!important;border-color:#30435a!important;box-shadow:0 12px 30px rgba(0,0,0,.22)} html[data-ch-theme-mode="dark"] .ch-theme .ch-forum-topic-meta,body.ch-theme-mode-dark .ch-theme .ch-forum-topic-meta{background:#18263a} @media(max-width:700px){.ch-theme .ch-forums-page{gap:12px}.ch-theme .ch-forums-page-header,.ch-theme .ch-forum-row,.ch-theme .ch-forum-topic-row,.ch-theme .ch-forum-post-card,.ch-theme .ch-forum-composer{border-radius:15px!important}.ch-theme .ch-forum-link-preview .ch-link-preview-card{display:grid}.ch-theme .ch-forum-link-preview .ch-link-preview-image{width:100%;height:150px}.ch-theme .ch-forum-topic-meta{min-width:72px}} @media(prefers-reduced-motion:reduce){.ch-theme .ch-forum-row,.ch-theme .ch-forum-topic-row,.ch-theme .ch-forum-form-actions button{transition:none!important;transform:none!important}} body.ch-theme .ch-forums-page{ --ch-forum-bg:#ffffff; --ch-forum-bg-soft:#f7f9fc; --ch-forum-text:#172033; --ch-forum-text-strong:#0f172a; --ch-forum-muted:#5f6f82; --ch-forum-border:#dbe3ec; --ch-forum-link:var(--ch-theme-accent,#1769d2); } body.ch-theme .ch-forums-page, body.ch-theme .ch-forums-page :is(.ch-forums-page-header,.ch-forum-row,.ch-forum-topic-row,.ch-forum-post-card,.ch-forum-composer,.ch-forums-empty,.ch-forum-login-note,.ch-group-forum-intro,.ch-group-forum-recent,.ch-group-forum-stats span){ color:var(--ch-forum-text)!important; } body.ch-theme .ch-forums-page :is(h1,h2,h3,h4,h5,h6,.ch-forum-row-copy strong,.ch-forum-topic-copy strong,.ch-forum-topic-meta strong,.ch-forum-post-author strong,.ch-forum-composer-heading strong,.ch-forum-row-stats strong,.ch-forum-header-stats strong){ color:var(--ch-forum-text-strong)!important; } body.ch-theme .ch-forums-page :is(.ch-forums-page-header p,.ch-forums-eyebrow,.ch-forum-row-copy span,.ch-forum-row-copy small,.ch-forum-topic-copy span,.ch-forum-topic-meta,.ch-forum-topic-meta span,.ch-forum-topic-meta small,.ch-forum-post-author span,.ch-forum-form-status,.ch-forums-breadcrumb,.ch-forum-login-note,.ch-forums-empty p,.ch-forum-row-stats span,.ch-forum-header-stats span,.ch-group-forum-recent span,.ch-forum-explicit-toggle small){ color:var(--ch-forum-muted)!important; } body.ch-theme .ch-forums-page :is(.ch-forum-post-content,.ch-forum-post-content p,.ch-forum-post-content li,.ch-forum-composer label,.ch-forum-explicit-toggle){ color:var(--ch-forum-text)!important; } body.ch-theme .ch-forums-page a:not(.ch-group-primary-action):not(.ch-forum-form-actions button){ color:inherit; } body.ch-theme .ch-forums-page :is(.ch-forum-post-content a,.ch-forums-breadcrumb a,.ch-forum-group-link,.ch-forum-children a){ color:var(--ch-forum-link)!important; } body.ch-theme .ch-forums-page :is(.ch-forums-page-header,.ch-forum-topic-row,.ch-forum-post-card,.ch-forum-composer,.ch-forums-empty,.ch-forum-login-note,.ch-group-forum-intro,.ch-group-forum-recent,.ch-group-forum-stats span){ background-color:var(--ch-forum-bg)!important; border-color:var(--ch-forum-border)!important; } body.ch-theme .ch-forums-page :is(.ch-forum-topic-meta,.ch-forum-row-icon,.ch-forum-explicit-toggle){ background-color:var(--ch-forum-bg-soft)!important; border-color:var(--ch-forum-border)!important; } body.ch-theme .ch-forums-page .ch-forum-composer :is(input,textarea,select){ background:#fff!important; color:#172033!important; border-color:#cfd9e5!important; caret-color:#172033!important; } body.ch-theme .ch-forums-page .ch-forum-composer :is(input,textarea)::placeholder{color:#7a8798!important;opacity:1!important} body.ch-theme .ch-forums-page .ch-forum-action-button, body.ch-theme .ch-forums-page .ch-forum-react-button, body.ch-theme .ch-forums-page .ch-forum-mini-action{ background:#fff!important; color:#26364a!important; border-color:#d7e0ea!important; } body.ch-theme .ch-forums-page .ch-forum-action-button:hover, body.ch-theme .ch-forums-page .ch-forum-react-button:hover, body.ch-theme .ch-forums-page .ch-forum-mini-action:hover{ background:#f4f8fd!important; color:#172033!important; } body.ch-theme .ch-forums-page .ch-forum-action-button.is-active, body.ch-theme .ch-forums-page .ch-forum-react-button.is-active{ background:#edf5ff!important; color:#1459a6!important; border-color:#8fb4ef!important; } body.ch-theme .ch-forums-page .ch-forum-action-button.is-danger{color:#a62b2b!important} body.ch-theme .ch-forums-page .ch-forum-post-card.is-reaction-picker-open{ overflow:visible!important; z-index:80!important; isolation:isolate!important; } body.ch-theme .ch-forums-page .ch-topic-thread, body.ch-theme .ch-forums-page .ch-forum-post-engagement, body.ch-theme .ch-forums-page .ch-forum-reaction-control{ overflow:visible!important; } body.ch-theme .ch-forums-page .ch-forum-post-card--reply .ch-forum-reaction-picker{ top:calc(100% + 8px)!important; bottom:auto!important; left:0!important; z-index:9999!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page, body.ch-theme-mode-dark .ch-forums-page, body.ch-theme-dark-mode .ch-forums-page{ --ch-forum-bg:#121d2c; --ch-forum-bg-soft:#18263a; --ch-forum-text:#e7eef8; --ch-forum-text-strong:#f8fbff; --ch-forum-muted:#afbdd0; --ch-forum-border:#30435a; --ch-forum-link:#8fc5ff; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page :is(.ch-forums-page-header,.ch-forum-topic-row,.ch-forum-post-card,.ch-forum-composer,.ch-forums-empty,.ch-forum-login-note,.ch-group-forum-intro,.ch-group-forum-recent,.ch-group-forum-stats span), body.ch-theme-mode-dark .ch-forums-page :is(.ch-forums-page-header,.ch-forum-topic-row,.ch-forum-post-card,.ch-forum-composer,.ch-forums-empty,.ch-forum-login-note,.ch-group-forum-intro,.ch-group-forum-recent,.ch-group-forum-stats span){ background-color:var(--ch-forum-bg)!important; border-color:var(--ch-forum-border)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page :is(.ch-forum-topic-meta,.ch-forum-row-icon,.ch-forum-explicit-toggle), body.ch-theme-mode-dark .ch-forums-page :is(.ch-forum-topic-meta,.ch-forum-row-icon,.ch-forum-explicit-toggle){ background-color:var(--ch-forum-bg-soft)!important; border-color:var(--ch-forum-border)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer :is(input,textarea,select), body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer :is(input,textarea,select){ background:#0e1825!important; color:#f1f6fc!important; border-color:#38506b!important; caret-color:#f1f6fc!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer :is(input,textarea)::placeholder, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer :is(input,textarea)::placeholder{color:#91a3b8!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page :is(.ch-forum-action-button,.ch-forum-react-button,.ch-forum-mini-action), body.ch-theme-mode-dark .ch-forums-page :is(.ch-forum-action-button,.ch-forum-react-button,.ch-forum-mini-action){ background:#152235!important; color:#eaf2fc!important; border-color:#33475f!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page :is(.ch-forum-action-button,.ch-forum-react-button,.ch-forum-mini-action):hover, body.ch-theme-mode-dark .ch-forums-page :is(.ch-forum-action-button,.ch-forum-react-button,.ch-forum-mini-action):hover{ background:#1a2a40!important; color:#fff!important; border-color:#526d8d!important; } @media(max-width:700px){ body.ch-theme .ch-forums-page .ch-forum-post-card--reply .ch-forum-reaction-picker{ left:0!important; right:auto!important; max-width:min(230px,calc(100vw - 34px))!important; } } body > .ch-forum-reaction-picker.is-forum-reaction-portal{ position:fixed!important; right:auto!important; bottom:auto!important; z-index:2147483000!important; margin:0!important; transform:none!important; width:max-content!important; max-width:calc(100vw - 20px)!important; overflow:visible!important; pointer-events:auto!important; } body > .ch-forum-reaction-picker.is-forum-reaction-portal[hidden]{display:none!important} @media(max-width:700px){ body > .ch-forum-reaction-picker.is-forum-reaction-portal{ grid-template-columns:repeat(4,40px)!important; max-width:calc(100vw - 20px)!important; } } body.ch-theme .ch-forums-page .ch-forum-post-menu{margin-left:auto!important;flex:0 0 auto!important} body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle{box-shadow:0 4px 14px rgba(18,35,54,.08);transition:background .15s ease,border-color .15s ease,transform .15s ease} body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ch-accent,#2f7df4) 45%,var(--ch-border,#dbe3ec))} @media(max-width:700px){body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown{left:12px!important;right:12px!important;width:auto!important;max-width:none!important;border-radius:17px!important}} body.ch-theme .ch-forums-page .ch-forum-post-menu{ position:relative!important; z-index:45!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle{ position:relative!important; display:inline-grid!important; place-items:center!important; width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; padding:0!important; border:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 88%,transparent)!important; border-radius:11px!important; background:color-mix(in srgb,var(--ch-theme-surface,#fff) 92%,var(--ch-theme-surface-soft,#f5f7fa) 8%)!important; color:transparent!important; font-size:0!important; line-height:1!important; letter-spacing:0!important; box-shadow:0 2px 8px rgba(15,23,42,.06)!important; transform:none!important; transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important; overflow:hidden!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle::before{ content:""!important; width:4px!important; height:4px!important; border-radius:50%!important; background:var(--ch-theme-text-muted,#64748b)!important; box-shadow:0 -6px 0 var(--ch-theme-text-muted,#64748b),0 6px 0 var(--ch-theme-text-muted,#64748b)!important; opacity:.94!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle:hover, body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle:focus-visible, body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle[aria-expanded="true"]{ background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 8%,var(--ch-theme-surface,#fff) 92%)!important; border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 42%,var(--ch-theme-border,#dbe3ec))!important; box-shadow:0 5px 16px color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 12%,transparent)!important; transform:translateY(-1px)!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle:focus-visible{ outline:2px solid color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 55%,transparent)!important; outline-offset:2px!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown{ min-width:188px!important; padding:7px!important; border:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 94%,transparent)!important; border-radius:14px!important; background:color-mix(in srgb,var(--ch-theme-surface,#fff) 97%,transparent)!important; box-shadow:0 18px 44px rgba(15,23,42,.16)!important; backdrop-filter:blur(16px)!important; -webkit-backdrop-filter:blur(16px)!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown :is(button,a){ min-height:40px!important; gap:9px!important; padding:9px 11px!important; border-radius:9px!important; color:var(--ch-theme-text,#172033)!important; font-size:13px!important; font-weight:750!important; line-height:1.25!important; transition:background .14s ease,color .14s ease,transform .14s ease!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown :is(button,a):hover, body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown :is(button,a):focus-visible{ background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 8%,var(--ch-theme-surface-soft,#f5f7fa) 92%)!important; color:var(--ch-theme-text,#172033)!important; transform:translateX(1px)!important; outline:none!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown .is-danger{ margin-top:5px!important; border-top:1px solid var(--ch-theme-border,#dbe3ec)!important; border-radius:0 0 9px 9px!important; padding-top:11px!important; color:#b42318!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown .is-danger:hover, body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown .is-danger:focus-visible{ background:rgba(180,35,24,.075)!important; color:#9f1f16!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle, body.ch-theme-mode-dark .ch-forums-page .ch-forum-post-menu-toggle, body.ch-theme-dark .ch-forums-page .ch-forum-post-menu-toggle{ background:color-mix(in srgb,var(--ch-theme-surface,#111d2c) 94%,#000 6%)!important; border-color:var(--ch-theme-border,#33475f)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown, body.ch-theme-mode-dark .ch-forums-page .ch-forum-post-menu-dropdown, body.ch-theme-dark .ch-forums-page .ch-forum-post-menu-dropdown{ background:color-mix(in srgb,var(--ch-theme-surface,#111d2c) 97%,#000 3%)!important; border-color:var(--ch-theme-border,#33475f)!important; box-shadow:0 20px 48px rgba(0,0,0,.38)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown :is(button,a), body.ch-theme-mode-dark .ch-forums-page .ch-forum-post-menu-dropdown :is(button,a), body.ch-theme-dark .ch-forums-page .ch-forum-post-menu-dropdown :is(button,a){ color:var(--ch-theme-text,#edf4ff)!important; } @media(max-width:700px){ body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle{ width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; border-radius:12px!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown{ left:12px!important; right:12px!important; width:auto!important; max-width:none!important; padding:8px!important; border-radius:18px!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-dropdown :is(button,a){ min-height:48px!important; padding:11px 13px!important; border-radius:11px!important; font-size:14px!important; } } body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle{ position:relative!important; width:34px!important; height:34px!important; min-width:34px!important; padding:0!important; font-size:0!important; line-height:0!important; letter-spacing:0!important; text-indent:-9999px!important; overflow:hidden!important; } body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle::before{ content:""!important; position:absolute!important; left:50%!important; top:50%!important; width:4px!important; height:4px!important; border-radius:50%!important; background:currentColor!important; transform:translate(-50%,-50%)!important; box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor!important; } @media (hover:hover) and (pointer:fine){ body.ch-theme .ch-forums-page .ch-forum-post-menu-toggle{cursor:default!important} body.ch-theme .ch-forums-page .ch-forum-post-menu.is-menu-open .ch-forum-post-menu-dropdown{display:block!important} } body.ch-theme .ch-forums-phase3-hero{overflow:hidden;position:relative;padding:26px!important} body.ch-theme .ch-forums-phase3-hero::before{ content:"";position:absolute;inset:auto -80px -110px auto;width:260px;height:260px;border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--ch-accent,#2f7df4) 20%,transparent),transparent 68%);pointer-events:none } body.ch-theme .ch-forums-pulse-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} body.ch-theme .ch-forums-pulse-stats>span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--ch-border,#dbe3ec);border-radius:999px;background:color-mix(in srgb,var(--ch-surface,#fff) 88%,var(--ch-accent,#2f7df4) 12%);font-size:.76rem;color:var(--ch-text-muted,#64748b)} body.ch-theme .ch-forums-pulse-stats strong{font-size:.84rem;color:var(--ch-text,#182433)} body.ch-theme .ch-forums-pulse-stats .is-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.38);animation:chForumLivePulse 1.8s infinite} @keyframes chForumLivePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.38)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}} body.ch-theme .ch-forum-discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px} body.ch-theme .ch-forum-discovery-card{position:relative;overflow:hidden;border:1px solid var(--ch-border,#dbe3ec);border-radius:18px;background:var(--ch-surface,#fff);box-shadow:0 12px 28px rgba(18,38,63,.07)} body.ch-theme .ch-forum-discovery-card>header{padding:15px 15px 11px;border-bottom:1px solid color-mix(in srgb,var(--ch-border,#dbe3ec) 72%,transparent)} body.ch-theme .ch-forum-discovery-card>header span{display:block;margin-bottom:2px;text-transform:uppercase;letter-spacing:.08em;font-size:.63rem;font-weight:900;color:var(--ch-text-muted,#64748b)} body.ch-theme .ch-forum-discovery-card>header h2{margin:0!important;font-size:1rem!important;color:var(--ch-text,#182433)!important} body.ch-theme .ch-forum-discovery-card.is-hot>header{background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(239,68,68,.035))} body.ch-theme .ch-forum-discovery-card.is-fresh>header{background:linear-gradient(135deg,rgba(47,125,244,.09),rgba(14,165,233,.035))} body.ch-theme .ch-forum-discovery-card.is-unanswered>header{background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(236,72,153,.03))} body.ch-theme .ch-forum-discovery-list{display:grid;padding:5px} body.ch-theme .ch-forum-discovery-topic{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border-radius:12px;text-decoration:none!important;color:inherit!important;transition:background .16s ease,transform .16s ease} body.ch-theme .ch-forum-discovery-topic:hover{background:color-mix(in srgb,var(--ch-accent,#2f7df4) 8%,transparent);transform:translateY(-1px)} body.ch-theme .ch-forum-discovery-avatar img{display:block;width:38px;height:38px;object-fit:cover;border-radius:50%} body.ch-theme .ch-forum-discovery-copy{display:grid;gap:2px;min-width:0} body.ch-theme .ch-forum-discovery-copy strong{font-size:.82rem;line-height:1.25;color:var(--ch-text,#182433);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.ch-theme .ch-forum-discovery-copy small{font-size:.67rem;color:var(--ch-text-muted,#64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.ch-theme .ch-forum-discovery-stats{display:grid;gap:2px;justify-items:end;font-size:.64rem;color:var(--ch-text-muted,#64748b)} body.ch-theme .ch-forum-discovery-empty{margin:0;padding:18px 14px;color:var(--ch-text-muted,#64748b);font-size:.78rem} body.ch-theme .ch-forum-directory-heading{margin-top:2px} body.ch-theme .ch-forum-topic-row{position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} body.ch-theme .ch-forum-topic-row:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(18,38,63,.08)} body.ch-theme .ch-forum-momentum-badge.is-hot{animation:chForumHotBreath 2.2s ease-in-out infinite} @keyframes chForumHotBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}} body.ch-theme .is-new-forum-entry{animation:chForumNewEntry .72s cubic-bezier(.22,.8,.25,1)} @keyframes chForumNewEntry{0%{opacity:0;transform:translateY(14px) scale(.985);box-shadow:0 0 0 2px color-mix(in srgb,var(--ch-accent,#2f7df4) 25%,transparent)}65%{opacity:1;transform:translateY(-2px) scale(1.004)}100%{opacity:1;transform:none;box-shadow:none}} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-discovery-card, body.ch-theme-mode-dark .ch-forum-discovery-card, body.ch-theme-dark .ch-forum-discovery-card{background:#121e2e;border-color:#31445b;box-shadow:0 14px 34px rgba(0,0,0,.22)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-discovery-card>header, body.ch-theme-mode-dark .ch-forum-discovery-card>header, body.ch-theme-dark .ch-forum-discovery-card>header{border-bottom-color:#2b3d52} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-discovery-copy strong, body.ch-theme-mode-dark .ch-forum-discovery-copy strong, body.ch-theme-dark .ch-forum-discovery-copy strong, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-discovery-card>header h2, body.ch-theme-mode-dark .ch-forum-discovery-card>header h2, body.ch-theme-dark .ch-forum-discovery-card>header h2{color:#eef5ff!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-pulse-stats>span, body.ch-theme-mode-dark .ch-forums-pulse-stats>span, body.ch-theme-dark .ch-forums-pulse-stats>span{background:#162539;border-color:#33475f;color:#b8c8dc} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-pulse-stats strong, body.ch-theme-mode-dark .ch-forums-pulse-stats strong, body.ch-theme-dark .ch-forums-pulse-stats strong{color:#f3f7fd} @media(max-width:980px){body.ch-theme .ch-forum-discovery-grid{grid-template-columns:1fr 1fr}body.ch-theme .ch-forum-discovery-card.is-unanswered{grid-column:1/-1}} @media(max-width:700px){ body.ch-theme .ch-forums-phase3-hero{padding:19px!important} body.ch-theme .ch-forum-discovery-grid{grid-template-columns:1fr;gap:10px} body.ch-theme .ch-forum-discovery-card.is-unanswered{grid-column:auto} body.ch-theme .ch-forum-discovery-topic{grid-template-columns:36px minmax(0,1fr) auto;padding:9px} body.ch-theme .ch-forum-discovery-avatar img{width:36px;height:36px} body.ch-theme .ch-forum-post-menu-toggle{width:36px!important;height:36px!important;min-width:36px!important} } @media(prefers-reduced-motion:reduce){body.ch-theme .ch-forums-pulse-stats .is-live i,body.ch-theme .ch-forum-momentum-badge.is-hot,body.ch-theme .is-new-forum-entry{animation:none!important}} body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal{ position:fixed!important; z-index:2147482500!important; display:grid!important; min-width:190px!important; padding:7px!important; border:1px solid #d7e0ea!important; border-radius:14px!important; background:rgba(255,255,255,.985)!important; color:#182433!important; box-shadow:0 20px 50px rgba(15,23,42,.22)!important; backdrop-filter:blur(16px)!important; overflow:visible!important; } body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal[hidden]{display:none!important} body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a){ display:flex!important;align-items:center!important;width:100%!important;min-height:40px!important; padding:9px 11px!important;border:0!important;border-radius:9px!important;background:transparent!important; color:#1d2a3a!important;text-decoration:none!important;text-align:left!important;font:inherit!important;font-weight:750!important; cursor:pointer!important;transition:background .14s ease,color .14s ease!important; } body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a):hover, body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a):focus-visible{background:#edf4fc!important;color:#0f1c2b!important} body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal .is-danger{margin-top:4px!important;border-top:1px solid #e0e7ef!important;border-radius:0 0 9px 9px!important;color:#b42318!important} body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal .is-danger:hover, body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal .is-danger:focus-visible{background:#fff0ef!important;color:#9f1f16!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal, body.ch-theme-mode-dark .ch-forum-post-menu-dropdown.is-forum-menu-portal, body.ch-theme-dark .ch-forum-post-menu-dropdown.is-forum-menu-portal{ background:rgba(16,27,42,.985)!important;border-color:#33475f!important;color:#edf4ff!important;box-shadow:0 22px 52px rgba(0,0,0,.44)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a), body.ch-theme-mode-dark .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a), body.ch-theme-dark .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a){color:#edf4ff!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a):hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a):focus-visible, body.ch-theme-mode-dark .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a):hover, body.ch-theme-mode-dark .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a):focus-visible, body.ch-theme-dark .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a):hover, body.ch-theme-dark .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a):focus-visible{background:#20324a!important;color:#fff!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal .is-danger, body.ch-theme-mode-dark .ch-forum-post-menu-dropdown.is-forum-menu-portal .is-danger, body.ch-theme-dark .ch-forum-post-menu-dropdown.is-forum-menu-portal .is-danger{border-top-color:#33475f!important;color:#ff9c9c!important} @media(max-width:700px){body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal{min-width:220px!important;max-width:calc(100vw - 24px)!important;padding:8px!important;border-radius:17px!important}body.ch-theme .ch-forum-post-menu-dropdown.is-forum-menu-portal :is(button,a){min-height:46px!important;padding:11px 13px!important;font-size:.94rem!important;border-radius:11px!important}} body.ch-theme .ch-forum-discovery-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important} body.ch-theme .ch-forum-discovery-card.is-continue>header{background:linear-gradient(135deg,rgba(16,185,129,.10),rgba(47,125,244,.04))!important} body.ch-theme .ch-forum-unread-pill, body.ch-theme .ch-forum-unread-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:20px!important;padding:2px 7px!important;border-radius:999px!important;background:color-mix(in srgb,var(--ch-accent,#2f7df4) 15%,#fff 85%)!important;color:color-mix(in srgb,var(--ch-accent,#2f7df4) 84%,#0f172a 16%)!important;border:1px solid color-mix(in srgb,var(--ch-accent,#2f7df4) 24%,transparent)!important;font-style:normal!important;font-size:.64rem!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important} body.ch-theme .ch-forum-topic-title-line .ch-forum-unread-badge{margin-left:5px!important} body.ch-theme .ch-forum-return-banner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important;padding:10px 13px!important;border:1px solid color-mix(in srgb,var(--ch-accent,#2f7df4) 25%,var(--ch-border,#dbe3ec))!important;border-radius:14px!important;background:color-mix(in srgb,var(--ch-surface,#fff) 88%,var(--ch-accent,#2f7df4) 12%)!important;color:var(--ch-text,#182433)!important;box-shadow:0 8px 20px rgba(18,38,63,.05)!important} body.ch-theme .ch-forum-return-banner a{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:6px 10px!important;border-radius:999px!important;background:var(--ch-accent,#2f7df4)!important;color:#fff!important;text-decoration:none!important;font-size:.72rem!important;font-weight:900!important;white-space:nowrap!important} body.ch-theme .ch-forum-post-card[id]{scroll-margin-top:110px!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-unread-pill, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-unread-badge, body.ch-theme-mode-dark .ch-forum-unread-pill,body.ch-theme-mode-dark .ch-forum-unread-badge, body.ch-theme-dark .ch-forum-unread-pill,body.ch-theme-dark .ch-forum-unread-badge{background:#173758!important;color:#b9dcff!important;border-color:#315c86!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-return-banner, body.ch-theme-mode-dark .ch-forum-return-banner,body.ch-theme-dark .ch-forum-return-banner{background:#16283d!important;border-color:#315477!important;color:#eef5ff!important} @media(max-width:700px){body.ch-theme .ch-forum-return-banner{align-items:flex-start!important;flex-direction:column!important}body.ch-theme .ch-forum-return-banner a{width:100%!important;justify-content:center!important}.ch-forum-discovery-grid{grid-template-columns:1fr!important}} nn/**/nbody.ch-theme .ch-forums-page .ch-forum-post-menu-toggle{n display:grid!important;place-items:center!important;text-indent:0!important;color:var(--ch-theme-text-muted,#64748b)!important;n}nbody.ch-theme .ch-forums-page .ch-forum-post-menu-toggle::before{content:none!important;display:none!important;box-shadow:none!important}nbody.ch-theme .ch-forums-page .ch-forum-kebab{n display:grid!important;grid-template-rows:repeat(3,4px)!important;align-content:center!important;justify-items:center!important;gap:3px!important;n width:14px!important;height:22px!important;pointer-events:none!important;n}nbody.ch-theme .ch-forums-page .ch-forum-kebab i{display:block!important;width:4px!important;height:4px!important;border-radius:999px!important;background:currentColor!important;margin:0!important;padding:0!important}nnbody.ch-theme .ch-forums-page .ch-forum-composer-editor{n border:1px solid var(--ch-theme-border,#dbe3ec);border-radius:16px;background:var(--ch-theme-surface,#fff);overflow:hidden;n box-shadow:0 7px 20px rgba(15,23,42,.045);n}nbody.ch-theme .ch-forums-page .ch-forum-composer-toolbar{n display:flex;align-items:center;gap:6px;padding:8px 9px;border-bottom:1px solid var(--ch-theme-border,#dbe3ec);n background:color-mix(in srgb,var(--ch-theme-surface-soft,#f5f7fa) 76%,var(--ch-theme-surface,#fff) 24%);n}nbody.ch-theme .ch-forums-page .ch-forum-composer-toolbar button{n width:34px;height:32px;min-width:34px;padding:0!important;border:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 85%,transparent)!important;n border-radius:9px!important;background:var(--ch-theme-surface,#fff)!important;color:var(--ch-theme-text,#172033)!important;display:grid!important;place-items:center!important;n font-size:13px!important;line-height:1!important;box-shadow:none!important;transition:background .14s ease,border-color .14s ease,transform .14s ease!important;n}nbody.ch-theme .ch-forums-page .ch-forum-composer-toolbar button:hover,nbody.ch-theme .ch-forums-page .ch-forum-composer-toolbar button:focus-visible{n background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 9%,var(--ch-theme-surface,#fff) 91%)!important;n border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 42%,var(--ch-theme-border,#dbe3ec))!important;transform:translateY(-1px)!important;n}nbody.ch-theme .ch-forums-page .ch-forum-composer-editor>label{margin:0!important;display:block!important}nbody.ch-theme .ch-forums-page .ch-forum-composer-editor textarea{n width:100%!important;min-height:150px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;resize:vertical!important;n background:var(--ch-theme-surface,#fff)!important;color:var(--ch-theme-text,#172033)!important;padding:14px 15px!important;n}nbody.ch-theme .ch-forums-page .ch-forum-composer-editor textarea:focus{outline:none!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 34%,transparent)!important}nbody.ch-theme .ch-forums-page .ch-forum-composer-meta{n display:flex;justify-content:space-between;gap:12px;padding:7px 11px;border-top:1px solid var(--ch-theme-border,#dbe3ec);n background:color-mix(in srgb,var(--ch-theme-surface-soft,#f5f7fa) 68%,var(--ch-theme-surface,#fff) 32%);color:var(--ch-theme-text-muted,#64748b);font-size:11px;font-weight:700;n}nbody.ch-theme .ch-forums-page .ch-forum-action-button[data-ch-forum-toggle="subscription"].is-active .ch-forum-action-icon{animation:chForumWatchBell .55s cubic-bezier(.2,.8,.2,1)}n@keyframes chForumWatchBell{0%{transform:rotate(0)}25%{transform:rotate(-12deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}100%{transform:rotate(0)}}nhtml[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-editor,nbody.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-editor,body.ch-theme-dark .ch-forums-page .ch-forum-composer-editor{background:#121e2e;border-color:#33475f}nhtml[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toolbar,nbody.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toolbar,body.ch-theme-dark .ch-forums-page .ch-forum-composer-toolbar,nhtml[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-meta,nbody.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-meta,body.ch-theme-dark .ch-forums-page .ch-forum-composer-meta{background:#162539;border-color:#33475f;color:#b8c8dc}nhtml[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toolbar button,nbody.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toolbar button,body.ch-theme-dark .ch-forums-page .ch-forum-composer-toolbar button{background:#101b2a!important;border-color:#3a4b61!important;color:#edf4ff!important}nhtml[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-editor textarea,nbody.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-editor textarea,body.ch-theme-dark .ch-forums-page .ch-forum-composer-editor textarea{background:#121e2e!important;color:#edf4ff!important}n@media(max-width:700px){n body.ch-theme .ch-forums-page .ch-forum-composer-toolbar{overflow-x:auto;scrollbar-width:none}n body.ch-theme .ch-forums-page .ch-forum-composer-toolbar::-webkit-scrollbar{display:none}n body.ch-theme .ch-forums-page .ch-forum-composer-toolbar button{width:38px;height:36px;min-width:38px}n body.ch-theme .ch-forums-page .ch-forum-composer-editor textarea{min-height:130px!important;font-size:16px!important}n}n@media(prefers-reduced-motion:reduce){body.ch-theme .ch-forums-page .ch-forum-action-button[data-ch-forum-toggle="subscription"].is-active .ch-forum-action-icon{animation:none!important}}n body.ch-theme .ch-forums-page .ch-forum-composer-toolbar{ display:flex!important;align-items:center!important;gap:7px!important; width:max-content!important;max-width:calc(100% - 16px)!important; margin:7px 8px 0!important;padding:3px 5px!important; border:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 88%,transparent)!important; border-radius:11px!important;background:color-mix(in srgb,var(--ch-theme-surface-soft,#f5f7fa) 78%,var(--ch-theme-surface,#fff) 22%)!important; box-shadow:0 3px 9px rgba(15,23,42,.045)!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toolbar-label{ display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 4px!important; color:var(--ch-theme-text-muted,#64748b)!important;font-size:10px!important;line-height:1!important;font-weight:800!important; letter-spacing:.045em!important;text-transform:uppercase!important;white-space:nowrap!important; } body.ch-theme .ch-forums-page .ch-forum-composer-tool-group{ display:inline-flex!important;align-items:center!important;gap:2px!important;padding-left:5px!important; border-left:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 90%,transparent)!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toolbar button{ width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;padding:0!important; border:0!important;border-radius:7px!important;background:transparent!important;color:var(--ch-theme-text,#172033)!important; display:grid!important;place-items:center!important;font-size:12px!important;font-weight:800!important;line-height:1!important; box-shadow:none!important;transform:none!important;transition:background .13s ease,color .13s ease,box-shadow .13s ease!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toolbar button:hover, body.ch-theme .ch-forums-page .ch-forum-composer-toolbar button:focus-visible{ background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 12%,var(--ch-theme-surface,#fff) 88%)!important; color:var(--ch-theme-accent,var(--ch-accent,#2f7df4))!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 24%,transparent)!important; outline:none!important;transform:none!important; } body.ch-theme .ch-forums-page .ch-forum-composer-editor>label{margin-top:6px!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toolbar, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toolbar,body.ch-theme-dark .ch-forums-page .ch-forum-composer-toolbar{ background:#172638!important;border-color:#33475f!important;box-shadow:0 4px 12px rgba(0,0,0,.16)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toolbar-label, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toolbar-label,body.ch-theme-dark .ch-forums-page .ch-forum-composer-toolbar-label{color:#9fb2c9!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-tool-group, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-tool-group,body.ch-theme-dark .ch-forums-page .ch-forum-composer-tool-group{border-left-color:#3a4d64!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toolbar button, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toolbar button,body.ch-theme-dark .ch-forums-page .ch-forum-composer-toolbar button{background:transparent!important;border:0!important;color:#edf4ff!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toolbar button:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toolbar button:focus-visible, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toolbar button:hover,body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toolbar button:focus-visible, body.ch-theme-dark .ch-forums-page .ch-forum-composer-toolbar button:hover,body.ch-theme-dark .ch-forums-page .ch-forum-composer-toolbar button:focus-visible{ background:#203551!important;color:#9cc5ff!important;box-shadow:inset 0 0 0 1px #3c5a7a!important; } @media(max-width:700px){ body.ch-theme .ch-forums-page .ch-forum-composer-toolbar{gap:5px!important;margin:6px 7px 0!important;padding:3px 4px!important;overflow:visible!important;max-width:calc(100% - 14px)!important} body.ch-theme .ch-forums-page .ch-forum-composer-toolbar-label{font-size:9px!important;padding:0 3px!important} body.ch-theme .ch-forums-page .ch-forum-composer-tool-group{gap:1px!important;padding-left:4px!important} body.ch-theme .ch-forums-page .ch-forum-composer-toolbar button{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;font-size:13px!important} } body.ch-theme .ch-forums-page .ch-forum-author-copy{display:grid;gap:2px;min-width:0} body.ch-theme .ch-forums-page .ch-forum-author-name-line{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap} body.ch-theme .ch-forums-page .ch-forum-op-badge{ display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 7px;border-radius:999px; background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 12%,var(--ch-theme-surface,#fff) 88%); border:1px solid color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 36%,var(--ch-theme-border,#dbe3ec)); color:var(--ch-theme-accent,var(--ch-accent,#2f7df4));font-size:10px;font-style:normal;font-weight:900;letter-spacing:.05em;line-height:1; } body.ch-theme .ch-forums-page .ch-forum-featured-reply-badge{ display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px; background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(234,179,8,.08));border:1px solid rgba(217,119,6,.30); color:#9a5b05;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.02em; } body.ch-theme .ch-forums-page .ch-forum-post-card.is-featured-reply{ border-color:color-mix(in srgb,#f59e0b 48%,var(--ch-theme-border,#dbe3ec))!important; box-shadow:0 16px 36px rgba(217,119,6,.10),0 0 0 1px rgba(245,158,11,.08) inset!important; } body.ch-theme .ch-forums-page .ch-forum-post-card.is-featured-reply::before{ content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:18px 0 0 18px;background:linear-gradient(#fbbf24,#f59e0b);pointer-events:none; } body.ch-theme .ch-forums-page .ch-forum-featured-jump{ display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 14px;padding:11px 13px; border:1px solid color-mix(in srgb,#f59e0b 38%,var(--ch-theme-border,#dbe3ec));border-radius:15px; background:linear-gradient(135deg,rgba(245,158,11,.10),color-mix(in srgb,var(--ch-theme-surface,#fff) 94%,transparent)); color:var(--ch-theme-text,#172033);box-shadow:0 10px 26px rgba(217,119,6,.07); } body.ch-theme .ch-forums-page .ch-forum-featured-star{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(245,158,11,.15);color:#d97706;font-size:16px} body.ch-theme .ch-forums-page .ch-forum-featured-jump>div{display:grid;gap:1px;min-width:0} body.ch-theme .ch-forums-page .ch-forum-featured-jump strong{font-size:.82rem;color:inherit} body.ch-theme .ch-forums-page .ch-forum-featured-jump small{font-size:.69rem;color:var(--ch-theme-text-muted,#64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body.ch-theme .ch-forums-page .ch-forum-featured-jump a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border-radius:10px;text-decoration:none!important;font-size:.72rem;font-weight:850;color:#8a5508;background:rgba(245,158,11,.10);border:1px solid rgba(217,119,6,.20)} body.ch-theme .ch-forums-page .ch-forum-quote-action{ display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ch-theme-text-muted,#64748b);font-size:.75rem;font-weight:800;cursor:pointer; transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease; } body.ch-theme .ch-forums-page .ch-forum-quote-action:hover,body.ch-theme .ch-forums-page .ch-forum-quote-action:focus-visible{background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 8%,transparent);border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 24%,transparent);color:var(--ch-theme-accent,var(--ch-accent,#2f7df4));transform:translateY(-1px)} body.ch-theme .ch-forums-page .ch-forum-post-content blockquote{margin:10px 0;padding:10px 12px;border-left:3px solid var(--ch-theme-accent,var(--ch-accent,#2f7df4));border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 7%,var(--ch-theme-surface-soft,#f5f7fa));color:var(--ch-theme-text,#172033)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-op-badge,body.ch-theme-mode-dark .ch-forums-page .ch-forum-op-badge,body.ch-theme-dark .ch-forums-page .ch-forum-op-badge{background:#17283d;border-color:#3b5f89;color:#8fc0ff} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-featured-reply-badge,body.ch-theme-mode-dark .ch-forums-page .ch-forum-featured-reply-badge,body.ch-theme-dark .ch-forums-page .ch-forum-featured-reply-badge{background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(234,179,8,.08));border-color:rgba(251,191,36,.34);color:#ffd46b} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-featured-jump,body.ch-theme-mode-dark .ch-forums-page .ch-forum-featured-jump,body.ch-theme-dark .ch-forums-page .ch-forum-featured-jump{background:linear-gradient(135deg,rgba(245,158,11,.10),#121e2e);border-color:rgba(251,191,36,.28);color:#f4f7fb} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-featured-jump small,body.ch-theme-mode-dark .ch-forums-page .ch-forum-featured-jump small,body.ch-theme-dark .ch-forums-page .ch-forum-featured-jump small{color:#b8c8dc} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-featured-jump a,body.ch-theme-mode-dark .ch-forums-page .ch-forum-featured-jump a,body.ch-theme-dark .ch-forums-page .ch-forum-featured-jump a{color:#ffd46b;background:rgba(245,158,11,.10);border-color:rgba(251,191,36,.24)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-post-content blockquote,body.ch-theme-mode-dark .ch-forums-page .ch-forum-post-content blockquote,body.ch-theme-dark .ch-forums-page .ch-forum-post-content blockquote{background:#17263a;color:#edf4ff} @media(max-width:700px){ body.ch-theme .ch-forums-page .ch-forum-featured-jump{grid-template-columns:auto minmax(0,1fr);gap:9px} body.ch-theme .ch-forums-page .ch-forum-featured-jump a{grid-column:1/-1;width:100%} body.ch-theme .ch-forums-page .ch-forum-featured-reply-badge{height:20px;padding:0 7px} body.ch-theme .ch-forums-page .ch-forum-quote-action{min-height:38px;padding:0 11px} } @media(prefers-reduced-motion:reduce){body.ch-theme .ch-forums-page .ch-forum-quote-action{transition:none!important}} .ch-theme .ch-forum-rich-tools{margin-inline:0}.ch-theme .ch-forum-dropzone{box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}.ch-theme .ch-forum-attachment-gallery{border:1px solid var(--ch-theme-border,#dce3eb);background:var(--ch-theme-surface,#fff)}.ch-theme .ch-forum-attachment-item{transition:transform .16s ease,filter .16s ease}.ch-theme .ch-forum-attachment-item:hover{filter:brightness(.98)}.ch-theme .ch-forum-poll-shell .ch-poll{margin:0}.ch-theme .ch-forum-poll-shell .ch-poll-option{min-height:42px}.ch-theme .ch-forum-media-preview-item{box-shadow:0 4px 14px rgba(15,23,42,.06)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forum-attachment-gallery{border-color:var(--ch-theme-border,#33475e);background:var(--ch-theme-surface,#101b29)} @media(max-width:700px){.ch-theme .ch-forum-rich-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ch-theme .ch-forum-rich-action{justify-content:center}.ch-theme .ch-forum-attachment-gallery.is-video video{max-height:70vh}} @media(prefers-reduced-motion:reduce){.ch-theme .ch-forum-attachment-item{transition:none!important}} body.ch-theme .ch-forums-page .ch-forum-author-badges{ display:block; margin-top:2px; min-width:0; } body.ch-theme .ch-forums-page .ch-forum-author-badges .ch-user-badges{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:4px!important; margin:0!important; max-width:100%; } body.ch-theme .ch-forums-page .ch-forum-author-badges .ch-user-badge{ margin:0!important; } body.ch-theme .ch-forums-page .ch-forum-post-avatar{ overflow:visible!important; } body.ch-theme .ch-forums-page .ch-forum-post-card.ch-cosmetic-slot-forum{ isolation:isolate; } body.ch-theme .ch-forums-page .ch-forum-post-card.ch-cosmetic-slot-forum[data-ch-forum-card-kind="topic"]{ --ch-forum-skin-surface-kind:topic; } body.ch-theme .ch-forums-page .ch-forum-post-card.ch-cosmetic-slot-forum[data-ch-forum-card-kind="reply"]{ --ch-forum-skin-surface-kind:reply; } body.ch-theme .ch-forums-page .ch-forum-action-button.is-just-toggled .ch-forum-action-icon{ animation:chForumIdentityPop .48s cubic-bezier(.2,.8,.2,1); } body.ch-theme .ch-forums-page .ch-forum-action-button[data-ch-forum-toggle="favorite"].is-just-toggled{ animation:chForumBookmarkConfirm .48s cubic-bezier(.2,.8,.2,1); } body.ch-theme .ch-forums-page .ch-forum-action-button[data-ch-forum-toggle="subscription"].is-just-toggled .ch-forum-action-icon{ animation:chForumWatchConfirm .52s cubic-bezier(.2,.8,.2,1); } body.ch-theme .ch-forums-page .ch-forum-reader-milestone{ animation:chForumMilestoneArrive .62s cubic-bezier(.2,.8,.2,1) both; } body.ch-theme .ch-forums-page .ch-forum-featured-reply-badge{ position:relative; } body.ch-theme .ch-forums-page .ch-forum-featured-reply-badge::after{ content:""; position:absolute; inset:-3px -5px; border-radius:999px; border:1px solid color-mix(in srgb,currentColor 32%,transparent); opacity:0; transform:scale(.82); animation:chForumFeaturedGlow .7s ease-out 1; pointer-events:none; } @keyframes chForumIdentityPop{ 0%{transform:scale(.82)} 48%{transform:scale(1.18)} 100%{transform:scale(1)} } @keyframes chForumBookmarkConfirm{ 0%{transform:translateY(0)} 45%{transform:translateY(-2px)} 100%{transform:translateY(0)} } @keyframes chForumWatchConfirm{ 0%{transform:rotate(0) scale(.9)} 24%{transform:rotate(-12deg) scale(1.12)} 52%{transform:rotate(10deg) scale(1.08)} 76%{transform:rotate(-4deg) scale(1.03)} 100%{transform:rotate(0) scale(1)} } @keyframes chForumMilestoneArrive{ 0%{opacity:.35;transform:translateY(2px) scale(.96)} 60%{opacity:1;transform:translateY(-1px) scale(1.035)} 100%{opacity:1;transform:none} } @keyframes chForumFeaturedGlow{ 0%{opacity:0;transform:scale(.82)} 38%{opacity:.72} 100%{opacity:0;transform:scale(1.2)} } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-author-badges, body.ch-theme-mode-dark .ch-forums-page .ch-forum-author-badges, body.ch-theme-dark .ch-forums-page .ch-forum-author-badges{ color:var(--ch-theme-text,#edf4ff); } @media(max-width:700px){ body.ch-theme .ch-forums-page .ch-forum-author-badges .ch-user-badges{gap:3px!important} body.ch-theme .ch-forums-page .ch-forum-author-badges{margin-top:3px} } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-forums-page .ch-forum-action-button.is-just-toggled, body.ch-theme .ch-forums-page .ch-forum-action-button.is-just-toggled .ch-forum-action-icon, body.ch-theme .ch-forums-page .ch-forum-reader-milestone, body.ch-theme .ch-forums-page .ch-forum-featured-reply-badge::after{ animation:none!important; } } body.ch-theme .ch-forums-page .ch-forum-gamehub{border-color:color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 92%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--ch-theme-surface,#fff) 96%,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 4%),var(--ch-theme-surface-soft,#f6f8fb));box-shadow:0 12px 30px rgba(18,39,65,.06)} body.ch-theme .ch-forums-page .ch-forum-gamehub-head span{color:var(--ch-theme-accent,var(--ch-accent,#2f7df4))} body.ch-theme .ch-forums-page .ch-forum-challenge-card.is-complete{box-shadow:0 0 0 1px rgba(34,197,94,.08) inset} body.ch-theme .ch-forums-page .ch-forum-achievement-list>span.is-earned i{box-shadow:0 0 0 3px color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 10%,transparent)} body.ch-theme .ch-forums-page .ch-forum-leaderboard li:first-child{background:linear-gradient(90deg,rgba(245,158,11,.10),color-mix(in srgb,var(--ch-theme-surface-soft,#f6f8fb) 96%,transparent))} body.ch-theme .ch-forums-page .ch-forum-leaderboard li:first-child em{color:#b87309} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-gamehub,body.ch-theme-mode-dark .ch-forums-page .ch-forum-gamehub,body.ch-theme-dark .ch-forums-page .ch-forum-gamehub{background:linear-gradient(145deg,#101b29,#142235);border-color:#33475e;box-shadow:0 14px 34px rgba(0,0,0,.18)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-leaderboard li:first-child,body.ch-theme-mode-dark .ch-forums-page .ch-forum-leaderboard li:first-child,body.ch-theme-dark .ch-forums-page .ch-forum-leaderboard li:first-child{background:linear-gradient(90deg,rgba(245,158,11,.12),#101b29)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-leaderboard li:first-child em,body.ch-theme-mode-dark .ch-forums-page .ch-forum-leaderboard li:first-child em,body.ch-theme-dark .ch-forums-page .ch-forum-leaderboard li:first-child em{color:#f8c66c} body.ch-theme .ch-forums-directory .ch-forum-directory-search{margin-top:-2px} body.ch-theme .ch-forums-directory .ch-forum-search-box{border-color:color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 92%,transparent);background:color-mix(in srgb,var(--ch-theme-surface,#fff) 98%,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 2%);box-shadow:0 7px 18px rgba(18,39,65,.06)} body.ch-theme .ch-forums-directory .ch-forum-search-box:focus-within{border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 58%,var(--ch-theme-border,#dbe3ec));box-shadow:0 0 0 3px color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 10%,transparent),0 9px 20px rgba(18,39,65,.07)} body.ch-theme .ch-forums-directory .ch-forum-search-icon{color:var(--ch-theme-accent,var(--ch-accent,#2f7df4))} body.ch-theme .ch-forums-directory .ch-forum-search-results{border-color:color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 92%,transparent);background:var(--ch-theme-surface,#fff);box-shadow:0 20px 48px rgba(17,35,57,.16)} body.ch-theme .ch-forums-directory .ch-forum-search-result:hover,body.ch-theme .ch-forums-directory .ch-forum-search-result:focus-visible{background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 7%,var(--ch-theme-surface,#fff))} body.ch-theme .ch-forums-directory .ch-forum-search-result-icon{background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 10%,var(--ch-theme-surface-soft,#f6f8fb));color:var(--ch-theme-accent,var(--ch-accent,#2f7df4))} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-directory .ch-forum-search-box,body.ch-theme-mode-dark .ch-forums-directory .ch-forum-search-box,body.ch-theme-dark .ch-forums-directory .ch-forum-search-box{background:#111d2c;border-color:#33475e} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-directory .ch-forum-search-results,body.ch-theme-mode-dark .ch-forums-directory .ch-forum-search-results,body.ch-theme-dark .ch-forums-directory .ch-forum-search-results{background:#111d2c;border-color:#33475e} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-directory .ch-forum-search-result:hover,html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-directory .ch-forum-search-result:focus-visible,body.ch-theme-mode-dark .ch-forums-directory .ch-forum-search-result:hover,body.ch-theme-mode-dark .ch-forums-directory .ch-forum-search-result:focus-visible,body.ch-theme-dark .ch-forums-directory .ch-forum-search-result:hover,body.ch-theme-dark .ch-forums-directory .ch-forum-search-result:focus-visible{background:#17283a} body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible]{border-color:color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 94%,transparent);background:var(--ch-theme-surface,#fff);box-shadow:0 8px 22px rgba(17,35,57,.05)} body.ch-theme .ch-forums-page .ch-forum-composer-toggle{color:var(--ch-theme-text,#172033);transition:background .16s ease} body.ch-theme .ch-forums-page .ch-forum-composer-toggle:hover{background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 4%,transparent)} body.ch-theme .ch-forums-page .ch-forum-composer-toggle-icon{background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 9%,var(--ch-theme-surface-soft,#f5f7fa));color:var(--ch-theme-accent,var(--ch-accent,#2f7df4))} body.ch-theme .ch-forums-page .ch-forum-reply-context{border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 24%,var(--ch-theme-border,#dbe3ec));background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 6%,var(--ch-theme-surface-soft,#f6f8fb));color:var(--ch-theme-text-muted,#64748b)} body.ch-theme .ch-forums-page .ch-forum-reply-context strong{color:var(--ch-theme-text,#172033)} body.ch-theme .ch-forums-page .ch-forum-thread-node.is-thread-depth-1::before,body.ch-theme .ch-forums-page .ch-forum-thread-node.is-thread-depth-2::before{background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 20%,var(--ch-theme-border,#dbe3ec))} body.ch-theme .ch-forums-page .ch-forum-reply-parent-context{background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 5%,var(--ch-theme-surface-soft,#f6f8fb));color:var(--ch-theme-text-muted,#64748b)} body.ch-theme .ch-forums-page .ch-forum-reply-parent-context a{color:var(--ch-theme-accent,var(--ch-accent,#2f7df4))} body.ch-theme .ch-forums-page .ch-forum-thread-reply-action{color:var(--ch-theme-text-muted,#64748b);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease} body.ch-theme .ch-forums-page .ch-forum-thread-reply-action:hover,body.ch-theme .ch-forums-page .ch-forum-thread-reply-action:focus-visible{background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 8%,transparent);border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2f7df4)) 24%,transparent);color:var(--ch-theme-accent,var(--ch-accent,#2f7df4));transform:translateY(-1px)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible],body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible],body.ch-theme-dark .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible]{background:#111d2c;border-color:#33475e} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toggle,body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toggle,body.ch-theme-dark .ch-forums-page .ch-forum-composer-toggle{color:#edf4ff} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-reply-context,body.ch-theme-mode-dark .ch-forums-page .ch-forum-reply-context,body.ch-theme-dark .ch-forums-page .ch-forum-reply-context{background:#142235;border-color:#3a5571;color:#bed0e2} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-reply-context strong,body.ch-theme-mode-dark .ch-forums-page .ch-forum-reply-context strong,body.ch-theme-dark .ch-forums-page .ch-forum-reply-context strong{color:#f0f6fd} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-reply-parent-context,body.ch-theme-mode-dark .ch-forums-page .ch-forum-reply-parent-context,body.ch-theme-dark .ch-forums-page .ch-forum-reply-parent-context{background:#142235;color:#aebfd2} @media(max-width:700px){body.ch-theme .ch-forums-page .ch-forum-composer-toggle{min-height:64px}body.ch-theme .ch-forums-page .ch-forum-thread-reply-action{min-height:38px;padding:0 11px}} @media(prefers-reduced-motion:reduce){body.ch-theme .ch-forums-page .ch-forum-thread-reply-action,body.ch-theme .ch-forums-page .ch-forum-composer-toggle{transition:none!important}} body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible]{ padding:0!important; gap:0!important; overflow:hidden!important; border-radius:16px!important; background:var(--ch-forum-bg,#fff)!important; border:1px solid var(--ch-forum-border,#dbe3ec)!important; box-shadow:0 6px 18px rgba(17,35,57,.055)!important; transition:border-color .16s ease,box-shadow .16s ease!important; } body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed:hover{ border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 28%,var(--ch-forum-border,#dbe3ec))!important; box-shadow:0 9px 24px rgba(17,35,57,.075)!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle{ min-height:66px!important; padding:12px 14px 12px 16px!important; border:0!important; border-radius:0!important; background:transparent!important; color:var(--ch-forum-text,#172033)!important; box-shadow:none!important; transition:background .16s ease!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle:hover, body.ch-theme .ch-forums-page .ch-forum-composer-toggle:focus-visible{ background:color-mix(in srgb,var(--ch-forum-link,#1769d2) 5%,var(--ch-forum-bg,#fff))!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle:focus-visible{ outline:2px solid color-mix(in srgb,var(--ch-forum-link,#1769d2) 58%,transparent)!important; outline-offset:-3px!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle .ch-forum-composer-heading{ display:grid!important; gap:3px!important; min-width:0!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle .ch-forum-composer-heading strong{ color:var(--ch-forum-text-strong,#0f172a)!important; font-size:.95rem!important; font-weight:850!important; line-height:1.2!important; letter-spacing:-.01em!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle .ch-forum-composer-heading span{ color:var(--ch-forum-muted,#5f6f82)!important; font-size:.76rem!important; font-weight:600!important; line-height:1.3!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle-icon{ width:32px!important; height:32px!important; min-width:32px!important; flex-basis:32px!important; border:1px solid color-mix(in srgb,var(--ch-forum-link,#1769d2) 18%,var(--ch-forum-border,#dbe3ec))!important; border-radius:10px!important; background:color-mix(in srgb,var(--ch-forum-link,#1769d2) 7%,var(--ch-forum-bg-soft,#f7f9fc))!important; color:var(--ch-forum-link,#1769d2)!important; font-size:18px!important; font-weight:900!important; box-shadow:none!important; } body.ch-theme .ch-forums-page .ch-forum-composer.is-expanded .ch-forum-composer-toggle{ border-bottom:1px solid var(--ch-forum-border,#dbe3ec)!important; background:color-mix(in srgb,var(--ch-forum-bg-soft,#f7f9fc) 68%,var(--ch-forum-bg,#fff))!important; } body.ch-theme .ch-forums-page .ch-forum-composer.is-expanded .ch-forum-composer-body-inner{ padding-top:14px!important; } body.ch-theme .ch-forums-page .ch-forum-react-button [data-ch-forum-react-visual]{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:24px!important; min-width:24px!important; height:24px!important; line-height:1!important; } body.ch-theme .ch-forums-page .ch-forum-react-button [data-ch-forum-react-visual] > .ch-reaction-emoji{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:24px!important; min-width:24px!important; height:24px!important; margin:0!important; font-size:24px!important; line-height:24px!important; } body.ch-theme .ch-forums-page .ch-forum-react-button [data-ch-forum-react-visual] > .ch-reaction-icon-img{ width:24px!important; min-width:24px!important; max-width:24px!important; height:24px!important; max-height:24px!important; margin:0!important; object-fit:contain!important; } body.ch-theme .ch-forums-page .ch-forum-reaction-picker button .ch-reaction-emoji, body > .ch-forum-reaction-picker.is-forum-reaction-portal button .ch-reaction-emoji{ display:inline-flex!important; align-items:center!important; justify-content:center!important; margin:0!important; font-size:30px!important; line-height:1!important; } body.ch-theme .ch-forums-page .ch-forum-reaction-picker button .ch-reaction-icon-img, body > .ch-forum-reaction-picker.is-forum-reaction-portal button .ch-reaction-icon-img{ width:32px!important; height:32px!important; min-width:32px!important; max-width:32px!important; max-height:32px!important; margin:0!important; object-fit:contain!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible], body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible], body.ch-theme-dark .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible]{ background:var(--ch-forum-bg,#121d2c)!important; border-color:var(--ch-forum-border,#30435a)!important; box-shadow:0 8px 22px rgba(0,0,0,.16)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toggle:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toggle:focus-visible, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toggle:hover, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toggle:focus-visible, body.ch-theme-dark .ch-forums-page .ch-forum-composer-toggle:hover, body.ch-theme-dark .ch-forums-page .ch-forum-composer-toggle:focus-visible{ background:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 7%,var(--ch-forum-bg,#121d2c))!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toggle .ch-forum-composer-heading strong, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toggle .ch-forum-composer-heading strong, body.ch-theme-dark .ch-forums-page .ch-forum-composer-toggle .ch-forum-composer-heading strong{color:var(--ch-forum-text-strong,#f8fbff)!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toggle .ch-forum-composer-heading span, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toggle .ch-forum-composer-heading span, body.ch-theme-dark .ch-forums-page .ch-forum-composer-toggle .ch-forum-composer-heading span{color:var(--ch-forum-muted,#afbdd0)!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer-toggle-icon, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer-toggle-icon, body.ch-theme-dark .ch-forums-page .ch-forum-composer-toggle-icon{ background:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 11%,var(--ch-forum-bg-soft,#18263a))!important; border-color:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 22%,var(--ch-forum-border,#30435a))!important; color:var(--ch-forum-link,#8fc5ff)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer.is-expanded .ch-forum-composer-toggle, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer.is-expanded .ch-forum-composer-toggle, body.ch-theme-dark .ch-forums-page .ch-forum-composer.is-expanded .ch-forum-composer-toggle{ border-bottom-color:var(--ch-forum-border,#30435a)!important; background:color-mix(in srgb,var(--ch-forum-bg-soft,#18263a) 72%,var(--ch-forum-bg,#121d2c))!important; } @media(max-width:700px){ body.ch-theme .ch-forums-page .ch-forum-composer-toggle{ min-height:62px!important; padding:11px 12px 11px 14px!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle-icon{ width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important; } body.ch-theme .ch-forums-page .ch-forum-react-button [data-ch-forum-react-visual]{ width:29px!important;min-width:29px!important;height:29px!important; } body.ch-theme .ch-forums-page .ch-forum-react-button [data-ch-forum-react-visual] > .ch-reaction-emoji{ width:29px!important;min-width:29px!important;height:29px!important;font-size:29px!important;line-height:29px!important; } body.ch-theme .ch-forums-page .ch-forum-react-button [data-ch-forum-react-visual] > .ch-reaction-icon-img{ width:29px!important;min-width:29px!important;max-width:29px!important;height:29px!important;max-height:29px!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible]{transition:none!important} } body.ch-theme .ch-forums-page .ch-topic-thread > .ch-forum-reply-composer{ margin:0!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle-icon{ position:relative!important; display:grid!important; place-items:center!important; font-size:0!important; line-height:0!important; text-indent:0!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle-icon::before{ content:""; display:block; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transform-origin:center; } body.ch-theme .ch-forums-page .ch-forum-thread-reply-action{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; min-height:36px!important; padding:0 12px!important; border:1px solid color-mix(in srgb,var(--ch-forum-link,#1769d2) 22%,var(--ch-forum-border,#dbe3ec))!important; border-radius:999px!important; background:color-mix(in srgb,var(--ch-forum-link,#1769d2) 6%,var(--ch-forum-bg,#fff))!important; color:var(--ch-forum-link,#1769d2)!important; box-shadow:0 2px 7px rgba(17,35,57,.035)!important; font-size:.76rem!important; font-weight:850!important; line-height:1!important; letter-spacing:-.005em!important; transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease!important; } body.ch-theme .ch-forums-page .ch-forum-thread-reply-action:hover, body.ch-theme .ch-forums-page .ch-forum-thread-reply-action:focus-visible{ background:color-mix(in srgb,var(--ch-forum-link,#1769d2) 11%,var(--ch-forum-bg,#fff))!important; border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 42%,var(--ch-forum-border,#dbe3ec))!important; color:var(--ch-forum-link,#1769d2)!important; box-shadow:0 6px 15px rgba(17,35,57,.08)!important; transform:translateY(-1px)!important; } body.ch-theme .ch-forums-page .ch-forum-thread-reply-action:focus-visible{ outline:2px solid color-mix(in srgb,var(--ch-forum-link,#1769d2) 55%,transparent)!important; outline-offset:2px!important; } body.ch-theme .ch-forums-page .ch-forum-thread-reply-icon{ display:inline-grid!important; place-items:center!important; width:16px!important; height:16px!important; flex:0 0 16px!important; } body.ch-theme .ch-forums-page .ch-forum-thread-reply-icon svg{ display:block!important; width:16px!important; height:16px!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-thread-reply-action, body.ch-theme-mode-dark .ch-forums-page .ch-forum-thread-reply-action, body.ch-theme-dark .ch-forums-page .ch-forum-thread-reply-action{ background:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 9%,var(--ch-forum-bg,#121d2c))!important; border-color:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 24%,var(--ch-forum-border,#30435a))!important; color:var(--ch-forum-link,#8fc5ff)!important; box-shadow:none!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-thread-reply-action:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-thread-reply-action:focus-visible, body.ch-theme-mode-dark .ch-forums-page .ch-forum-thread-reply-action:hover, body.ch-theme-mode-dark .ch-forums-page .ch-forum-thread-reply-action:focus-visible, body.ch-theme-dark .ch-forums-page .ch-forum-thread-reply-action:hover, body.ch-theme-dark .ch-forums-page .ch-forum-thread-reply-action:focus-visible{ background:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 15%,var(--ch-forum-bg,#121d2c))!important; border-color:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 42%,var(--ch-forum-border,#30435a))!important; } @media(max-width:700px){ body.ch-theme .ch-forums-page .ch-forum-thread-reply-action{ min-height:38px!important; padding:0 12px!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-forums-page .ch-forum-thread-reply-action{transition:none!important} } body.ch-theme .ch-forums-page .ch-forum-quote-action{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; min-height:36px!important; padding:0 11px!important; border:1px solid color-mix(in srgb,var(--ch-forum-text,#334155) 14%,var(--ch-forum-border,#dbe3ec))!important; border-radius:999px!important; background:color-mix(in srgb,var(--ch-forum-text,#334155) 3%,var(--ch-forum-bg,#fff))!important; color:var(--ch-forum-text,#334155)!important; opacity:1!important; box-shadow:none!important; font-size:.76rem!important; font-weight:800!important; line-height:1!important; } body.ch-theme .ch-forums-page .ch-forum-quote-action > span{ display:inline-grid!important; place-items:center!important; min-width:15px!important; color:var(--ch-forum-muted,#64748b)!important; font-size:.9rem!important; line-height:1!important; } body.ch-theme .ch-forums-page .ch-forum-quote-action:hover, body.ch-theme .ch-forums-page .ch-forum-quote-action:focus-visible{ background:color-mix(in srgb,var(--ch-forum-link,#1769d2) 7%,var(--ch-forum-bg,#fff))!important; border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 28%,var(--ch-forum-border,#dbe3ec))!important; color:var(--ch-forum-link,#1769d2)!important; opacity:1!important; } body.ch-theme .ch-forums-page .ch-forum-quote-action:hover > span, body.ch-theme .ch-forums-page .ch-forum-quote-action:focus-visible > span{ color:var(--ch-forum-link,#1769d2)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-quote-action, body.ch-theme-mode-dark .ch-forums-page .ch-forum-quote-action, body.ch-theme-dark .ch-forums-page .ch-forum-quote-action{ background:#172438!important; border-color:#3a4d64!important; color:#d8e4f2!important; opacity:1!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-quote-action > span, body.ch-theme-mode-dark .ch-forums-page .ch-forum-quote-action > span, body.ch-theme-dark .ch-forums-page .ch-forum-quote-action > span{ color:#a9bbcf!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-quote-action:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-quote-action:focus-visible, body.ch-theme-mode-dark .ch-forums-page .ch-forum-quote-action:hover, body.ch-theme-mode-dark .ch-forums-page .ch-forum-quote-action:focus-visible, body.ch-theme-dark .ch-forums-page .ch-forum-quote-action:hover, body.ch-theme-dark .ch-forums-page .ch-forum-quote-action:focus-visible{ background:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 12%,#172438)!important; border-color:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 38%,#3a4d64)!important; color:var(--ch-forum-link,#8fc5ff)!important; } body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed{ border:1px solid color-mix(in srgb,var(--ch-forum-link,#1769d2) 30%,var(--ch-forum-border,#dbe3ec))!important; box-shadow:0 8px 22px rgba(17,35,57,.055),inset 0 0 0 1px color-mix(in srgb,var(--ch-forum-link,#1769d2) 5%,transparent)!important; } body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed:hover, body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed:focus-within{ border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 52%,var(--ch-forum-border,#dbe3ec))!important; box-shadow:0 10px 26px rgba(17,35,57,.075),inset 0 0 0 1px color-mix(in srgb,var(--ch-forum-link,#1769d2) 9%,transparent)!important; } body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed .ch-forum-composer-toggle{ border-radius:inherit!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed, body.ch-theme-dark .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed{ border-color:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 32%,var(--ch-forum-border,#30435a))!important; box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 0 0 1px color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 6%,transparent)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed:focus-within, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed:hover, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed:focus-within, body.ch-theme-dark .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed:hover, body.ch-theme-dark .ch-forums-page .ch-forum-composer[data-ch-forum-collapsible].is-collapsed:focus-within{ border-color:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 55%,var(--ch-forum-border,#30435a))!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle-icon{ position:relative!important; display:block!important; padding:0!important; overflow:hidden!important; font-size:0!important; line-height:0!important; text-align:center!important; } body.ch-theme .ch-forums-page .ch-forum-composer-toggle-icon::before{ content:""!important; position:absolute!important; left:50%!important; top:48%!important; width:8px!important; height:8px!important; margin:0!important; border:0!important; border-right:2px solid currentColor!important; border-bottom:2px solid currentColor!important; transform:translate(-50%,-50%) rotate(45deg)!important; transform-origin:50% 50%!important; box-sizing:border-box!important; } @media(max-width:700px){ body.ch-theme .ch-forums-page .ch-forum-quote-action{min-height:38px!important;padding:0 12px!important} } body.ch-theme .ch-forums-page .ch-forum-react-button:not(.is-active){justify-content:center!important} body.ch-theme .ch-forums-page .ch-forum-react-button:not(.is-active) [data-ch-forum-react-visual], body.ch-theme .ch-forums-page .ch-forum-react-button [data-ch-forum-react-visual]:empty{ display:none!important;width:0!important;min-width:0!important;height:0!important;margin:0!important } body.ch-theme .ch-forums-page .ch-forum-personalized{display:grid;gap:12px;margin:2px 0 14px} body.ch-theme .ch-forums-page .ch-forum-personalized-head{display:grid;gap:3px;padding:0 2px} body.ch-theme .ch-forums-page .ch-forum-personalized-head>span{color:var(--ch-forum-link,#1769d2);font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase} body.ch-theme .ch-forums-page .ch-forum-personalized-head h2{margin:0;color:var(--ch-forum-text-strong,#0f172a);font-size:1.05rem;line-height:1.2} body.ch-theme .ch-forums-page .ch-forum-personalized-head p{margin:0;color:var(--ch-forum-muted,#64748b);font-size:.78rem;font-weight:600;line-height:1.35} body.ch-theme .ch-forums-page .ch-forum-personalized-grid{grid-template-columns:repeat(3,minmax(0,1fr))} body.ch-theme .ch-forums-page .ch-forum-discovery-card.is-recommended{border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 24%,var(--ch-forum-border,#dbe3ec));box-shadow:inset 0 2px 0 color-mix(in srgb,var(--ch-forum-link,#1769d2) 42%,transparent)} body.ch-theme .ch-forums-page .ch-forum-discovery-card.is-friends{border-color:color-mix(in srgb,#8b5cf6 24%,var(--ch-forum-border,#dbe3ec));box-shadow:inset 0 2px 0 rgba(139,92,246,.34)} body.ch-theme .ch-forums-page .ch-forum-discovery-card.is-saved{border-color:color-mix(in srgb,#0ea5e9 24%,var(--ch-forum-border,#dbe3ec));box-shadow:inset 0 2px 0 rgba(14,165,233,.34)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-personalized-head h2, body.ch-theme-mode-dark .ch-forums-page .ch-forum-personalized-head h2,body.ch-theme-dark .ch-forums-page .ch-forum-personalized-head h2{color:var(--ch-forum-text-strong,#f8fbff)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-personalized-head p, body.ch-theme-mode-dark .ch-forums-page .ch-forum-personalized-head p,body.ch-theme-dark .ch-forums-page .ch-forum-personalized-head p{color:var(--ch-forum-muted,#afbdd0)} body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum{position:relative!important;isolation:isolate!important} body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-effect-titanium{border-color:#a8b1bd!important;box-shadow:inset 3px 0 0 #7c8795,0 7px 22px rgba(51,65,85,.10)!important;background-image:linear-gradient(120deg,rgba(148,163,184,.07),transparent 28%,rgba(226,232,240,.05) 55%,transparent 78%)!important} body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-effect-inferno-forum{border-color:rgba(249,115,22,.72)!important;background-image:linear-gradient(105deg,rgba(127,29,29,.09),rgba(249,115,22,.065) 28%,transparent 65%)!important;box-shadow:inset 4px 0 0 #f97316,0 0 15px rgba(234,88,12,.15),0 8px 24px rgba(124,45,18,.10)!important} body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-effect-neon-grid-forum{border-color:rgba(34,211,238,.72)!important;box-shadow:inset 3px 0 0 #22d3ee,0 0 0 1px rgba(139,92,246,.20),0 0 16px rgba(34,211,238,.13)!important;background-image:linear-gradient(120deg,rgba(34,211,238,.06),transparent 35%,rgba(139,92,246,.055))!important} body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-effect-frost-forge-forum{border-color:rgba(125,211,252,.74)!important;box-shadow:inset 4px 0 0 #7dd3fc,inset 0 1px 0 rgba(224,242,254,.30),0 0 14px rgba(14,165,233,.12)!important;background-image:linear-gradient(115deg,rgba(224,242,254,.08),rgba(56,189,248,.045) 34%,transparent 72%)!important} body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-effect-cosmic-relay-forum{border-color:rgba(167,139,250,.72)!important;box-shadow:inset 3px 0 0 #8b5cf6,0 0 15px rgba(124,58,237,.14)!important;background-image:linear-gradient(125deg,rgba(59,130,246,.055),transparent 35%,rgba(168,85,247,.065))!important} body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-effect-liberty-forge-forum{border-color:#315ca8!important;background-image:linear-gradient(100deg,rgba(185,28,28,.08),transparent 20%,transparent 80%,rgba(29,78,216,.08))!important;box-shadow:inset 4px 0 0 #b91c1c,inset -4px 0 0 #1d4ed8,0 0 16px rgba(37,99,235,.14)!important} body.ch-theme .ch-composer.ch-cosmetic-slot-post{position:relative!important;isolation:isolate!important} body.ch-theme .ch-composer.ch-cosmetic-effect-neon-circuit{border-color:rgba(34,211,238,.72)!important;box-shadow:0 0 0 1px rgba(99,102,241,.20),0 0 14px rgba(34,211,238,.16),0 8px 26px rgba(6,182,212,.10),inset 3px 0 0 #22d3ee!important} body.ch-theme .ch-composer.ch-cosmetic-effect-ember-edge{border-color:rgba(251,146,60,.72)!important;background-image:linear-gradient(90deg,rgba(249,115,22,.07),transparent 18%)!important;box-shadow:inset 4px 0 0 #f97316,inset 0 1px 0 rgba(251,191,36,.18),0 0 13px rgba(234,88,12,.13),0 8px 22px rgba(124,45,18,.08)!important} body.ch-theme .ch-composer.ch-cosmetic-effect-liberty-standard{border-color:rgba(49,92,168,.72)!important;background-image:linear-gradient(90deg,rgba(185,28,28,.08),transparent 16%,transparent 84%,rgba(29,78,216,.08))!important;box-shadow:inset 4px 0 0 #b91c1c,inset -4px 0 0 #1d4ed8,0 0 16px rgba(37,99,235,.13)!important} body.ch-theme .ch-composer.ch-cosmetic-effect-midnight-pulse-post{border-color:rgba(71,85,105,.72)!important;box-shadow:inset 4px 0 0 #334155,0 0 13px rgba(59,130,246,.11)!important} body.ch-theme .ch-composer.ch-cosmetic-effect-frost-signal-post{border-color:rgba(125,211,252,.72)!important;background-image:linear-gradient(105deg,rgba(56,189,248,.07),transparent 28%)!important;box-shadow:inset 4px 0 0 #38bdf8,inset 0 1px 0 rgba(224,242,254,.26),0 0 13px rgba(14,165,233,.12)!important} body.ch-theme .ch-composer.ch-cosmetic-effect-cosmic-frame-post{border-color:rgba(139,92,246,.68)!important;background-image:linear-gradient(110deg,rgba(59,130,246,.07),rgba(139,92,246,.09),transparent 58%)!important;box-shadow:inset 4px 0 0 #7c3aed,0 0 18px rgba(99,102,241,.18)!important} @media(max-width:900px){body.ch-theme .ch-forums-page .ch-forum-personalized-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){body.ch-theme .ch-composer.ch-cosmetic-slot-post,body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum{animation:none!important}} body.ch-theme .ch-forums-page .ch-forum-react-button, body.ch-theme .ch-forums-page .ch-forum-react-button:hover, body.ch-theme .ch-forums-page .ch-forum-react-button:focus, body.ch-theme .ch-forums-page .ch-forum-react-button:focus-visible, body.ch-theme .ch-forums-page .ch-forum-react-button.is-active, body.ch-theme .ch-forums-page .ch-forum-reaction-control.is-bursting .ch-forum-react-button{ box-shadow:none!important; filter:none!important; text-shadow:none!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible]{ position:relative!important; overflow:hidden!important; isolation:isolate!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible] > .ch-forum-composer-toggle, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].is-expanded > .ch-forum-composer-toggle{ position:relative!important; z-index:2!important; background:transparent!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible] > .ch-forum-composer-body{ position:relative!important; z-index:2!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-titanium, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-titanium.is-collapsed, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-titanium.is-collapsed:hover, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-titanium.is-collapsed:focus-within{ border:1px solid #8995a4!important; background-image:linear-gradient(105deg,rgba(255,255,255,.14),transparent 20%,rgba(148,163,184,.12) 39%,rgba(255,255,255,.10) 51%,transparent 66%),repeating-linear-gradient(0deg,rgba(148,163,184,.035) 0 1px,transparent 1px 3px)!important; box-shadow:inset 4px 0 0 #aeb7c2,inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(71,85,105,.30),0 0 0 1px rgba(71,85,105,.14),0 8px 22px rgba(51,65,85,.13)!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-titanium::after{ content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;z-index:3!important;pointer-events:none!important;background:linear-gradient(90deg,#66717e,#d5dbe2 22%,#7e8995 44%,#f0f3f6 58%,#788390 77%,#b9c1ca)!important;opacity:.9!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-inferno-forum, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-inferno-forum.is-collapsed, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-inferno-forum.is-collapsed:hover, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-inferno-forum.is-collapsed:focus-within{ border:1px solid rgba(249,115,22,.72)!important; background-image:linear-gradient(105deg,rgba(127,29,29,.09),rgba(249,115,22,.065) 28%,transparent 65%)!important; box-shadow:inset 4px 0 0 #f97316,0 0 15px rgba(234,88,12,.15),0 8px 24px rgba(124,45,18,.10)!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-inferno-forum::after{ content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;z-index:3!important;background:linear-gradient(90deg,#dc2626,#f97316,#fbbf24,#f97316,#dc2626)!important;background-size:200% 100%!important;animation:chForumInferno 4s linear infinite!important;pointer-events:none!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-neon-grid-forum, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-neon-grid-forum.is-collapsed, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-neon-grid-forum.is-collapsed:hover, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-neon-grid-forum.is-collapsed:focus-within{ border:1px solid rgba(34,211,238,.72)!important; background-image:linear-gradient(120deg,rgba(34,211,238,.06),transparent 35%,rgba(139,92,246,.055))!important; box-shadow:inset 3px 0 0 #22d3ee,0 0 0 1px rgba(139,92,246,.20),0 0 16px rgba(34,211,238,.13)!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-frost-forge-forum, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-frost-forge-forum.is-collapsed, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-frost-forge-forum.is-collapsed:hover, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-frost-forge-forum.is-collapsed:focus-within{ border:1px solid rgba(125,211,252,.74)!important; background-image:linear-gradient(115deg,rgba(224,242,254,.08),rgba(56,189,248,.045) 34%,transparent 72%)!important; box-shadow:inset 4px 0 0 #7dd3fc,inset 0 1px 0 rgba(224,242,254,.30),0 0 14px rgba(14,165,233,.12)!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-cosmic-relay-forum, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-cosmic-relay-forum.is-collapsed, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-cosmic-relay-forum.is-collapsed:hover, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-cosmic-relay-forum.is-collapsed:focus-within{ border:1px solid rgba(167,139,250,.72)!important; background-image:linear-gradient(125deg,rgba(59,130,246,.055),transparent 35%,rgba(168,85,247,.065))!important; box-shadow:inset 3px 0 0 #8b5cf6,0 0 15px rgba(124,58,237,.14)!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-cosmic-relay-forum::after{ content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(100deg,transparent 0 38%,rgba(196,181,253,.10) 48%,rgba(125,211,252,.12) 52%,transparent 62%)!important;background-size:240% 100%!important;animation:chForumCosmicRelay 6.5s linear infinite!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-liberty-forge-forum, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-liberty-forge-forum.is-collapsed, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-liberty-forge-forum.is-collapsed:hover, body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-liberty-forge-forum.is-collapsed:focus-within{ border:1px solid #315ca8!important; background-image:linear-gradient(100deg,rgba(185,28,28,.08),transparent 20%,transparent 80%,rgba(29,78,216,.08))!important; box-shadow:inset 4px 0 0 #b91c1c,inset -4px 0 0 #1d4ed8,0 0 16px rgba(37,99,235,.14)!important; } body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-liberty-forge-forum::after{ content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:2px!important;z-index:3!important;background:linear-gradient(90deg,#b91c1c,#f8fafc,#1d4ed8,#f8fafc,#b91c1c)!important;background-size:220% 100%!important;animation:chLibertyForum 5s linear infinite!important;pointer-events:none!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-titanium, body.ch-theme-mode-dark .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-titanium, body.ch-theme-dark .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible].ch-cosmetic-effect-titanium{ border-color:#667382!important; background-image:linear-gradient(105deg,rgba(226,232,240,.09),transparent 20%,rgba(148,163,184,.10) 39%,rgba(226,232,240,.07) 51%,transparent 66%),repeating-linear-gradient(0deg,rgba(148,163,184,.028) 0 1px,transparent 1px 3px)!important; box-shadow:inset 4px 0 0 #8b98a7,inset 0 1px 0 rgba(226,232,240,.22),inset 0 -1px 0 rgba(15,23,42,.58),0 0 14px rgba(148,163,184,.08)!important; } body.ch-theme .ch-forums-page .ch-forum-live-conversation{ border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 18%,var(--ch-forum-border,#dbe3ec))!important; background:color-mix(in srgb,var(--ch-forum-link,#1769d2) 3%,var(--ch-forum-bg-soft,#f7f9fc))!important; color:var(--ch-forum-text,#334155)!important; box-shadow:none!important; } body.ch-theme .ch-forums-page .ch-forum-live-conversation button{ border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 24%,var(--ch-forum-border,#dbe3ec))!important; background:var(--ch-forum-bg,#fff)!important; color:var(--ch-forum-link,#1769d2)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-live-conversation, body.ch-theme-mode-dark .ch-forums-page .ch-forum-live-conversation, body.ch-theme-dark .ch-forums-page .ch-forum-live-conversation{ background:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 5%,var(--ch-forum-bg-soft,#18263a))!important; border-color:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 20%,var(--ch-forum-border,#30435a))!important; color:var(--ch-forum-text,#e7eef8)!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-forums-page .ch-forum-composer.ch-cosmetic-slot-forum[data-ch-forum-collapsible]::after{animation:none!important} } nn body.ch-theme .ch-forums-page .ch-forum-reaction-picker button, body > .ch-forum-reaction-picker.is-forum-reaction-portal button{ padding:0!important; display:grid!important; place-items:center!important; align-content:center!important; justify-content:center!important; line-height:1!important; text-align:center!important; } body.ch-theme .ch-forums-page .ch-forum-reaction-picker button .ch-reaction-emoji, body > .ch-forum-reaction-picker.is-forum-reaction-portal button .ch-reaction-emoji{ width:100%!important; height:100%!important; display:grid!important; place-items:center!important; align-content:center!important; justify-content:center!important; padding:0!important; margin:0!important; line-height:1!important; text-align:center!important; vertical-align:middle!important; transform:none!important; } body.ch-theme .ch-forums-page .ch-forum-reaction-picker button .ch-reaction-icon-img, body > .ch-forum-reaction-picker.is-forum-reaction-portal button .ch-reaction-icon-img{ display:block!important; margin:auto!important; align-self:center!important; justify-self:center!important; } body.ch-theme .ch-forums-page .ch-forum-post-engagement{ --ch-forum-action-border:color-mix(in srgb,var(--ch-forum-text,#334155) 15%,var(--ch-forum-border,#dbe3ec)); --ch-forum-action-border-hover:color-mix(in srgb,var(--ch-forum-link,#1769d2) 34%,var(--ch-forum-border,#dbe3ec)); } body.ch-theme .ch-forums-page .ch-forum-post-engagement .ch-forum-react-button, body.ch-theme .ch-forums-page .ch-forum-post-engagement .ch-forum-reaction-control > button.ch-forum-reaction-people, body.ch-theme .ch-forums-page .ch-forum-post-engagement .ch-forum-quote-action{ border:1px solid var(--ch-forum-action-border)!important; border-radius:999px!important; box-shadow:none!important; } body.ch-theme .ch-forums-page .ch-forum-post-engagement .ch-forum-react-button.is-active{ border-color:var(--ch-forum-action-border)!important; } body.ch-theme .ch-forums-page .ch-forum-post-engagement .ch-forum-react-button:hover, body.ch-theme .ch-forums-page .ch-forum-post-engagement .ch-forum-react-button:focus-visible, body.ch-theme .ch-forums-page .ch-forum-post-engagement .ch-forum-reaction-control > button.ch-forum-reaction-people:hover, body.ch-theme .ch-forums-page .ch-forum-post-engagement .ch-forum-reaction-control > button.ch-forum-reaction-people:focus-visible, body.ch-theme .ch-forums-page .ch-forum-post-engagement .ch-forum-quote-action:hover, body.ch-theme .ch-forums-page .ch-forum-post-engagement .ch-forum-quote-action:focus-visible{ border-color:var(--ch-forum-action-border-hover)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-post-engagement, body.ch-theme-mode-dark .ch-forums-page .ch-forum-post-engagement, body.ch-theme-dark .ch-forums-page .ch-forum-post-engagement{ --ch-forum-action-border:#3a4d64; --ch-forum-action-border-hover:#58779a; } body.ch-theme .ch-forums-page .ch-forum-row-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap} body.ch-theme .ch-forums-page .ch-forum-premium-badge{border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 20%,var(--ch-forum-border,#dbe3ec));background:color-mix(in srgb,var(--ch-forum-link,#1769d2) 4%,var(--ch-forum-bg,#fff));color:var(--ch-forum-text,#334155)} body.ch-theme .ch-forums-page .ch-forum-row.is-premium-locked{border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 22%,var(--ch-forum-border,#dbe3ec))} body.ch-theme .ch-forums-page .ch-forum-membership-gate-card{border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 24%,var(--ch-forum-border,#dbe3ec));background:var(--ch-forum-bg,#fff);color:var(--ch-forum-text,#334155);box-shadow:0 12px 30px rgba(17,35,57,.08)} body.ch-theme .ch-forums-page .ch-forum-premium-lock{background:color-mix(in srgb,var(--ch-forum-link,#1769d2) 8%,var(--ch-forum-bg-soft,#f7f9fc));color:var(--ch-forum-link,#1769d2)} body.ch-theme .ch-forums-page .ch-forum-membership-gate-copy h1{color:var(--ch-forum-text-strong,#0f172a)} body.ch-theme .ch-forums-page .ch-forum-membership-gate-copy p,body.ch-theme .ch-forums-page .ch-forum-membership-gate-copy small{color:var(--ch-forum-muted,#64748b)} body.ch-theme .ch-forums-page .ch-forum-membership-upgrade{border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 38%,var(--ch-forum-border,#dbe3ec));background:color-mix(in srgb,var(--ch-forum-link,#1769d2) 9%,var(--ch-forum-bg,#fff));color:var(--ch-forum-link,#1769d2)} body.ch-theme .ch-forums-page .ch-forum-membership-upgrade:hover,body.ch-theme .ch-forums-page .ch-forum-membership-upgrade:focus-visible{background:color-mix(in srgb,var(--ch-forum-link,#1769d2) 14%,var(--ch-forum-bg,#fff));border-color:color-mix(in srgb,var(--ch-forum-link,#1769d2) 55%,var(--ch-forum-border,#dbe3ec))} body.ch-theme .ch-forums-page .ch-forum-membership-back{border-color:var(--ch-forum-border,#dbe3ec);background:var(--ch-forum-bg,#fff);color:var(--ch-forum-text,#334155)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-membership-gate-card, body.ch-theme-mode-dark .ch-forums-page .ch-forum-membership-gate-card,body.ch-theme-dark .ch-forums-page .ch-forum-membership-gate-card{background:var(--ch-forum-bg,#111d2c);border-color:color-mix(in srgb,var(--ch-forum-link,#8fc5ff) 25%,var(--ch-forum-border,#30435a));color:var(--ch-forum-text,#e7eef8);box-shadow:0 12px 30px rgba(0,0,0,.24)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-membership-gate-copy h1, body.ch-theme-mode-dark .ch-forums-page .ch-forum-membership-gate-copy h1,body.ch-theme-dark .ch-forums-page .ch-forum-membership-gate-copy h1{color:var(--ch-forum-text-strong,#f8fbff)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-premium-badge, body.ch-theme-mode-dark .ch-forums-page .ch-forum-premium-badge,body.ch-theme-dark .ch-forums-page .ch-forum-premium-badge{background:#172438;border-color:#3a4d64;color:#d8e4f2} body.ch-theme .ch-forums-page .ch-forum-inline-edit[hidden]{display:none!important} body.ch-theme .ch-forums-page .ch-forum-post-card.is-editing > .ch-forum-reply-parent-context, body.ch-theme .ch-forums-page .ch-forum-post-card.is-editing > .ch-forum-media-shell, body.ch-theme .ch-forums-page .ch-forum-post-card.is-editing > .ch-forum-post-engagement{display:none!important} body.ch-theme .ch-forums-page .ch-forum-inline-edit{ margin:6px 0 0!important; padding:14px!important; gap:12px!important; border-radius:14px!important; box-shadow:none!important; border:1px solid color-mix(in srgb,var(--ch-forum-border,#dbe3ec) 92%,var(--ch-theme-accent,#2f7df4) 8%)!important; } body.ch-theme .ch-forums-page .ch-forum-inline-edit-head{ display:flex;align-items:center;justify-content:space-between;gap:12px; padding:10px 11px;border-radius:11px; background:color-mix(in srgb,var(--ch-forum-bg-soft,#f7f9fc) 92%,transparent); border:1px solid color-mix(in srgb,var(--ch-forum-border,#dbe3ec) 82%,transparent) } body.ch-theme .ch-forums-page .ch-forum-inline-edit-head>div{display:grid;gap:2px;min-width:0} body.ch-theme .ch-forums-page .ch-forum-inline-edit-head>div>span{font-size:.72rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;color:var(--ch-theme-accent,#2f7df4)!important} body.ch-theme .ch-forums-page .ch-forum-inline-edit-head>div>strong{font-size:.88rem;line-height:1.3;color:var(--ch-forum-text-strong,#0f172a)!important} body.ch-theme .ch-forums-page .ch-forum-inline-edit-head>button{ display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;padding:0!important; border:1px solid var(--ch-forum-border,#dbe3ec)!important;border-radius:999px!important; background:var(--ch-forum-bg,#fff)!important;color:var(--ch-forum-muted,#5f6f82)!important; font-size:20px;line-height:1;cursor:pointer } body.ch-theme .ch-forums-page .ch-forum-inline-edit-head>button:hover, body.ch-theme .ch-forums-page .ch-forum-inline-edit-head>button:focus-visible{border-color:var(--ch-theme-accent,#2f7df4)!important;color:var(--ch-theme-accent,#2f7df4)!important;outline:none} body.ch-theme .ch-forums-page .ch-forum-inline-edit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} body.ch-theme .ch-forums-page .ch-forum-inline-edit .ch-forum-explicit-toggle, body.ch-theme .ch-forums-page .ch-forum-inline-edit .ch-forum-link-preview-option{margin:0!important;min-width:0} body.ch-theme .ch-forums-page .ch-forum-inline-edit-note{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--ch-theme-accent,#2f7df4) 6%,transparent);color:var(--ch-forum-muted,#5f6f82);font-size:.76rem;font-weight:650} body.ch-theme .ch-forums-page .ch-forum-inline-edit-note>span:first-child{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border-radius:999px;background:color-mix(in srgb,var(--ch-theme-accent,#2f7df4) 14%,transparent);color:var(--ch-theme-accent,#2f7df4);font-size:11px;font-weight:900} body.ch-theme .ch-forums-page .ch-forum-inline-edit .ch-forum-form-actions{padding-top:2px} body.ch-theme .ch-forums-page .ch-forum-inline-edit .ch-forum-edit-cancel-button{ background:var(--ch-forum-bg-soft,#f7f9fc)!important;color:var(--ch-forum-text,#172033)!important; border:1px solid var(--ch-forum-border,#dbe3ec)!important } body.ch-theme .ch-forums-page .ch-forum-inline-edit .ch-forum-edit-cancel-button:hover, body.ch-theme .ch-forums-page .ch-forum-inline-edit .ch-forum-edit-cancel-button:focus-visible{background:color-mix(in srgb,var(--ch-theme-accent,#2f7df4) 7%,var(--ch-forum-bg-soft,#f7f9fc))!important;border-color:color-mix(in srgb,var(--ch-theme-accent,#2f7df4) 45%,var(--ch-forum-border,#dbe3ec))!important} body.ch-theme .ch-forums-page .ch-forum-post-card.is-forum-edit-saved{animation:chForumEditSaved .72s ease both} @keyframes chForumEditSaved{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ch-theme-accent,#2f7df4) 35%,transparent)}45%{box-shadow:0 0 0 4px color-mix(in srgb,var(--ch-theme-accent,#2f7df4) 14%,transparent)}100%{box-shadow:0 10px 28px rgba(20,39,63,.065)}} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-inline-edit-head, body.ch-theme-mode-dark .ch-forums-page .ch-forum-inline-edit-head, body.ch-theme-dark .ch-forums-page .ch-forum-inline-edit-head{background:color-mix(in srgb,var(--ch-forum-bg-soft,#18263a) 90%,transparent);border-color:#34485f} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-inline-edit-head>div>strong, body.ch-theme-mode-dark .ch-forums-page .ch-forum-inline-edit-head>div>strong, body.ch-theme-dark .ch-forums-page .ch-forum-inline-edit-head>div>strong{color:var(--ch-forum-text-strong,#f8fbff)!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-inline-edit-head>button, body.ch-theme-mode-dark .ch-forums-page .ch-forum-inline-edit-head>button, body.ch-theme-dark .ch-forums-page .ch-forum-inline-edit-head>button{background:#142235!important;border-color:#3a4f68!important;color:#b6c5d8!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-inline-edit .ch-forum-edit-cancel-button, body.ch-theme-mode-dark .ch-forums-page .ch-forum-inline-edit .ch-forum-edit-cancel-button, body.ch-theme-dark .ch-forums-page .ch-forum-inline-edit .ch-forum-edit-cancel-button{background:#17263a!important;color:#edf4ff!important;border-color:#3a4f68!important} @media(max-width:700px){ body.ch-theme .ch-forums-page .ch-forum-inline-edit{padding:11px!important;border-radius:12px!important} body.ch-theme .ch-forums-page .ch-forum-inline-edit-options{grid-template-columns:1fr} body.ch-theme .ch-forums-page .ch-forum-inline-edit .ch-forum-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px} body.ch-theme .ch-forums-page .ch-forum-inline-edit .ch-forum-form-status{grid-column:1/-1;margin:0!important} body.ch-theme .ch-forums-page .ch-forum-inline-edit .ch-forum-form-actions button{width:100%;justify-content:center} } @media(prefers-reduced-motion:reduce){body.ch-theme .ch-forums-page .ch-forum-post-card.is-forum-edit-saved{animation:none!important}} body.ch-theme .ch-forums-page .ch-forum-post-card.is-forum-moderation-removed{ border-color:color-mix(in srgb,var(--ch-forum-border,#dbe3ec) 72%,#b42318 28%)!important; } body.ch-theme .ch-forums-page .ch-forum-media-shell.is-moderation-removed{ padding:0!important; border:0!important; background:transparent!important; min-height:0!important; } body.ch-theme .ch-forums-page .ch-forum-moderation-removed-notice{ display:flex; align-items:flex-start; gap:10px; margin:2px 0 0; padding:12px 13px; border:1px solid color-mix(in srgb,#b42318 28%,var(--ch-forum-border,#dbe3ec)); border-radius:12px; background:color-mix(in srgb,#b42318 4%,var(--ch-forum-bg-soft,#f7f9fc)); color:var(--ch-forum-text,#334155); } body.ch-theme .ch-forums-page .ch-forum-moderation-removed-icon{ display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; border-radius:999px; background:color-mix(in srgb,#b42318 11%,transparent); color:#b42318; font-size:.8rem; font-weight:950; line-height:1; } body.ch-theme .ch-forums-page .ch-forum-moderation-removed-notice>span:last-child{ display:grid; gap:3px; min-width:0; } body.ch-theme .ch-forums-page .ch-forum-moderation-removed-notice strong{ color:var(--ch-forum-text-strong,#0f172a); font-size:.88rem; line-height:1.25; } body.ch-theme .ch-forums-page .ch-forum-moderation-removed-notice small{ color:var(--ch-forum-muted,#64748b); font-size:.76rem; line-height:1.35; } body.ch-theme .ch-forums-page .ch-forum-moderation-removed-notice .ch-forum-moderation-reason{ margin-top:2px; font-weight:700; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-post-card.is-forum-moderation-removed, body.ch-theme-mode-dark .ch-forums-page .ch-forum-post-card.is-forum-moderation-removed, body.ch-theme-dark .ch-forums-page .ch-forum-post-card.is-forum-moderation-removed{ border-color:#6a4147!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-moderation-removed-notice, body.ch-theme-mode-dark .ch-forums-page .ch-forum-moderation-removed-notice, body.ch-theme-dark .ch-forums-page .ch-forum-moderation-removed-notice{ background:#21191f; border-color:#664047; color:#e7eef8; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-moderation-removed-notice strong, body.ch-theme-mode-dark .ch-forums-page .ch-forum-moderation-removed-notice strong, body.ch-theme-dark .ch-forums-page .ch-forum-moderation-removed-notice strong{ color:#f8fbff; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-moderation-removed-notice small, body.ch-theme-mode-dark .ch-forums-page .ch-forum-moderation-removed-notice small, body.ch-theme-dark .ch-forums-page .ch-forum-moderation-removed-notice small{ color:#c3b4b8; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-forums-page .ch-forum-moderation-removed-icon, body.ch-theme-mode-dark .ch-forums-page .ch-forum-moderation-removed-icon, body.ch-theme-dark .ch-forums-page .ch-forum-moderation-removed-icon{ background:#3b2228; color:#ff9ca7; } @media(max-width:700px){ body.ch-theme .ch-forums-page .ch-forum-moderation-removed-notice{padding:10px 11px;border-radius:11px} } body.ch-theme .ch-rush:not(.ch-rush--compact){ max-width:1040px!important; } body.ch-theme .ch-rush .ch-rush-flow{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto var(--ch-rush-screen-height,auto)!important; align-items:stretch!important; align-content:start!important; overflow:visible!important; } body.ch-theme .ch-rush .ch-rush-preplay-toolbar{ grid-column:1!important; grid-row:1!important; align-self:start!important; } body.ch-theme .ch-rush .ch-rush-screen{ grid-column:1!important; grid-row:2!important; width:100%!important; height:var(--ch-rush-screen-height,auto)!important; min-height:var(--ch-rush-screen-height,0px)!important; max-height:none!important; align-self:stretch!important; box-sizing:border-box!important; overflow:visible!important; } body.ch-theme .ch-rush [data-rush-screen-panel="character"], body.ch-theme .ch-rush [data-rush-screen-panel="level"]{ align-content:center!important; justify-content:stretch!important; } body.ch-theme .ch-rush [data-rush-screen-panel="game"]{ align-content:start!important; height:var(--ch-rush-screen-height,auto)!important; min-height:var(--ch-rush-screen-height,0px)!important; } body.ch-theme .ch-rush .ch-rush-failed-screen, body.ch-theme .ch-rush .ch-rush-results-screen{ align-content:center!important; justify-items:center!important; height:var(--ch-rush-screen-height,auto)!important; min-height:var(--ch-rush-screen-height,0px)!important; } body.ch-theme .ch-rush:not(.ch-rush--compact) .ch-rush-stage{ height:clamp(280px,56cqi,560px)!important; } body.ch-theme .ch-rush--compact .ch-rush-stage{ height:clamp(210px,80cqi,270px)!important; } body.ch-theme .ch-rush .ch-rush-player{ left:8%!important; } body.ch-theme .ch-rush--compact .ch-rush-player{ left:7%!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card, body.ch-theme .ch-rush--compact .ch-rush-result-card{ width:min(100%,420px)!important; padding:11px!important; gap:7px!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card h3, body.ch-theme .ch-rush--compact .ch-rush-result-card h3{ font-size:18px!important; line-height:1.08!important; margin:2px 0 4px!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card p, body.ch-theme .ch-rush--compact .ch-rush-result-card p{ font-size:10px!important; line-height:1.35!important; } body.ch-theme .ch-rush--compact .ch-rush-result-stats{ margin:7px auto 0!important; gap:6px!important; } body.ch-theme .ch-rush--compact .ch-rush-result-stats>div{ padding:7px!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-continue-label{ margin-top:2px!important; padding:6px 10px!important; font-size:10px!important; } body.ch-theme .ch-rush:fullscreen .ch-rush-stage, body.ch-theme .ch-rush:-webkit-full-screen .ch-rush-stage{ height:clamp(340px,64dvh,780px)!important; } @media(max-width:520px){ body.ch-theme .ch-rush:not(.ch-rush--compact) .ch-rush-stage{ height:clamp(260px,72vw,380px)!important; } body.ch-theme .ch-rush:fullscreen .ch-rush-stage, body.ch-theme .ch-rush:-webkit-full-screen .ch-rush-stage{ height:clamp(280px,58dvh,560px)!important; } } body.ch-theme .ch-rush:not(.ch-rush--compact) .ch-rush-stage{ height:clamp(390px,42cqi,440px)!important; min-height:390px!important; max-height:440px!important; } body.ch-theme .ch-rush:fullscreen .ch-rush-stage, body.ch-theme .ch-rush:-webkit-full-screen .ch-rush-stage{ height:clamp(410px,44dvh,500px)!important; min-height:410px!important; max-height:500px!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-screen{ padding:0!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card{ padding:8px!important; gap:5px!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card .ch-rush-result-kicker{ font-size:9px!important; line-height:1.1!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card h3{ font-size:16px!important; line-height:1.05!important; margin:1px 0 2px!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card p{ font-size:9.5px!important; line-height:1.25!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card .ch-rush-result-stats{ margin:4px auto 0!important; gap:5px!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card .ch-rush-result-stats>div{ padding:5px!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card .ch-rush-result-stats span{ font-size:8.5px!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-card .ch-rush-result-stats strong{ font-size:15px!important; line-height:1.05!important; } body.ch-theme .ch-rush--compact .ch-rush-failed-continue-label{ margin-top:0!important; padding:4px 8px!important; font-size:9px!important; line-height:1.1!important; } @media(max-width:520px){ body.ch-theme .ch-rush:not(.ch-rush--compact) .ch-rush-stage{ height:clamp(300px,68vw,360px)!important; min-height:300px!important; max-height:360px!important; } body.ch-theme .ch-rush:fullscreen .ch-rush-stage, body.ch-theme .ch-rush:-webkit-full-screen .ch-rush-stage{ height:clamp(320px,46dvh,400px)!important; min-height:320px!important; max-height:400px!important; } } body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid, body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid-primary, body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid-secondary{ transition:none!important; } body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video{ transition:none!important; will-change:auto!important; } body.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-message .bm-message-content{ position:relative; } body.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-message:not(.ch-bm-sensitive-own):not(.ch-bm-sensitive-revealed) .bm-message-content > :not(.message-controls):not(.bm-reactions):not(.bm-reactions-selector):not(.ch-bm-sensitive-toggle):not(.ch-bm-sensitive-own-marker){ filter:blur(10px)!important; opacity:.62!important; pointer-events:none!important; user-select:none!important; -webkit-user-select:none!important; } body.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-message .ch-bm-sensitive-toggle{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:34px!important; margin:7px 0 1px!important; padding:7px 11px!important; border:1px solid rgba(var(--bm-border-color,120,132,148),.52)!important; border-radius:10px!important; background:rgba(var(--bm-bg-secondary,245,247,250),.88)!important; color:rgb(var(--bm-text-color,23,32,51))!important; box-shadow:none!important; font:inherit!important; font-size:12px!important; font-weight:800!important; line-height:1.25!important; text-align:center!important; cursor:pointer!important; transition:border-color .16s ease,background-color .16s ease,transform .16s ease!important; } body.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-message .ch-bm-sensitive-toggle:hover, body.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-message .ch-bm-sensitive-toggle:focus-visible{ border-color:color-mix(in srgb,var(--ch-theme-primary,#2563eb) 58%,transparent)!important; background:color-mix(in srgb,var(--ch-theme-primary,#2563eb) 9%,rgba(var(--bm-bg-secondary,245,247,250),1))!important; outline:none!important; } body.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-message .ch-bm-sensitive-toggle:active{ transform:translateY(1px)!important; } body.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-own .ch-bm-sensitive-own-marker{ display:inline-flex!important; align-items:center!important; justify-content:center!important; margin:6px 0 0!important; padding:3px 7px!important; border:1px solid rgba(var(--bm-border-color,120,132,148),.44)!important; border-radius:999px!important; background:rgba(var(--bm-bg-secondary,245,247,250),.74)!important; color:rgba(var(--bm-text-color,23,32,51),.72)!important; font-size:10px!important; font-weight:800!important; line-height:1.2!important; } body.bm-messages-dark.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-message .ch-bm-sensitive-toggle, html[data-ch-theme-mode="dark"] body.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-message .ch-bm-sensitive-toggle{ border-color:rgba(148,163,184,.34)!important; background:rgba(15,23,42,.72)!important; color:rgb(var(--bm-text-color-dark,238,244,252))!important; } body.bm-messages-dark.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-own .ch-bm-sensitive-own-marker, html[data-ch-theme-mode="dark"] body.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-own .ch-bm-sensitive-own-marker{ border-color:rgba(148,163,184,.28)!important; background:rgba(15,23,42,.58)!important; color:rgba(var(--bm-text-color-dark,238,244,252),.76)!important; } @media(max-width:782px){ body.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-message .ch-bm-sensitive-toggle{ min-height:38px!important; font-size:12px!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme .bp-messages-wrap .bm-message.ch-bm-sensitive-message .ch-bm-sensitive-toggle{ transition:none!important; } } body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid, body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid-primary, body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid-secondary{ transition:none!important; } body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video{ transition:top .18s cubic-bezier(.2,.8,.2,1),left .18s cubic-bezier(.2,.8,.2,1)!important; will-change:top,left!important; } body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video-screen{ transition:none!important; will-change:auto!important; } body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner{ transition:box-shadow .16s ease,background-color .16s ease!important; } body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner.bpbm-active-speaker{ box-shadow: inset 0 0 0 3px rgba(var(--bm-button-bg,47,125,244),.96), 0 0 12px 2px rgba(var(--bm-button-bg,47,125,244),.58)!important; } body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-input-video-screen .bpbm-media-container.bpbm-screen-shared{ align-items:center!important; justify-content:center!important; overflow:hidden!important; transition:none!important; will-change:auto!important; } body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-input-video-screen .bpbm-media-container.bpbm-screen-shared > video[datatype="screen"]{ display:block!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; margin:0!important; object-fit:contain!important; object-position:50% 50%!important; transition:none!important; animation:none!important; backface-visibility:hidden!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-videos-grid .bp-messages-group-call-input-video, body.ch-theme .bp-messages-wrap .bp-messages-call-wrap-group .bp-messages-group-call-input-video > .bp-messages-group-call-input-video-inner{ transition:none!important; } } .ch-theme .ch-composer-preview.is-multi-image{margin-top:12px!important} .ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item{border-color:color-mix(in srgb,var(--ch-border,#dbe3ec) 88%,transparent)!important;background:var(--ch-surface,#fff)!important;box-shadow:0 4px 14px rgba(15,23,42,.06)!important} .ch-theme .ch-activity-media.ch-attachment-gallery{margin-top:10px!important;background:color-mix(in srgb,var(--ch-surface,#fff) 94%,#000 6%)!important} html[data-ch-theme-mode="dark"] .ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item,body.ch-theme-mode-dark .ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item{border-color:rgba(148,163,184,.24)!important;background:#0f1b2a!important;box-shadow:0 5px 18px rgba(0,0,0,.2)!important} html[data-ch-theme-mode="dark"] .ch-theme .ch-activity-media.ch-attachment-gallery,body.ch-theme-mode-dark .ch-theme .ch-activity-media.ch-attachment-gallery{background:#0b1420!important} .ch-theme .ch-composer-upload-progress{border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2563eb)) 24%,var(--ch-border,#dbe3ec))!important;background:color-mix(in srgb,var(--ch-surface,#fff) 96%,var(--ch-theme-accent,var(--ch-accent,#2563eb)) 4%)!important} .ch-theme .ch-composer-upload-progress-track>span{color:var(--ch-theme-accent,var(--ch-accent,#2563eb))!important} .ch-theme .ch-multi-photo-grid .ch-multi-photo-trigger{border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2563eb)) 20%,var(--ch-border,#dbe3ec))!important;box-shadow:0 4px 14px rgba(15,23,42,.07)!important} .ch-theme .ch-multi-photo-grid .ch-multi-photo-trigger:hover{border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2563eb)) 48%,var(--ch-border,#dbe3ec))!important;box-shadow:0 8px 20px rgba(15,23,42,.11)!important} .ch-theme .ch-photo-stack-card{border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2563eb)) 22%,var(--ch-border,#dbe3ec))!important;background:var(--ch-surface,#fff)!important} .ch-theme .ch-photo-stack-count{background:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2563eb)) 30%,rgba(15,23,42,.88))!important;border:1px solid rgba(255,255,255,.16)!important} html[data-ch-theme-mode="dark"] .ch-theme .ch-composer-upload-progress,body.ch-theme-mode-dark .ch-theme .ch-composer-upload-progress{background:color-mix(in srgb,#0f1b2a 94%,var(--ch-theme-accent,var(--ch-accent,#60a5fa)) 6%)!important;border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#60a5fa)) 32%,#334155)!important} html[data-ch-theme-mode="dark"] .ch-theme .ch-composer-upload-progress-track,body.ch-theme-mode-dark .ch-theme .ch-composer-upload-progress-track{background:#263548!important} html[data-ch-theme-mode="dark"] .ch-theme .ch-multi-photo-grid .ch-multi-photo-trigger,body.ch-theme-mode-dark .ch-theme .ch-multi-photo-grid .ch-multi-photo-trigger{border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#60a5fa)) 28%,#334155)!important;box-shadow:0 5px 18px rgba(0,0,0,.24)!important} html[data-ch-theme-mode="dark"] .ch-theme .ch-photo-stack-card,body.ch-theme-mode-dark .ch-theme .ch-photo-stack-card{background:#0f1b2a!important;border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#60a5fa)) 28%,#334155)!important;box-shadow:0 17px 38px rgba(0,0,0,.42)!important} body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment{ display:grid!important; place-items:center!important; padding:0!important; font-size:0!important; line-height:0!important; text-align:center!important; overflow:hidden!important; } body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment::before, body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment::after{ content:""; position:absolute; left:50%; top:50%; width:12px; height:2px; border-radius:999px; background:currentColor; transform-origin:center; pointer-events:none; } body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment::before{ transform:translate(-50%,-50%) rotate(45deg); } body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment::after{ transform:translate(-50%,-50%) rotate(-45deg); } body.ch-theme.woocommerce-account .ch-theme-page-header{ text-align:center!important; } body.ch-theme.woocommerce-account .ch-theme-page-header h1{ width:100%!important; margin-inline:auto!important; text-align:center!important; } body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item{ transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease!important; } body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item::after{ content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(180deg, rgba(8,15,28,.00) 0%, rgba(8,15,28,.00) 52%, rgba(8,15,28,.12) 100%); opacity:0; transition:opacity .16s ease!important; pointer-events:none; } body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment{ transition:opacity .16s ease, transform .16s ease, background .16s ease, box-shadow .16s ease!important; box-shadow:0 8px 18px rgba(8,15,28,.18)!important; } body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:hover, body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:focus-within{ transform:translateY(-2px)!important; border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#2563eb)) 30%,var(--ch-border,#dbe3ec))!important; box-shadow:0 10px 22px rgba(15,23,42,.12)!important; } body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:hover::after, body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:focus-within::after{ opacity:1!important; } body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:hover .ch-remove-attachment, body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:focus-within .ch-remove-attachment{ background:rgba(220,38,38,.94)!important; box-shadow:0 12px 22px rgba(185,28,28,.28)!important; } body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:hover img, body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:focus-within img{ filter:brightness(.93)!important; } @media (hover:hover) and (pointer:fine){ body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment{ opacity:.18!important; transform:translateY(-3px) scale(.86)!important; } body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:hover .ch-remove-attachment, body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:focus-within .ch-remove-attachment{ opacity:1!important; transform:translateY(0) scale(1)!important; } } html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:focus-within, body.ch-theme-mode-dark .ch-composer-preview.is-multi-image .ch-composer-preview-item:hover, body.ch-theme-mode-dark .ch-composer-preview.is-multi-image .ch-composer-preview-item:focus-within{ border-color:color-mix(in srgb,var(--ch-theme-accent,var(--ch-accent,#60a5fa)) 36%,#334155)!important; box-shadow:0 12px 26px rgba(0,0,0,.30)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item::after, body.ch-theme-mode-dark .ch-composer-preview.is-multi-image .ch-composer-preview-item::after{ background:linear-gradient(180deg, rgba(4,10,20,.00) 0%, rgba(4,10,20,.04) 52%, rgba(4,10,20,.34) 100%); } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item, body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item::after, body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment, body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item img{ transition:none!important; } } body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment{ position:absolute!important; right:8px!important; top:8px!important; width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; border:1px solid rgba(255,255,255,.78)!important; border-radius:999px!important; background:linear-gradient(180deg, rgba(18,27,40,.82) 0%, rgba(10,16,26,.92) 100%)!important; color:#ffffff!important; box-shadow:0 10px 24px rgba(8,15,28,.24), inset 0 1px 0 rgba(255,255,255,.16)!important; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment::before, body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment::after{ width:12px!important; height:2px!important; background:currentColor!important; border-radius:999px!important; box-shadow:0 0 0 0.35px currentColor!important; } body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment:hover, body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment:focus-visible{ border-color:rgba(255,255,255,.92)!important; background:linear-gradient(180deg, rgba(239,68,68,.96) 0%, rgba(220,38,38,.98) 100%)!important; color:#fff!important; box-shadow:0 14px 28px rgba(185,28,28,.34), inset 0 1px 0 rgba(255,255,255,.18)!important; transform:translateY(0) scale(1.03)!important; } body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment:focus-visible{ outline:none!important; box-shadow:0 0 0 3px rgba(255,255,255,.52), 0 14px 28px rgba(185,28,28,.34), inset 0 1px 0 rgba(255,255,255,.18)!important; } @media (hover:hover) and (pointer:fine){ body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment{ opacity:0!important; transform:translateY(-4px) scale(.82)!important; } body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:hover .ch-remove-attachment, body.ch-theme .ch-composer-preview.is-multi-image .ch-composer-preview-item:focus-within .ch-remove-attachment{ opacity:1!important; transform:translateY(0) scale(1)!important; } } html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment, body.ch-theme-mode-dark .ch-composer-preview.is-multi-image .ch-remove-attachment{ border-color:rgba(255,255,255,.22)!important; background:linear-gradient(180deg, rgba(20,30,45,.84) 0%, rgba(9,15,24,.94) 100%)!important; box-shadow:0 12px 26px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment:focus-visible, body.ch-theme-mode-dark .ch-composer-preview.is-multi-image .ch-remove-attachment:hover, body.ch-theme-mode-dark .ch-composer-preview.is-multi-image .ch-remove-attachment:focus-visible{ border-color:rgba(255,255,255,.30)!important; background:linear-gradient(180deg, rgba(248,113,113,.96) 0%, rgba(220,38,38,.98) 100%)!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment, body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment:hover, body.ch-theme .ch-composer-preview.is-multi-image .ch-remove-attachment:focus-visible{ transform:none!important; } } body.ch-theme :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *){ width:min(100%,540px)!important; max-width:540px!important; margin:clamp(22px,4vw,54px) auto!important; padding:clamp(22px,3vw,30px)!important; } body.ch-theme :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *)::before{ margin-bottom:18px!important; } body.ch-theme :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *) form{ max-width:100%!important; margin-top:18px!important; gap:15px!important; } body.ch-theme :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *) :is(.pmpro_actions_nav,#nav,.login-links,.pmpro_login_links){ display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:center!important; gap:7px 14px!important; margin:16px 0 0!important; padding-top:14px!important; border-top:1px solid var(--ch-login-border)!important; text-align:center!important; } body.ch-theme :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *) > :last-child{ margin-bottom:0!important; } @media(max-width:781px){ body.ch-theme :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *){ width:100%!important; max-width:100%!important; margin:16px auto 26px!important; padding:20px 18px!important; } } body.ch-theme-pmpro-login-page .ch-theme-page-shell{ box-sizing:border-box!important; width:min(100%,620px)!important; max-width:620px!important; margin-inline:auto!important; } body.ch-theme-pmpro-login-page .ch-theme-page-header{ box-sizing:border-box!important; width:min(100%,540px)!important; max-width:540px!important; margin:clamp(26px,4vw,46px) auto 10px!important; padding:0 4px!important; text-align:center!important; } body.ch-theme-pmpro-login-page .ch-theme-page-header h1{ margin:0!important; color:var(--ch-theme-text,#172033)!important; font-size:clamp(1.65rem,2.2vw,2.2rem)!important; line-height:1.08!important; letter-spacing:-.035em!important; text-align:center!important; } body.ch-theme-pmpro-login-page .ch-theme-page-content{ width:100%!important; max-width:100%!important; } body.ch-theme-pmpro-login-page :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *){ margin-top:14px!important; } body.ch-theme-pmpro-login-page :is(.wp-pwd,.pmpro_form_field-password,.pmpro_form_field_password,.login-password,.user-pass-wrap){ position:relative!important; } body.ch-theme-pmpro-login-page .wp-pwd :is(input[type="password"],input[type="text"]){ padding-right:52px!important; } body.ch-theme-pmpro-login-page .wp-pwd .wp-hide-pw{ position:absolute!important; right:6px!important; top:50%!important; z-index:2!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:36px!important; min-width:36px!important; height:36px!important; min-height:36px!important; margin:0!important; padding:0!important; transform:translateY(-50%)!important; border:1px solid color-mix(in srgb,var(--ch-login-accent) 22%,var(--ch-login-border))!important; border-radius:10px!important; background:var(--ch-login-panel)!important; color:var(--ch-login-muted)!important; box-shadow:none!important; cursor:pointer!important; } body.ch-theme-pmpro-login-page .wp-pwd .wp-hide-pw:hover, body.ch-theme-pmpro-login-page .wp-pwd .wp-hide-pw:focus-visible{ border-color:color-mix(in srgb,var(--ch-login-accent) 55%,var(--ch-login-border))!important; background:color-mix(in srgb,var(--ch-login-accent) 7%,var(--ch-login-panel))!important; color:var(--ch-login-accent)!important; outline:none!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--ch-login-accent) 12%,transparent)!important; } body.ch-theme-pmpro-login-page .wp-pwd .wp-hide-pw .dashicons{ width:18px!important; height:18px!important; font-size:18px!important; line-height:18px!important; } body.ch-theme-pmpro-login-page :is(.pmpro_form_field-password,.pmpro_form_field_password,.login-password,.user-pass-wrap) :is(button[type="button"],input[type="button"]):not(.wp-hide-pw), body.ch-theme-pmpro-login-page form :is(button[type="button"],input[type="button"])[aria-label*="password" i]{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:0!important; min-height:34px!important; margin:7px 0 0!important; padding:6px 10px!important; border:1px solid var(--ch-login-border)!important; border-radius:999px!important; background:var(--ch-login-panel-soft)!important; color:var(--ch-login-muted)!important; box-shadow:none!important; font-size:.78rem!important; line-height:1!important; font-weight:750!important; } body.ch-theme-pmpro-login-page :is(.pmpro_form_field-password,.pmpro_form_field_password,.login-password,.user-pass-wrap) :is(button[type="button"],input[type="button"]):not(.wp-hide-pw):hover, body.ch-theme-pmpro-login-page form :is(button[type="button"],input[type="button"])[aria-label*="password" i]:hover{ border-color:color-mix(in srgb,var(--ch-login-accent) 45%,var(--ch-login-border))!important; color:var(--ch-login-accent)!important; } @media (min-width:782px) and (max-width:1100px){ body.ch-theme-pmpro-login-page .ch-theme-page-shell{width:min(100%,600px)!important;max-width:600px!important} body.ch-theme-pmpro-login-page .ch-theme-page-header{width:min(100%,520px)!important;max-width:520px!important} body.ch-theme-pmpro-login-page :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *){width:min(100%,520px)!important;max-width:520px!important} } @media(max-width:781px){ body.ch-theme-pmpro-login-page .ch-theme-page-shell{ width:100%!important; max-width:100%!important; padding-inline:14px!important; } body.ch-theme-pmpro-login-page .ch-theme-page-header{ width:100%!important; max-width:100%!important; margin:22px auto 8px!important; padding-inline:8px!important; } body.ch-theme-pmpro-login-page .ch-theme-page-header h1{font-size:clamp(1.5rem,7vw,1.85rem)!important} body.ch-theme-pmpro-login-page :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *){ width:100%!important; max-width:100%!important; margin:10px auto 24px!important; } } @media(prefers-reduced-motion:reduce){ body.ch-theme-pmpro-login-page .wp-pwd .wp-hide-pw{transition:none!important} } body.ch-theme-pmpro-login-page :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *) form :is(button[type="button"],input[type="button"]):not(.wp-hide-pw){ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:0!important; max-width:100%!important; min-height:34px!important; margin:7px 0 0!important; padding:6px 11px!important; border:1px solid var(--ch-login-border)!important; border-radius:999px!important; background:var(--ch-login-panel-soft)!important; color:var(--ch-login-muted)!important; box-shadow:none!important; font-size:.78rem!important; line-height:1!important; font-weight:750!important; } body.ch-theme-pmpro-login-page :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *) form :is(button[type="button"],input[type="button"]):not(.wp-hide-pw):hover, body.ch-theme-pmpro-login-page :is(.pmpro_login_wrap,.pmpro_login):not(.ch-theme-widget *) form :is(button[type="button"],input[type="button"]):not(.wp-hide-pw):focus-visible{ border-color:color-mix(in srgb,var(--ch-login-accent) 50%,var(--ch-login-border))!important; color:var(--ch-login-accent)!important; outline:none!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--ch-login-accent) 10%,transparent)!important; } body.ch-theme #pnfpb-push-dialog-container{ box-sizing:border-box!important; width:min(92vw,460px)!important; max-width:460px!important; max-height:min(78vh,680px)!important; overflow:auto!important; margin:0 auto!important; padding:18px!important; border:1px solid var(--ch-theme-border,#dbe3ec)!important; border-radius:18px!important; background:var(--ch-theme-surface,#fff)!important; color:var(--ch-theme-text,#172033)!important; box-shadow:0 24px 70px rgba(15,23,42,.24),0 3px 14px rgba(15,23,42,.1)!important; } body.ch-theme #pnfpb-push-dialog-container :is(h1,h2,h3,h4,h5,strong,label){ color:var(--ch-theme-text,#172033)!important; } body.ch-theme #pnfpb-push-dialog-container :is(p,span,small){ color:var(--ch-theme-text-muted,#64748b); } body.ch-theme #pnfpb-push-dialog-container :is(button,input[type="button"],input[type="submit"],a.button){ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; width:auto!important; min-width:0!important; min-height:36px!important; margin:0!important; padding:7px 11px!important; border-radius:10px!important; box-shadow:none!important; font-size:.82rem!important; font-weight:800!important; line-height:1.15!important; text-align:center!important; } body.ch-theme #pnfpb-push-dialog-container :is(button,input[type="button"],input[type="submit"]):not([aria-label*="close" i]):not([title*="close" i]){ border:1px solid color-mix(in srgb,var(--ch-theme-blue-dark,#0068cc) 72%,#0b65b8 28%)!important; background:linear-gradient(180deg,color-mix(in srgb,var(--ch-theme-blue,#0080ff) 94%,#fff 6%),var(--ch-theme-blue-dark,#0068cc))!important; color:#fff!important; } body.ch-theme #pnfpb-push-dialog-container :is(button,input[type="button"],input[type="submit"]):not([aria-label*="close" i]):not([title*="close" i]):hover, body.ch-theme #pnfpb-push-dialog-container :is(button,input[type="button"],input[type="submit"]):not([aria-label*="close" i]):not([title*="close" i]):focus-visible{ filter:brightness(.97)!important; outline:none!important; box-shadow:0 0 0 3px rgba(0,128,255,.11)!important; } body.ch-theme #pnfpb-push-dialog-container :is(button,input[type="button"])[aria-label*="close" i], body.ch-theme #pnfpb-push-dialog-container :is(button,input[type="button"])[title*="close" i], body.ch-theme #pnfpb-push-dialog-container .ui-dialog-titlebar-close{ display:grid!important; place-items:center!important; width:32px!important; min-width:32px!important; height:32px!important; min-height:32px!important; padding:0!important; border:1px solid var(--ch-theme-border,#dbe3ec)!important; border-radius:9px!important; background:var(--ch-theme-surface-soft,#f5f7fa)!important; color:var(--ch-theme-text-muted,#64748b)!important; box-shadow:none!important; font-size:18px!important; line-height:1!important; } body.ch-theme #pnfpb-push-dialog-container :is(button,input[type="button"])[aria-label*="close" i] :is(span,svg,i), body.ch-theme #pnfpb-push-dialog-container :is(button,input[type="button"])[title*="close" i] :is(span,svg,i), body.ch-theme #pnfpb-push-dialog-container .ui-dialog-titlebar-close :is(span,svg,i){ display:grid!important; place-items:center!important; margin:auto!important; line-height:1!important; } body.ch-theme #pnfpb-push-dialog-container :is(input[type="checkbox"],input[type="radio"]){ width:auto!important; min-width:16px!important; min-height:16px!important; } @supports selector(.ui-dialog:has(#pnfpb-push-dialog-container)){ body.ch-theme .ui-dialog:has(#pnfpb-push-dialog-container){ max-width:min(94vw,480px)!important; border:0!important; border-radius:18px!important; background:transparent!important; box-shadow:none!important; } body.ch-theme .ui-dialog:has(#pnfpb-push-dialog-container) .ui-dialog-titlebar{ border:0!important; background:transparent!important; } body.ch-theme .ui-dialog:has(#pnfpb-push-dialog-container) .ui-dialog-titlebar-close{ display:grid!important; place-items:center!important; width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; padding:0!important; border-radius:9px!important; box-shadow:none!important; } } html[data-ch-theme-mode="dark"] body.ch-theme #pnfpb-push-dialog-container, body.ch-theme-mode-dark #pnfpb-push-dialog-container, body.ch-theme-dark #pnfpb-push-dialog-container{ border-color:#33475f!important; background:#121e2e!important; color:#edf4ff!important; box-shadow:0 28px 76px rgba(0,0,0,.46)!important; } html[data-ch-theme-mode="dark"] body.ch-theme #pnfpb-push-dialog-container :is(h1,h2,h3,h4,h5,strong,label), body.ch-theme-mode-dark #pnfpb-push-dialog-container :is(h1,h2,h3,h4,h5,strong,label), body.ch-theme-dark #pnfpb-push-dialog-container :is(h1,h2,h3,h4,h5,strong,label){color:#edf4ff!important} html[data-ch-theme-mode="dark"] body.ch-theme #pnfpb-push-dialog-container :is(p,span,small), body.ch-theme-mode-dark #pnfpb-push-dialog-container :is(p,span,small), body.ch-theme-dark #pnfpb-push-dialog-container :is(p,span,small){color:#b8c8dc} @media(max-width:700px){ body.ch-theme #pnfpb-push-dialog-container{ width:min(calc(100vw - 20px),460px)!important; max-height:calc(100dvh - 24px)!important; padding:16px!important; border-radius:16px!important; } body.ch-theme #pnfpb-push-dialog-container :is(button,input[type="button"],input[type="submit"],a.button){ min-height:40px!important; padding:8px 12px!important; } body.ch-theme #pnfpb-push-dialog-container :is(button,input[type="button"])[aria-label*="close" i], body.ch-theme #pnfpb-push-dialog-container :is(button,input[type="button"])[title*="close" i], body.ch-theme #pnfpb-push-dialog-container .ui-dialog-titlebar-close{ width:34px!important; min-width:34px!important; height:34px!important; min-height:34px!important; padding:0!important; } } body.ch-theme .ch-theme-primary-menu a{ display:inline-flex; align-items:center; gap:7px; } body.ch-theme .ch-theme-primary-menu .sub-menu a, body.ch-theme .ch-theme-primary-menu--mobile a{ display:flex; align-items:center; } body.ch-theme .ch-theme-primary-menu-icon{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 17px; width:17px; height:17px; line-height:1; color:currentColor; } body.ch-theme .ch-theme-primary-menu-icon svg, body.ch-theme .ch-theme-primary-menu-icon img{ display:block; width:100%; height:100%; } body.ch-theme .ch-theme-primary-menu-icon svg{overflow:visible} body.ch-theme .ch-theme-primary-menu-icon--custom{ flex-basis:18px; width:18px; height:18px; } body.ch-theme .ch-theme-primary-menu-icon--custom img{ object-fit:contain; border-radius:3px; } body.ch-theme .ch-theme-primary-menu-label{ display:inline-block; min-width:0; } @media(max-width:782px){ body.ch-theme .ch-theme-primary-menu--mobile a{gap:9px} body.ch-theme .ch-theme-primary-menu--mobile .ch-theme-primary-menu-icon{ flex-basis:19px; width:19px; height:19px; } } body.ch-theme-standard-page .ch-theme-page-header{ box-sizing:border-box!important; width:min(100%,960px)!important; max-width:960px!important; margin:0 auto clamp(18px,2.2vw,26px)!important; padding:clamp(8px,1vw,12px) clamp(12px,2vw,22px) clamp(15px,1.8vw,20px)!important; border-bottom:1px solid color-mix(in srgb,var(--ch-theme-border,#d8e4f2) 82%,transparent)!important; text-align:center!important; } body.ch-theme-standard-page .ch-theme-page-header h1{ width:100%!important; margin:0!important; color:var(--ch-theme-text,#111827)!important; font-family:inherit!important; font-size:clamp(1.75rem,3vw,2.45rem)!important; font-weight:780!important; letter-spacing:-.038em!important; line-height:1.08!important; text-align:center!important; text-wrap:balance; } body.ch-theme-standard-page .ch-theme-page-header p{ max-width:680px!important; margin:8px auto 0!important; color:var(--ch-theme-muted,#667085)!important; text-align:center!important; } body.ch-theme-pmpro-checkout-page .ch-theme-page-shell{ box-sizing:border-box!important; width:min(100%,1040px)!important; max-width:1040px!important; margin-inline:auto!important; padding:0 clamp(12px,2vw,24px) 30px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.ch-theme-pmpro-checkout-page .ch-theme-page-header{ width:min(100%,900px)!important; max-width:900px!important; margin:0 auto clamp(16px,2vw,24px)!important; padding:clamp(18px,2.4vw,26px) clamp(18px,3vw,30px)!important; border:1px solid color-mix(in srgb,var(--ch-theme-blue,#0080ff) 24%,var(--ch-theme-border,#d8e4f2))!important; border-radius:20px!important; background:linear-gradient(135deg,color-mix(in srgb,var(--ch-theme-blue,#0080ff) 7%,var(--ch-theme-surface,#fff)),var(--ch-theme-surface,#fff))!important; box-shadow:0 12px 34px rgba(15,23,42,.07)!important; text-align:center!important; } body.ch-theme-pmpro-checkout-page .ch-theme-page-header h1{ color:var(--ch-theme-text,#111827)!important; font-size:clamp(1.85rem,3.4vw,2.7rem)!important; font-weight:800!important; letter-spacing:-.042em!important; line-height:1.05!important; text-align:center!important; } body.ch-theme-pmpro-checkout-page .ch-theme-page-content{ width:100%!important; max-width:100%!important; } body.ch-theme-pmpro-checkout-page .pmpro{ box-sizing:border-box!important; width:min(100%,900px)!important; max-width:900px!important; margin:0 auto!important; color:var(--ch-theme-text,#111827)!important; font-family:inherit!important; } body.ch-theme-pmpro-checkout-page #pmpro_form{ display:grid!important; gap:16px!important; width:100%!important; margin:0!important; } body.ch-theme-pmpro-checkout-page #pmpro_form > p{ margin:0!important; padding:12px 14px!important; border:1px solid var(--ch-theme-border,#d8e4f2)!important; border-radius:12px!important; background:var(--ch-theme-surface-soft,#f8fbff)!important; color:var(--ch-theme-text,#111827)!important; line-height:1.5!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_fieldset{ min-width:0!important; margin:0!important; padding:0!important; border:0!important; } body.ch-theme-pmpro-checkout-page :is(.pmpro_card,#pmpro_pricing_fields){ box-sizing:border-box!important; width:100%!important; margin:0!important; overflow:hidden!important; border:1px solid var(--ch-theme-border,#d8e4f2)!important; border-radius:18px!important; background:var(--ch-theme-surface,#fff)!important; color:var(--ch-theme-text,#111827)!important; box-shadow:0 10px 28px rgba(15,23,42,.07)!important; } body.ch-theme-pmpro-checkout-page #pmpro_pricing_fields{ border-color:color-mix(in srgb,var(--ch-theme-blue,#0080ff) 30%,var(--ch-theme-border,#d8e4f2))!important; box-shadow:0 12px 34px color-mix(in srgb,var(--ch-theme-blue,#0080ff) 8%,rgba(15,23,42,.06))!important; } body.ch-theme-pmpro-checkout-page .pmpro_card_title{ margin:0!important; padding:18px 20px 0!important; color:var(--ch-theme-text,#111827)!important; font-family:inherit!important; font-size:clamp(1.05rem,1.5vw,1.28rem)!important; font-weight:800!important; letter-spacing:-.02em!important; line-height:1.25!important; text-align:left!important; } body.ch-theme-pmpro-checkout-page .pmpro_card_content{ padding:12px 20px 20px!important; color:var(--ch-theme-text,#111827)!important; } body.ch-theme-pmpro-checkout-page .pmpro_card_actions{ margin:0!important; padding:11px 20px!important; border-top:1px solid var(--ch-theme-border,#d8e4f2)!important; background:var(--ch-theme-surface-soft,#f8fbff)!important; color:var(--ch-theme-text,#111827)!important; text-align:center!important; } body.ch-theme-pmpro-checkout-page .pmpro :is(h1,h2,h3,h4,h5,h6,strong,legend,.pmpro_font-large,.pmpro_level_name_text){ color:var(--ch-theme-text,#111827)!important; } body.ch-theme-pmpro-checkout-page .pmpro :is(p,label,.pmpro_form_label,.pmpro_card_actions,td,th){ color:var(--ch-theme-text,#111827)!important; } body.ch-theme-pmpro-checkout-page .pmpro :is(small,.pmpro_form_hint,.pmpro_form_field-description,.pmpro_checkout-field-description){ color:var(--ch-theme-muted,#667085)!important; } body.ch-theme-pmpro-checkout-page .pmpro a{ color:var(--ch-theme-blue,#0080ff)!important; font-weight:700!important; text-underline-offset:2px!important; } body.ch-theme-pmpro-checkout-page .pmpro a:hover, body.ch-theme-pmpro-checkout-page .pmpro a:focus-visible{ color:color-mix(in srgb,var(--ch-theme-blue,#0080ff) 82%,var(--ch-theme-text,#111827))!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_fields{ display:grid!important; gap:12px!important; } body.ch-theme-pmpro-checkout-page .pmpro_cols-2{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_field{ min-width:0!important; margin:0!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_label{ display:block!important; margin:0 0 6px!important; font-size:.82rem!important; font-weight:760!important; line-height:1.25!important; } body.ch-theme-pmpro-checkout-page .pmpro :is( input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"], select,textarea,.pmpro_form_input ){ box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-height:44px!important; padding:9px 11px!important; border:1px solid color-mix(in srgb,var(--ch-theme-border,#d8e4f2) 92%,var(--ch-theme-text,#111827) 8%)!important; border-radius:10px!important; background:var(--ch-theme-surface-soft,#f8fbff)!important; color:var(--ch-theme-text,#111827)!important; box-shadow:none!important; font:inherit!important; line-height:1.25!important; } body.ch-theme-pmpro-checkout-page .pmpro :is(input,textarea)::placeholder{ color:color-mix(in srgb,var(--ch-theme-muted,#667085) 78%,transparent)!important; opacity:1!important; } body.ch-theme-pmpro-checkout-page .pmpro :is( input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"], select,textarea,.pmpro_form_input ):focus{ border-color:var(--ch-theme-blue,#0080ff)!important; outline:none!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--ch-theme-blue,#0080ff) 13%,transparent)!important; } body.ch-theme-pmpro-checkout-page .pmpro :is(input[type="checkbox"],input[type="radio"]){ width:17px!important; min-width:17px!important; height:17px!important; min-height:17px!important; padding:0!important; accent-color:var(--ch-theme-blue,#0080ff)!important; } body.ch-theme-pmpro-checkout-page #pmpro_account_loggedin{ margin:0!important; padding:12px 14px!important; border:1px solid color-mix(in srgb,var(--ch-theme-blue,#0080ff) 16%,var(--ch-theme-border,#d8e4f2))!important; border-radius:12px!important; background:color-mix(in srgb,var(--ch-theme-blue,#0080ff) 5%,var(--ch-theme-surface-soft,#f8fbff))!important; color:var(--ch-theme-text,#111827)!important; line-height:1.5!important; } body.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_btn,button,input[type="button"],input[type="submit"]){ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; width:auto!important; min-width:0!important; min-height:34px!important; margin:0!important; padding:6px 10px!important; border:1px solid var(--ch-theme-blue,#0080ff)!important; border-radius:8px!important; background:var(--ch-theme-blue,#0080ff)!important; color:#fff!important; box-shadow:none!important; font-family:inherit!important; font-size:.8rem!important; font-weight:760!important; line-height:1.1!important; text-align:center!important; text-decoration:none!important; } body.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_btn,button,input[type="button"],input[type="submit"]):hover, body.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_btn,button,input[type="button"],input[type="submit"]):focus-visible{ filter:brightness(.97)!important; outline:none!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--ch-theme-blue,#0080ff) 12%,transparent)!important; } body.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_btn-plain,.pmpro_btn-password-toggle){ min-height:34px!important; padding:6px 9px!important; border-color:var(--ch-theme-border,#d8e4f2)!important; background:var(--ch-theme-surface-soft,#f8fbff)!important; color:var(--ch-theme-muted,#667085)!important; } body.ch-theme-pmpro-checkout-page .pmpro .pmpro_btn-password-toggle svg{ display:block!important; width:18px!important; height:18px!important; stroke:currentColor!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_submit{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; margin:0!important; padding:4px 0 0!important; } body.ch-theme-pmpro-checkout-page #pmpro_btn-submit{ min-height:38px!important; padding:7px 14px!important; border-radius:8px!important; font-size:.84rem!important; } body.ch-theme-pmpro-checkout-page #pmpro_processing_message{ color:var(--ch-theme-muted,#667085)!important; font-size:.82rem!important; font-weight:650!important; } body.ch-theme-pmpro-checkout-page .pmpro_message{ box-sizing:border-box!important; width:100%!important; margin:0!important; padding:12px 14px!important; border:1px solid var(--ch-theme-border,#d8e4f2)!important; border-radius:12px!important; background:var(--ch-theme-surface,#fff)!important; color:var(--ch-theme-text,#111827)!important; } html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-checkout-page .ch-theme-page-header, body.ch-theme-mode-dark.ch-theme-pmpro-checkout-page .ch-theme-page-header{ border-color:color-mix(in srgb,var(--ch-theme-blue,#60a5fa) 34%,#334155)!important; background:linear-gradient(135deg,color-mix(in srgb,var(--ch-theme-blue,#60a5fa) 9%,#121c2b),#121c2b)!important; box-shadow:0 16px 40px rgba(0,0,0,.26)!important; } html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-checkout-page :is(.pmpro_card,#pmpro_pricing_fields,.pmpro_message), body.ch-theme-mode-dark.ch-theme-pmpro-checkout-page :is(.pmpro_card,#pmpro_pricing_fields,.pmpro_message){ border-color:#2b3d55!important; background:#121c2b!important; color:#f5f7fb!important; box-shadow:0 14px 34px rgba(0,0,0,.24)!important; } html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-checkout-page .pmpro_card_actions, body.ch-theme-mode-dark.ch-theme-pmpro-checkout-page .pmpro_card_actions, html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-checkout-page #pmpro_account_loggedin, body.ch-theme-mode-dark.ch-theme-pmpro-checkout-page #pmpro_account_loggedin{ border-color:#2b3d55!important; background:#172235!important; color:#f5f7fb!important; } html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-checkout-page .pmpro :is( input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],select,textarea,.pmpro_form_input ), body.ch-theme-mode-dark.ch-theme-pmpro-checkout-page .pmpro :is( input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],select,textarea,.pmpro_form_input ){ border-color:#33475f!important; background:#0d1725!important; color:#f5f7fb!important; } html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_btn-plain,.pmpro_btn-password-toggle), body.ch-theme-mode-dark.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_btn-plain,.pmpro_btn-password-toggle){ border-color:#33475f!important; background:#172235!important; color:#c2d0e2!important; } @media (min-width:783px) and (max-width:1100px){ body.ch-theme-pmpro-checkout-page .ch-theme-page-shell{width:min(100%,920px)!important;padding-inline:18px!important} body.ch-theme-pmpro-checkout-page .pmpro{width:min(100%,820px)!important} body.ch-theme-pmpro-checkout-page .ch-theme-page-header{width:min(100%,820px)!important} } @media(max-width:782px){ body.ch-theme-standard-page .ch-theme-page-header{ margin-bottom:14px!important; padding:6px 8px 14px!important; } body.ch-theme-standard-page .ch-theme-page-header h1{ font-size:clamp(1.55rem,7vw,1.95rem)!important; } body.ch-theme-pmpro-checkout-page .ch-theme-page-shell{ width:100%!important; max-width:100%!important; padding:0 10px 24px!important; } body.ch-theme-pmpro-checkout-page .ch-theme-page-header{ width:100%!important; margin-bottom:12px!important; padding:16px 14px!important; border-radius:16px!important; } body.ch-theme-pmpro-checkout-page .ch-theme-page-header h1{ font-size:clamp(1.65rem,8vw,2rem)!important; } body.ch-theme-pmpro-checkout-page #pmpro_form{gap:12px!important} body.ch-theme-pmpro-checkout-page :is(.pmpro_card,#pmpro_pricing_fields){border-radius:15px!important} body.ch-theme-pmpro-checkout-page .pmpro_card_title{padding:15px 14px 0!important;font-size:1.04rem!important} body.ch-theme-pmpro-checkout-page .pmpro_card_content{padding:10px 14px 15px!important} body.ch-theme-pmpro-checkout-page .pmpro_card_actions{padding:10px 14px!important} body.ch-theme-pmpro-checkout-page .pmpro_cols-2{grid-template-columns:minmax(0,1fr)!important;gap:10px!important} body.ch-theme-pmpro-checkout-page .pmpro :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],select,textarea,.pmpro_form_input){ min-height:46px!important; font-size:16px!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_submit{justify-content:stretch!important} body.ch-theme-pmpro-checkout-page #pmpro_submit_span{display:block!important;width:100%!important} body.ch-theme-pmpro-checkout-page #pmpro_btn-submit{width:100%!important;min-height:46px!important} } @media(prefers-reduced-motion:reduce){ body.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_btn,button,input[type="button"],input[type="submit"],input,select,textarea){transition:none!important} } body.ch-theme-pmpro-checkout-page .pmpro, body.ch-theme-pmpro-checkout-page #pmpro_form, body.ch-theme-pmpro-checkout-page #pmpro_form > *, body.ch-theme-pmpro-checkout-page .pmpro_form_fieldset, body.ch-theme-pmpro-checkout-page :is(.pmpro_card,#pmpro_pricing_fields), body.ch-theme-pmpro-checkout-page .pmpro_card_content, body.ch-theme-pmpro-checkout-page .pmpro_form_fields, body.ch-theme-pmpro-checkout-page .pmpro_cols-2{ box-sizing:border-box!important; width:100%!important; max-width:none!important; } body.ch-theme-pmpro-checkout-page .pmpro{ width:min(100%,920px)!important; max-width:920px!important; } body.ch-theme-pmpro-checkout-page #pmpro_form{ gap:18px!important; } body.ch-theme-pmpro-checkout-page :is(.pmpro_card,#pmpro_pricing_fields){ position:relative!important; border-radius:17px!important; border-color:color-mix(in srgb,var(--ch-theme-border,#d8e4f2) 84%,var(--ch-theme-blue,#0080ff) 16%)!important; background:linear-gradient(180deg,var(--ch-theme-surface,#fff),color-mix(in srgb,var(--ch-theme-surface-soft,#f8fbff) 58%,var(--ch-theme-surface,#fff)))!important; box-shadow:0 12px 30px rgba(15,23,42,.065)!important; } body.ch-theme-pmpro-checkout-page :is(.pmpro_card,#pmpro_pricing_fields)::before{ content:""; position:absolute; inset:0 auto 0 0; width:3px; border-radius:17px 0 0 17px; background:linear-gradient(180deg,var(--ch-theme-blue,#0080ff),color-mix(in srgb,var(--ch-theme-blue,#0080ff) 48%,transparent)); opacity:.8; pointer-events:none; } body.ch-theme-pmpro-checkout-page .pmpro_card_title{ position:relative!important; padding:20px 24px 10px!important; font-size:clamp(1.08rem,1.45vw,1.28rem)!important; font-weight:820!important; letter-spacing:-.025em!important; text-align:center!important; } body.ch-theme-pmpro-checkout-page .pmpro_card_title::after{ content:""; display:block; width:38px; height:2px; margin:9px auto 0; border-radius:999px; background:color-mix(in srgb,var(--ch-theme-blue,#0080ff) 76%,transparent); } body.ch-theme-pmpro-checkout-page .pmpro_card_content{ padding:12px 24px 24px!important; } body.ch-theme-pmpro-checkout-page .pmpro_card_actions{ padding:13px 24px!important; } body.ch-theme-pmpro-checkout-page #pmpro_pricing_fields .pmpro_card_content{ text-align:center!important; } body.ch-theme-pmpro-checkout-page #pmpro_pricing_fields .pmpro_level_name_text{ margin:0 auto 8px!important; font-size:1rem!important; line-height:1.55!important; } body.ch-theme-pmpro-checkout-page #pmpro_pricing_fields .pmpro_level_name_text strong{ color:var(--ch-theme-blue,#0080ff)!important; font-weight:850!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_fields{ gap:15px!important; } body.ch-theme-pmpro-checkout-page .pmpro_cols-2{ grid-template-columns:repeat(2,minmax(0,1fr))!important; column-gap:20px!important; row-gap:15px!important; } body.ch-theme-pmpro-checkout-page .pmpro_cols-2 > *, body.ch-theme-pmpro-checkout-page .pmpro_form_field{ box-sizing:border-box!important; width:100%!important; max-width:none!important; min-width:0!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_label{ margin:0 0 7px!important; font-size:.86rem!important; font-weight:760!important; letter-spacing:-.006em!important; line-height:1.25!important; } body.ch-theme-pmpro-checkout-page .pmpro :is( input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"], select,textarea,.pmpro_form_input ){ min-height:47px!important; padding:10px 13px!important; border-radius:11px!important; font-size:.94rem!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_fields-inline{ display:flex!important; align-items:stretch!important; gap:8px!important; width:100%!important; max-width:none!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_fields-inline .pmpro_form_input{ flex:1 1 auto!important; min-width:0!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_fields-inline :is(.pmpro_btn,button,input[type="button"]){ flex:0 0 auto!important; min-height:36px!important; padding-inline:11px!important; } body.ch-theme-pmpro-checkout-page #pmpro_account_loggedin{ padding:14px 16px!important; border-radius:11px!important; text-align:center!important; } body.ch-theme-pmpro-checkout-page #pmpro_account_loggedin strong{ font-weight:850!important; } body.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_form_field-checkbox,.pmpro_checkout-field-checkbox){ box-sizing:border-box!important; width:100%!important; max-width:none!important; margin:0!important; padding:13px 15px!important; border:1px solid var(--ch-theme-border,#d8e4f2)!important; border-radius:12px!important; background:var(--ch-theme-surface-soft,#f8fbff)!important; } body.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_form_field-checkbox,.pmpro_checkout-field-checkbox) label, body.ch-theme-pmpro-checkout-page #pmpro_form label:has(input[type="checkbox"]){ display:flex!important; align-items:flex-start!important; justify-content:center!important; gap:9px!important; width:100%!important; margin:0!important; color:var(--ch-theme-text,#111827)!important; font-size:.86rem!important; font-weight:680!important; line-height:1.4!important; text-align:left!important; } body.ch-theme-pmpro-checkout-page #pmpro_form label:has(input[type="checkbox"]) input[type="checkbox"]{ margin-top:1px!important; flex:0 0 18px!important; } body.ch-theme-pmpro-checkout-page .pmpro_form_submit{ box-sizing:border-box!important; width:100%!important; max-width:none!important; min-height:72px!important; margin:0!important; padding:13px 16px!important; border:1px solid color-mix(in srgb,var(--ch-theme-blue,#0080ff) 20%,var(--ch-theme-border,#d8e4f2))!important; border-radius:14px!important; background:color-mix(in srgb,var(--ch-theme-blue,#0080ff) 4%,var(--ch-theme-surface,#fff))!important; justify-content:center!important; } body.ch-theme-pmpro-checkout-page #pmpro_submit_span{ display:inline-flex!important; } body.ch-theme-pmpro-checkout-page #pmpro_btn-submit{ min-height:39px!important; padding:8px 16px!important; border-radius:8px!important; box-shadow:0 3px 10px color-mix(in srgb,var(--ch-theme-blue,#0080ff) 14%,transparent)!important; font-size:.84rem!important; letter-spacing:-.006em!important; } html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-checkout-page :is(.pmpro_card,#pmpro_pricing_fields), body.ch-theme-mode-dark.ch-theme-pmpro-checkout-page :is(.pmpro_card,#pmpro_pricing_fields){ border-color:#2d425d!important; background:linear-gradient(180deg,#142033,#111b2b)!important; box-shadow:0 14px 34px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.018)!important; } html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-checkout-page .pmpro_card_actions, body.ch-theme-mode-dark.ch-theme-pmpro-checkout-page .pmpro_card_actions{ background:#101a29!important; border-color:#2d425d!important; } html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_form_field-checkbox,.pmpro_checkout-field-checkbox), body.ch-theme-mode-dark.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_form_field-checkbox,.pmpro_checkout-field-checkbox), html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-checkout-page .pmpro_form_submit, body.ch-theme-mode-dark.ch-theme-pmpro-checkout-page .pmpro_form_submit{ border-color:#2d425d!important; background:#121e30!important; color:#f5f7fb!important; } html[data-ch-theme-mode="dark"] body.ch-theme-pmpro-checkout-page .pmpro :is( input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],select,textarea,.pmpro_form_input ), body.ch-theme-mode-dark.ch-theme-pmpro-checkout-page .pmpro :is( input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],select,textarea,.pmpro_form_input ){ border-color:#38506c!important; background:#0b1624!important; color:#f7f9fc!important; } @media (min-width:783px) and (max-width:1100px){ body.ch-theme-pmpro-checkout-page .pmpro{width:min(100%,790px)!important;max-width:790px!important} body.ch-theme-pmpro-checkout-page .pmpro_cols-2{column-gap:16px!important} } @media(max-width:782px){ body.ch-theme-pmpro-checkout-page .pmpro, body.ch-theme-pmpro-checkout-page #pmpro_form, body.ch-theme-pmpro-checkout-page #pmpro_form > *, body.ch-theme-pmpro-checkout-page .pmpro_form_fieldset, body.ch-theme-pmpro-checkout-page :is(.pmpro_card,#pmpro_pricing_fields){ width:100%!important; max-width:none!important; } body.ch-theme-pmpro-checkout-page .pmpro_card_title{padding:17px 15px 8px!important} body.ch-theme-pmpro-checkout-page .pmpro_card_content{padding:10px 15px 17px!important} body.ch-theme-pmpro-checkout-page .pmpro_cols-2{grid-template-columns:minmax(0,1fr)!important;gap:11px!important} body.ch-theme-pmpro-checkout-page .pmpro_form_fields-inline{align-items:stretch!important} body.ch-theme-pmpro-checkout-page .pmpro_form_submit{min-height:0!important;padding:11px!important} body.ch-theme-pmpro-checkout-page #pmpro_submit_span{display:block!important;width:100%!important} body.ch-theme-pmpro-checkout-page #pmpro_btn-submit{width:100%!important;min-height:42px!important} } body.ch-theme :is(.ch-theme-page-content,.ch-theme-entry-content,.ch-theme-widget,.comments-area) :is(button,input[type="submit"],input[type="button"],a.button,.wp-block-button__link):not(.ch-theme-header-icon-button):not(.ch-remove-attachment):not(.ch-forum-menu-button):not(.ch-forum-action-button):not(.ch-action-button):not(.ch-repost-combo-button):not(.ch-bookmark-button){ vertical-align:middle; text-rendering:optimizeLegibility; } body.ch-theme :is(button,a.button,.wp-block-button__link) > :is(svg,.dashicons,i){ flex:0 0 auto; margin:0; line-height:1; } body.ch-theme :is(button,a.button,.wp-block-button__link) > svg{ display:block; } @media(max-width:782px){ body.ch-theme .ch-theme-page-content :is(button,input[type="submit"],input[type="button"],a.button,.wp-block-button__link):not(.ch-theme-header-icon-button):not(.ch-remove-attachment):not(.ch-action-button), body.ch-theme .ch-theme-entry-content :is(button,input[type="submit"],input[type="button"],a.button,.wp-block-button__link):not(.ch-theme-header-icon-button):not(.ch-remove-attachment):not(.ch-action-button){ min-height:40px; padding:8px 11px; } body.ch-theme-pmpro-checkout-page .pmpro :is(.pmpro_btn,button,input[type="button"],input[type="submit"]){ min-height:40px!important; padding:8px 11px!important; border-radius:9px!important; } body.ch-theme-pmpro-checkout-page #pmpro_btn-submit{ min-height:42px!important; padding:9px 15px!important; } } .ch-theme-brand .ch-theme-user-identity-logo { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 22%; } body.ch-theme .ch-theme-primary-menu-icon{ box-sizing:border-box!important; overflow:visible!important; vertical-align:middle!important; flex:0 0 18px!important; width:18px!important; min-width:18px!important; height:18px!important; min-height:18px!important; line-height:0!important; } body.ch-theme .ch-theme-primary-menu-icon svg{ display:block!important; width:18px!important; height:18px!important; max-width:none!important; max-height:none!important; overflow:visible!important; flex:none!important; transform:none!important; } body.ch-theme .ch-theme-primary-menu-icon img{ display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; } body.ch-theme .ch-theme-primary-menu a{ overflow:visible!important; } @media(max-width:782px){ body.ch-theme .ch-theme-primary-menu--mobile .ch-theme-primary-menu-icon{ flex-basis:20px!important; width:20px!important; min-width:20px!important; height:20px!important; min-height:20px!important; } body.ch-theme .ch-theme-primary-menu--mobile .ch-theme-primary-menu-icon svg{ width:20px!important; height:20px!important; } } body.ch-theme .ch-theme-primary-menu-icon--dashicon .dashicons{ display:block!important; width:18px!important; height:18px!important; font-size:18px!important; line-height:18px!important; text-align:center!important; color:currentColor!important; font-family:dashicons!important; font-weight:400!important; font-style:normal!important; text-decoration:inherit!important; vertical-align:top!important; } @media(max-width:782px){ body.ch-theme .ch-theme-primary-menu--mobile .ch-theme-primary-menu-icon--dashicon .dashicons{ width:20px!important; height:20px!important; font-size:20px!important; line-height:20px!important; } } .ch-theme-primary-menu-icon--brand img{display:block;width:1em;height:1em;object-fit:contain;border-radius:50%;transform:none} body.ch-theme .ch-theme-primary-menu-icon--fontawesome .ch-theme-fa-icon, body.ch-theme .ch-theme-primary-menu-icon .ch-theme-fa-icon{ display:block!important; width:100%!important; height:100%!important; fill:currentColor!important; color:inherit!important; overflow:visible!important; } body.ch-theme .ch-theme-sidebar :is(.widget,.ch-theme-widget) :is(button,input[type="submit"],a.button,.button,.wp-block-button__link,.wp-block-search__button){ min-height:38px!important; padding:0 14px!important; border:1px solid color-mix(in srgb,var(--ch-theme-blue,#168cff) 72%,#ffffff 28%)!important; border-radius:10px!important; background:linear-gradient(180deg,color-mix(in srgb,var(--ch-theme-blue,#168cff) 90%,#ffffff 10%),var(--ch-theme-blue,#168cff))!important; color:#ffffff!important; font-size:13px!important; font-weight:800!important; line-height:1!important; letter-spacing:0!important; text-decoration:none!important; box-shadow:0 5px 14px color-mix(in srgb,var(--ch-theme-blue,#168cff) 20%,transparent)!important; transition:transform .12s ease,box-shadow .16s ease,filter .16s ease!important; } body.ch-theme .ch-theme-sidebar :is(.widget,.ch-theme-widget) :is(button,input[type="submit"],a.button,.button,.wp-block-button__link,.wp-block-search__button):hover{ transform:translateY(-1px)!important; filter:saturate(1.04)!important; box-shadow:0 7px 18px color-mix(in srgb,var(--ch-theme-blue,#168cff) 27%,transparent)!important; } body.ch-theme .ch-theme-sidebar :is(.widget,.ch-theme-widget) :is(button,input[type="submit"],a.button,.button,.wp-block-button__link,.wp-block-search__button):active{ transform:translateY(0) scale(.985)!important; } body.ch-theme .ch-theme-sidebar :is(.widget,.ch-theme-widget) :is(button,input[type="submit"],a.button,.button,.wp-block-button__link,.wp-block-search__button):focus-visible{ outline:3px solid color-mix(in srgb,var(--ch-theme-blue,#168cff) 28%,transparent)!important; outline-offset:2px!important; } body.ch-theme .ch-theme-sidebar :is(.widget,.ch-theme-widget) :is(button[aria-label],.is-style-circle){ min-width:38px!important; width:38px!important; padding:0!important; border-radius:10px!important; } body.ch-theme .ch-theme-sidebar .ch-game-play-button, body.ch-theme .ch-theme-sidebar .ch-game-widget-expand{ min-height:38px!important; border-radius:10px!important; font-size:13px!important; font-weight:850!important; box-shadow:0 5px 14px color-mix(in srgb,var(--ch-theme-blue,#168cff) 20%,transparent)!important; } @media(max-width:782px){ body.ch-theme .ch-theme-sidebar :is(.widget,.ch-theme-widget) :is(button,input[type="submit"],a.button,.button,.wp-block-button__link,.wp-block-search__button){ min-height:38px!important; padding-inline:13px!important; border-radius:10px!important; font-size:13px!important; } } body.ch-theme.ch-theme-nav-cosmetic-hooligan-champion-nav .ch-theme-community-bar{position:relative;isolation:isolate;background:linear-gradient(145deg,#090b10,#241b08 46%,#0b0d12)!important;border-color:rgba(215,173,61,.62)!important;box-shadow:0 -1px 0 rgba(255,239,170,.10),0 0 0 1px rgba(215,173,61,.16),0 0 28px rgba(184,128,17,.18)!important;overflow:visible} body.ch-theme.ch-theme-nav-cosmetic-hooligan-champion-nav .ch-theme-community-bar::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,242,177,.12) 48%,transparent 62%);background-size:250% 100%;animation:chThemeChampionSweep 5.2s ease-in-out infinite;z-index:0} body.ch-theme.ch-theme-nav-cosmetic-hooligan-champion-nav .ch-theme-community-bar .ch-theme-nav-pill{position:relative;z-index:1;color:#f5e8bd!important;text-shadow:0 1px 8px rgba(0,0,0,.48)} body.ch-theme.ch-theme-nav-cosmetic-hooligan-champion-nav .ch-theme-community-bar .ch-theme-nav-pill:is(:hover,:focus-visible,.is-active){background:linear-gradient(145deg,rgba(242,201,91,.22),rgba(132,85,8,.28))!important;color:#fff2b0!important;box-shadow:inset 0 0 0 1px rgba(244,201,93,.32),0 0 12px rgba(244,201,93,.16)!important} body.ch-theme.ch-theme-nav-cosmetic-hooligan-champion-nav .ch-theme-community-center-action{background:linear-gradient(145deg,#f0ca5b,#8b5908)!important;border-color:#ffe59a!important;color:#1a1002!important;box-shadow:0 0 18px rgba(244,201,93,.35)!important} body.ch-theme-nav-cosmetic-hooligan-champion-nav .ch-theme-back-to-top{background:linear-gradient(145deg,#1d1608,#8d5a08)!important;border-color:#e0b746!important;color:#ffe9a0!important;box-shadow:0 7px 20px rgba(95,61,6,.28)!important} body.ch-theme-nav-cosmetic-hooligan-champion-nav .ch-theme-back-to-top:is(:hover,:focus-visible,:active){background:linear-gradient(145deg,#e8bf50,#8b5908)!important;color:#170f02!important} @keyframes chThemeChampionSweep{0%,62%,100%{background-position:180% 0}82%{background-position:-80% 0}} @media(prefers-reduced-motion:reduce){body.ch-theme.ch-theme-nav-cosmetic-hooligan-champion-nav .ch-theme-community-bar::before{animation:none!important}} html[data-ch-theme-mode="light"] body.ch-theme, html:not([data-ch-theme-mode]) body.ch-theme:not(.ch-theme-mode-dark){ --ch-bg:var(--ch-theme-bg,#eef3f8); --ch-surface:var(--ch-theme-surface,#fff); --ch-surface-raised:var(--ch-theme-surface,#fff); --ch-surface-soft:var(--ch-theme-surface-soft,#eef3f8); --ch-text:var(--ch-theme-text,#101828); --ch-text-muted:var(--ch-theme-muted,#526174); --ch-border:var(--ch-theme-border,#c4cfdd); --ch-input-bg:#fff; } html[data-ch-theme-mode="light"] body.ch-theme :is( .ch-theme-page,.ch-theme-single,.ch-theme-widget,.ch-activity-card,.ch-profile-header-card, .ch-profile-settings-card,.ch-profile-settings-nav,.ch-member-card,.ch-group-card,.ch-forum-card, .ch-forum-post-card,.ch-notification-item,.ch-composer,.ch-community-feed-header,.ch-page-header ){ border-color:var(--ch-theme-border,#c4cfdd)!important; } html[data-ch-theme-mode="light"] body.ch-theme :is( .ch-theme-widget,.ch-activity-card,.ch-profile-header-card,.ch-profile-settings-card, .ch-member-card,.ch-group-card,.ch-forum-card,.ch-forum-post-card,.ch-notification-item,.ch-composer ){ box-shadow:var(--ch-theme-soft-shadow,0 10px 28px rgba(15,23,42,.10)); } html[data-ch-theme-mode="light"] body.ch-theme :is(input,select,textarea){ border-color:var(--ch-theme-border,#c4cfdd); } .ch-theme-community-shell--profile.ch-theme-layout--sidebar-both{ grid-template-columns:minmax(220px,280px) minmax(0,min(100%,900px)) minmax(220px,300px)!important; justify-content:center!important; } html[data-ch-theme-mode="light"], body:not(.ch-theme-mode-dark){ --ch-theme-bg:#eef2f6; --ch-theme-surface:#fcfdff; --ch-theme-surface-soft:#f4f7fb; --ch-theme-text:#0f172a; --ch-theme-muted:#516174; --ch-theme-border:#b7c5d6; --ch-theme-shadow:0 18px 44px rgba(15,23,42,.10); --ch-theme-soft-shadow:0 10px 24px rgba(15,23,42,.07); } html[data-ch-theme-mode="light"] body, body:not(.ch-theme-mode-dark){ background: radial-gradient(circle at 18% 12%, rgba(255,255,255,.82), transparent 23rem), radial-gradient(circle at 82% 8%, rgba(210,225,240,.34), transparent 26rem), linear-gradient(115deg, rgba(170,182,196,.11) 0%, rgba(255,255,255,0) 17%, rgba(182,195,209,.09) 33%, rgba(255,255,255,0) 48%, rgba(168,180,194,.08) 63%, rgba(255,255,255,0) 79%, rgba(182,195,209,.07) 100%), linear-gradient(180deg, #f6f8fb 0%, #edf2f7 100%) !important; background-attachment: fixed !important; } html[data-ch-theme-mode="light"] .ch-theme-header, body:not(.ch-theme-mode-dark) .ch-theme-header{ background:color-mix(in srgb, #ffffff 91%, rgba(233,239,246,.96)) !important; backdrop-filter:blur(18px) saturate(1.08); border-color:rgba(170,183,197,.72)!important; box-shadow:0 14px 34px rgba(15,23,42,.08)!important; } html[data-ch-theme-mode="light"] .ch-theme-widget, html[data-ch-theme-mode="light"] .ch-theme-post-card, html[data-ch-theme-mode="light"] .ch-theme-page-shell, html[data-ch-theme-mode="light"] .ch-theme-single-header, html[data-ch-theme-mode="light"] .ch-theme-mobile-widget-bar, html[data-ch-theme-mode="light"] .ch-theme-comments, html[data-ch-theme-mode="light"] .widget, html[data-ch-theme-mode="light"] .ch-account-danger-zone, html[data-ch-theme-mode="light"] .ch-account-lifecycle-action-card, html[data-ch-theme-mode="light"] .ch-account-lifecycle-state, html[data-ch-theme-mode="light"] .ch-account-deletion-admin, html[data-ch-theme-mode="light"] .ch-hooligan-hof, html[data-ch-theme-mode="light"] .ch-hooligan-hof-card, html[data-ch-theme-mode="light"] .ch-hof-spotlight-panel, body:not(.ch-theme-mode-dark) .ch-theme-widget, body:not(.ch-theme-mode-dark) .ch-theme-post-card, body:not(.ch-theme-mode-dark) .ch-theme-page-shell, body:not(.ch-theme-mode-dark) .ch-theme-single-header, body:not(.ch-theme-mode-dark) .ch-theme-mobile-widget-bar, body:not(.ch-theme-mode-dark) .ch-theme-comments, body:not(.ch-theme-mode-dark) .widget, body:not(.ch-theme-mode-dark) .ch-account-danger-zone, body:not(.ch-theme-mode-dark) .ch-account-lifecycle-action-card, body:not(.ch-theme-mode-dark) .ch-account-lifecycle-state, body:not(.ch-theme-mode-dark) .ch-account-deletion-admin, body:not(.ch-theme-mode-dark) .ch-hooligan-hof, body:not(.ch-theme-mode-dark) .ch-hooligan-hof-card, body:not(.ch-theme-mode-dark) .ch-hof-spotlight-panel{ background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,251,255,.95)) padding-box, linear-gradient(180deg, rgba(255,255,255,.92), rgba(222,231,240,.98)) border-box !important; border:1px solid transparent !important; box-shadow:0 18px 44px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.78) !important; } html[data-ch-theme-mode="light"] .ch-theme-widget, html[data-ch-theme-mode="light"] .widget, body:not(.ch-theme-mode-dark) .ch-theme-widget, body:not(.ch-theme-mode-dark) .widget{border-radius:22px!important} html[data-ch-theme-mode="light"] .ch-theme-post-card, html[data-ch-theme-mode="light"] .ch-theme-page-shell, html[data-ch-theme-mode="light"] .ch-theme-single-header, html[data-ch-theme-mode="light"] .ch-theme-mobile-widget-bar, body:not(.ch-theme-mode-dark) .ch-theme-post-card, body:not(.ch-theme-mode-dark) .ch-theme-page-shell, body:not(.ch-theme-mode-dark) .ch-theme-single-header, body:not(.ch-theme-mode-dark) .ch-theme-mobile-widget-bar{border-radius:24px!important} html[data-ch-theme-mode="light"] .ch-theme-widget-title, html[data-ch-theme-mode="light"] .ch-theme-post-card h2 a, html[data-ch-theme-mode="light"] .ch-theme-single-header h1, html[data-ch-theme-mode="light"] .widget-title, body:not(.ch-theme-mode-dark) .ch-theme-widget-title, body:not(.ch-theme-mode-dark) .ch-theme-post-card h2 a, body:not(.ch-theme-mode-dark) .ch-theme-single-header h1, body:not(.ch-theme-mode-dark) .widget-title{ color:#0f172a!important; text-shadow:0 1px 0 rgba(255,255,255,.7); } html[data-ch-theme-mode="light"] .ch-theme-post-meta, html[data-ch-theme-mode="light"] .ch-theme-footer-inner, html[data-ch-theme-mode="light"] .ch-theme-page-content p, html[data-ch-theme-mode="light"] .ch-theme-widget, html[data-ch-theme-mode="light"] .widget, body:not(.ch-theme-mode-dark) .ch-theme-post-meta, body:not(.ch-theme-mode-dark) .ch-theme-footer-inner, body:not(.ch-theme-mode-dark) .ch-theme-page-content p, body:not(.ch-theme-mode-dark) .ch-theme-widget, body:not(.ch-theme-mode-dark) .widget{ color:#58677a!important; } html[data-ch-theme-mode="light"] .ch-theme-sidebar .widget>*, html[data-ch-theme-mode="light"] .ch-theme-post-card>*, html[data-ch-theme-mode="light"] .ch-theme-page-shell>*, body:not(.ch-theme-mode-dark) .ch-theme-sidebar .widget>*, body:not(.ch-theme-mode-dark) .ch-theme-post-card>*, body:not(.ch-theme-mode-dark) .ch-theme-page-shell>*{position:relative;z-index:1} html[data-ch-theme-mode="light"] .ch-theme-widget::before, html[data-ch-theme-mode="light"] .ch-theme-post-card::before, html[data-ch-theme-mode="light"] .ch-theme-page-shell::before, html[data-ch-theme-mode="light"] .ch-theme-single-header::before, body:not(.ch-theme-mode-dark) .ch-theme-widget::before, body:not(.ch-theme-mode-dark) .ch-theme-post-card::before, body:not(.ch-theme-mode-dark) .ch-theme-page-shell::before, body:not(.ch-theme-mode-dark) .ch-theme-single-header::before{ content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,0) 38%); opacity:.72;z-index:0; } html[data-ch-theme-mode="light"] input, html[data-ch-theme-mode="light"] select, html[data-ch-theme-mode="light"] textarea, html[data-ch-theme-mode="light"] .select2-selection, body:not(.ch-theme-mode-dark) input, body:not(.ch-theme-mode-dark) select, body:not(.ch-theme-mode-dark) textarea, body:not(.ch-theme-mode-dark) .select2-selection{ background:#fff!important; border:1px solid #b7c5d6!important; color:#0f172a!important; box-shadow:0 4px 14px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.88)!important; } html[data-ch-theme-mode="light"] input:focus, html[data-ch-theme-mode="light"] select:focus, html[data-ch-theme-mode="light"] textarea:focus, body:not(.ch-theme-mode-dark) input:focus, body:not(.ch-theme-mode-dark) select:focus, body:not(.ch-theme-mode-dark) textarea:focus{ border-color:color-mix(in srgb, var(--ch-theme-blue) 44%, #9fb2c7)!important; box-shadow:0 0 0 3px rgba(0,128,255,.12), 0 10px 22px rgba(15,23,42,.06)!important; } html[data-ch-theme-mode="light"] .ch-theme-widget-rail .widget, body:not(.ch-theme-mode-dark) .ch-theme-widget-rail .widget{ backdrop-filter:blur(6px); } html[data-ch-theme-mode="light"] .ch-hooligan-hof, html[data-ch-theme-mode="light"] .ch-hof-spotlight-panel, body:not(.ch-theme-mode-dark) .ch-hooligan-hof, body:not(.ch-theme-mode-dark) .ch-hof-spotlight-panel{ background: radial-gradient(circle at top right, rgba(246,217,122,.16), transparent 24rem), linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,251,255,.95)) padding-box, linear-gradient(180deg, rgba(255,255,255,.92), rgba(222,231,240,.98)) border-box !important; } html[data-ch-theme-mode="light"] .ch-theme-widget, html[data-ch-theme-mode="light"] .widget, html[data-ch-theme-mode="light"] .ch-theme-post-card, html[data-ch-theme-mode="light"] .ch-theme-page-shell, html[data-ch-theme-mode="light"] .ch-theme-single-header, body:not(.ch-theme-mode-dark) .ch-theme-widget, body:not(.ch-theme-mode-dark) .widget, body:not(.ch-theme-mode-dark) .ch-theme-post-card, body:not(.ch-theme-mode-dark) .ch-theme-page-shell, body:not(.ch-theme-mode-dark) .ch-theme-single-header{ position:relative!important; isolation:isolate!important; } html[data-ch-theme-mode="light"] .ch-theme-widget::before, html[data-ch-theme-mode="light"] .widget::before, html[data-ch-theme-mode="light"] .ch-theme-post-card::before, html[data-ch-theme-mode="light"] .ch-theme-page-shell::before, html[data-ch-theme-mode="light"] .ch-theme-single-header::before, body:not(.ch-theme-mode-dark) .ch-theme-widget::before, body:not(.ch-theme-mode-dark) .widget::before, body:not(.ch-theme-mode-dark) .ch-theme-post-card::before, body:not(.ch-theme-mode-dark) .ch-theme-page-shell::before, body:not(.ch-theme-mode-dark) .ch-theme-single-header::before{ z-index:-1!important; opacity:.34!important; } html[data-ch-theme-mode="light"] .ch-theme-widget>*, html[data-ch-theme-mode="light"] .widget>*, html[data-ch-theme-mode="light"] .ch-theme-post-card>*, html[data-ch-theme-mode="light"] .ch-theme-page-shell>*, html[data-ch-theme-mode="light"] .ch-theme-single-header>*, body:not(.ch-theme-mode-dark) .ch-theme-widget>*, body:not(.ch-theme-mode-dark) .widget>*, body:not(.ch-theme-mode-dark) .ch-theme-post-card>*, body:not(.ch-theme-mode-dark) .ch-theme-page-shell>*, body:not(.ch-theme-mode-dark) .ch-theme-single-header>*{ position:relative!important; z-index:1!important; } html[data-ch-theme-mode="light"] .ch-theme-widget, html[data-ch-theme-mode="light"] .widget, body:not(.ch-theme-mode-dark) .ch-theme-widget, body:not(.ch-theme-mode-dark) .widget{ color:#334155!important; } html[data-ch-theme-mode="light"] .ch-theme-widget a, html[data-ch-theme-mode="light"] .widget a, body:not(.ch-theme-mode-dark) .ch-theme-widget a, body:not(.ch-theme-mode-dark) .widget a{ opacity:1!important; } html[data-ch-theme-mode="light"] .ch-theme-widget img, html[data-ch-theme-mode="light"] .widget img, body:not(.ch-theme-mode-dark) .ch-theme-widget img, body:not(.ch-theme-mode-dark) .widget img{ opacity:1!important; filter:none!important; } html[data-ch-theme-mode="light"] .ch-theme-widget input, html[data-ch-theme-mode="light"] .widget input, html[data-ch-theme-mode="light"] .ch-theme-widget select, html[data-ch-theme-mode="light"] .widget select, body:not(.ch-theme-mode-dark) .ch-theme-widget input, body:not(.ch-theme-mode-dark) .widget input, body:not(.ch-theme-mode-dark) .ch-theme-widget select, body:not(.ch-theme-mode-dark) .widget select{ opacity:1!important; } html[data-ch-theme-mode="light"] body.ch-theme, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark){ background-color:#eef1f4!important; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(236,241,246,.10)), url("../images/communityhub-marble-light.webp")!important; background-size:auto,cover!important; background-position:center top!important; background-repeat:no-repeat,repeat-y!important; background-attachment:fixed,fixed!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-main, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-main{ background:transparent!important; } html[data-ch-theme-mode="light"] body.ch-theme :is( .ch-theme-widget, .widget, .ch-theme-post-card, .ch-theme-page-shell, .ch-theme-single-header, .ch-theme-content-wrap, .ch-community-feed-header, .ch-composer, .ch-activity-card ), body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) :is( .ch-theme-widget, .widget, .ch-theme-post-card, .ch-theme-page-shell, .ch-theme-single-header, .ch-theme-content-wrap, .ch-community-feed-header, .ch-composer, .ch-activity-card ){ box-shadow: 0 16px 38px rgba(36,48,61,.105), 0 2px 5px rgba(36,48,61,.045), inset 0 1px 0 rgba(255,255,255,.92)!important; } @media (min-width:1360px){ body.ch-theme .ch-theme-menu-toggle, body.ch-theme .ch-theme-mobile-menu-toggle{ display:none!important; } body.ch-theme .ch-theme-menu-panel{ display:none!important; } } @media (min-width:961px) and (max-width:1359px){ body.ch-theme .ch-theme-menu-toggle, body.ch-theme .ch-theme-mobile-menu-toggle{ display:none!important; } body.ch-theme .ch-theme-menu-panel{ display:none!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell:is( .ch-theme-layout--sidebar-both, .ch-theme-layout--sidebar-left, .ch-theme-layout--sidebar-right ){ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-areas: "ch-feed ch-feed" "ch-left ch-right"!important; align-items:start!important; justify-content:center!important; gap:14px 12px!important; width:min(calc(100vw - 32px),940px)!important; max-width:940px!important; margin-inline:auto!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-community-content-wrap{ grid-area:ch-feed!important; grid-column:1 / -1!important; grid-row:1!important; width:100%!important; min-width:0!important; max-width:820px!important; margin-inline:auto!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar--left{ grid-area:ch-left!important; grid-column:1!important; grid-row:2!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar--right{ grid-area:ch-right!important; grid-column:2!important; grid-row:2!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > :is(.ch-theme-sidebar--left,.ch-theme-sidebar--right){ position:static!important; top:auto!important; width:100%!important; min-width:0!important; max-width:464px!important; margin:0!important; padding:0!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-left > .ch-theme-sidebar--left, body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell.ch-theme-layout--sidebar-right > .ch-theme-sidebar--right{ grid-column:1 / -1!important; width:min(100%,464px)!important; justify-self:center!important; } } @media (min-width:783px) and (max-width:960px){ body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell:is( .ch-theme-layout--sidebar-both, .ch-theme-layout--sidebar-left, .ch-theme-layout--sidebar-right ){ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:14px!important; width:min(calc(100vw - 24px),820px)!important; max-width:820px!important; margin-inline:auto!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-community-content-wrap{ order:1!important; width:100%!important; min-width:0!important; max-width:820px!important; margin:0!important; } body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar--left{order:2!important} body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > .ch-theme-sidebar--right{order:3!important} body.ch-theme [class*="ch-route-community"] .ch-theme-community-shell > :is(.ch-theme-sidebar--left,.ch-theme-sidebar--right){ position:static!important; top:auto!important; width:min(100%,460px)!important; min-width:0!important; max-width:460px!important; margin-inline:auto!important; padding:0!important; } } @media (min-width:961px){ body.ch-theme .ch-theme-menu-toggle, body.ch-theme .ch-theme-mobile-menu-toggle{ display:none!important; visibility:hidden!important; pointer-events:none!important; } } @media (max-width:960px){ html[data-ch-theme-mode="light"] body.ch-theme, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark){ background-attachment:scroll,scroll!important; background-size:auto,1500px auto!important; } } html[data-ch-theme-mode="light"] body.ch-theme, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark){ background-color:#edf2f8!important; background-image: radial-gradient(circle at 16% 10%, rgba(255,255,255,.42), transparent 22rem), linear-gradient(180deg, rgba(235,244,255,.22), rgba(222,232,244,.14)), url("../images/communityhub-marble-light-blue.webp")!important; background-size:auto,auto,cover!important; background-position:center top, center top, center top!important; background-repeat:no-repeat,no-repeat,repeat-y!important; background-attachment:fixed,fixed,fixed!important; } html[data-ch-theme-mode="light"] body.ch-theme, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark){ background-color:#eef3f8!important; background-image: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.10)), url("../images/hooligan-marble-presidential.webp")!important; background-size:auto,cover!important; background-position:center top,center top!important; background-repeat:no-repeat,no-repeat!important; background-attachment:fixed,fixed!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-main, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-main{ background:transparent!important; } html[data-ch-theme-mode="light"] body.ch-theme, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark){ background-color:var(--ch-theme-text,#172033)!important; background-image: radial-gradient(ellipse at -6% 23%, rgba(24,104,181,.16) 0%, rgba(83,145,201,.08) 17%, transparent 31%), radial-gradient(ellipse at 106% 61%, rgba(20,93,169,.15) 0%, rgba(89,151,207,.07) 18%, transparent 32%), linear-gradient(116deg, transparent 0 7%, rgba(200,155,64,.13) 7.15%, transparent 7.45% 91%, rgba(198,150,57,.10) 91.15%, transparent 91.45%), linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.08)), url("../images/hooligan-marble-presidential.webp")!important; background-size:auto,auto,auto,auto,100% auto!important; background-position:center top,center top,center top,center top,center top!important; background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important; background-attachment:fixed,fixed,fixed,fixed,fixed!important; } @media (min-width:2801px){ html[data-ch-theme-mode="light"] body.ch-theme, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark){ background-size:auto,auto,auto,auto,2800px auto!important; } } html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell--community > .ch-theme-community-content-wrap, html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell--community > .ch-theme-sidebar--left, html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell--community > .ch-theme-sidebar--right, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-community-shell--community > .ch-theme-community-content-wrap, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-community-shell--community > .ch-theme-sidebar--left, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-community-shell--community > .ch-theme-sidebar--right{ background-color:rgba(247,250,255,.52)!important; background-image:linear-gradient(180deg,rgba(255,255,255,.20),rgba(239,246,253,.10))!important; backdrop-filter:blur(10px) saturate(108%)!important; -webkit-backdrop-filter:blur(10px) saturate(108%)!important; border-radius:24px!important; box-shadow:0 18px 40px rgba(29,48,70,.055)!important; } @media (max-width:960px){ html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell--community > .ch-theme-community-content-wrap, html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell--community > .ch-theme-sidebar--left, html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell--community > .ch-theme-sidebar--right, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-community-shell--community > .ch-theme-community-content-wrap, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-community-shell--community > .ch-theme-sidebar--left, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-community-shell--community > .ch-theme-sidebar--right{ background-color:rgba(247,250,255,.42)!important; backdrop-filter:blur(7px) saturate(106%)!important; -webkit-backdrop-filter:blur(7px) saturate(106%)!important; } } html[data-ch-theme-mode="light"] body.ch-theme, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark){ background-color:#eef3f8!important; background-image: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.08)), url("../images/hooligan-marble-presidential-approved.webp")!important; background-size:auto,cover!important; background-position:center top,center top!important; background-repeat:no-repeat,no-repeat!important; background-attachment:fixed,fixed!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-main, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-main{ background:transparent!important; } @media (max-width:782px){ body.ch-theme > .ch-mobile-reaction-picker{ left:var(--ch-mobile-reaction-left,9px)!important; right:auto!important; top:var(--ch-mobile-reaction-top,auto)!important; width:max-content!important; max-width:calc(100vw - 20px)!important; overflow:visible!important; opacity:1!important; transform:translateY(0) scale(1)!important; transform-origin:center bottom!important; transition:opacity .11s ease,transform .14s cubic-bezier(.2,.8,.2,1)!important; } body.ch-theme > .ch-mobile-reaction-picker.ch-mobile-picker-positioning{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translateY(4px) scale(.965)!important; } body.ch-theme > .ch-mobile-reaction-picker.ch-mobile-picker-ready{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translateY(0) scale(1)!important; } } @media (prefers-reduced-motion:reduce){ body.ch-theme > .ch-mobile-reaction-picker{transition:none!important} } .ch-games-hub{--ch-arcade-gold:#d9b85c;--ch-arcade-gold-2:#f4de93;--ch-arcade-ink:#111827;--ch-arcade-blue:#225ea8;display:grid;gap:22px;width:100%;min-width:0} .ch-games-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);gap:22px;align-items:stretch;padding:28px;border:1px solid rgba(132,105,39,.22);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(250,247,237,.92));box-shadow:0 18px 44px rgba(55,45,20,.10),inset 0 1px rgba(255,255,255,.9)} .ch-games-hero::after{content:"";position:absolute;inset:auto -6% -48% 42%;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(217,184,92,.19),transparent 68%);pointer-events:none} .ch-games-hero__copy{position:relative;z-index:1;display:grid;align-content:center;justify-items:start;gap:10px}.ch-games-kicker{font-size:.72rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#8a6a17}.ch-games-hero h1{margin:0;font-size:clamp(2rem,4vw,3.35rem);line-height:.96;letter-spacing:-.045em;color:#111827}.ch-games-hero p{max-width:720px;margin:0;color:#596579;font-size:.98rem;line-height:1.6}.ch-games-hero__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px} .ch-games-primary-button,.ch-games-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:12px;font-size:.79rem;font-weight:900;text-decoration:none!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.ch-games-primary-button{border:1px solid #8f6f1c;background:linear-gradient(135deg,#f3da86,#c99c32);color:#1c1608!important;box-shadow:0 8px 20px rgba(164,120,28,.20)}.ch-games-secondary-button{border:1px solid #d6dde7;background:rgba(255,255,255,.82);color:#25364c!important}.ch-games-primary-button:hover,.ch-games-secondary-button:hover{transform:translateY(-1px)}.ch-games-primary-button:focus-visible,.ch-games-secondary-button:focus-visible{outline:3px solid rgba(34,94,168,.26);outline-offset:2px} .ch-games-wallet{position:relative;z-index:1;display:grid;align-content:center;gap:4px;padding:20px;border-radius:19px;border:1px solid rgba(174,139,47,.30);background:linear-gradient(155deg,rgba(25,31,42,.97),rgba(40,43,48,.94));color:#fff;box-shadow:0 14px 30px rgba(17,24,39,.16),inset 0 1px rgba(255,255,255,.07)}.ch-games-wallet span{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e3c977}.ch-games-wallet strong{font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.05;color:#fff7d8}.ch-games-wallet small{font-size:.68rem;color:#b9c2ce;line-height:1.4} .ch-games-dashboard{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:14px}.ch-games-featured,.ch-games-skin-vault{display:grid;gap:12px;padding:20px;border:1px solid #dce3eb;border-radius:19px;background:rgba(255,255,255,.91);box-shadow:0 10px 30px rgba(30,41,59,.07)}.ch-games-featured{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.ch-games-card__icon{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;border-radius:15px;border:1px solid rgba(190,148,41,.28);background:linear-gradient(145deg,#fff9dd,#efd47e);color:#5a430d;font-size:1.35rem;font-weight:900;box-shadow:inset 0 1px #fff,0 7px 18px rgba(124,91,22,.10)}.ch-games-card__copy{display:grid;gap:3px;min-width:0}.ch-games-card__copy>span,.ch-games-skin-vault>div>span,.ch-games-section-head span{font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8b6b1d}.ch-games-card__copy h2,.ch-games-card__copy h3,.ch-games-skin-vault h2,.ch-games-section-head h2{margin:0;color:#172033;letter-spacing:-.02em}.ch-games-card__copy h2{font-size:1.28rem}.ch-games-card__copy h3{font-size:1rem}.ch-games-card__copy p,.ch-games-skin-vault p,.ch-games-section-head p{margin:0;color:#667489;line-height:1.5;font-size:.78rem}.ch-games-featured__stats{display:grid;gap:4px;min-width:145px}.ch-games-featured__stats span{display:flex;justify-content:space-between;gap:12px;padding:6px 9px;border-radius:9px;background:#f4f7fa;color:#6a7788;font-size:.69rem}.ch-games-featured__stats strong{color:#1f334b} .ch-games-skin-vault{grid-template-columns:auto minmax(0,1fr);align-items:center;align-content:center;background:linear-gradient(145deg,rgba(27,31,42,.98),rgba(46,42,35,.96));border-color:rgba(215,181,85,.30);color:#fff}.ch-games-skin-vault__badge{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:2px solid #d9b85c;background:radial-gradient(circle at 40% 35%,#fff5c7,#d8ae43 42%,#59420d 78%);color:#1b1608;font-size:1.35rem;box-shadow:0 0 0 5px rgba(217,184,92,.08),0 0 24px rgba(217,184,92,.20)}.ch-games-skin-vault h2{color:#fff6d2}.ch-games-skin-vault p{color:#c9d0d8}.ch-games-skin-vault .ch-games-secondary-button{grid-column:1/-1;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff5ce!important}.ch-games-progress-label{grid-column:1/-1;display:block;padding:7px 10px;border-radius:999px;background:rgba(217,184,92,.10);color:#f1d77d;text-align:center;font-size:.72rem;font-weight:900}.ch-games-skin-vault.is-unlocked{box-shadow:0 11px 32px rgba(119,87,18,.16),inset 0 0 0 1px rgba(245,221,146,.08)} .ch-games-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:1px 2px}.ch-games-section-head>div{display:grid;gap:2px}.ch-games-section-head p{max-width:520px;text-align:right}.ch-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ch-games-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-height:128px;padding:16px;border:1px solid #dce3eb;border-radius:17px;background:rgba(255,255,255,.90);color:inherit!important;text-decoration:none!important;box-shadow:0 8px 25px rgba(30,41,59,.055);transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.ch-games-card>strong{grid-column:2;font-size:.7rem;color:#315d91}.ch-games-card.is-live:hover{transform:translateY(-2px);border-color:#c7a74f;box-shadow:0 13px 30px rgba(60,48,18,.11)}.ch-games-card.is-coming{opacity:.72}.ch-games-card.is-coming .ch-games-card__icon{filter:saturate(.55)} .ch-games-economy-note,.ch-games-empty{padding:18px 20px;border:1px solid #dce3eb;border-radius:16px;background:rgba(255,255,255,.82);color:#657185;font-size:.76rem;line-height:1.55}.ch-games-economy-note{display:flex;gap:12px;align-items:flex-start}.ch-games-economy-note strong{color:#26384f;white-space:nowrap}.ch-games-economy-note p{margin:0}.ch-games-empty{text-align:center;display:grid;justify-items:center;gap:10px;padding:36px}.ch-games-empty h1,.ch-games-empty p{margin:0}.ch-games-empty__icon{font-size:2rem}.ch-games-backbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #dce3eb;border-radius:13px;background:rgba(255,255,255,.84);font-size:.76rem;font-weight:800}.ch-games-backbar a{text-decoration:none!important;color:#315f93}.ch-games-backbar span{color:#69788a} .ch-reflex-rush{display:grid;gap:14px;padding:20px;border:1px solid #dce3eb;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 12px 34px rgba(30,41,59,.08)}.ch-reflex-rush__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ch-reflex-rush__hero>div:first-child{display:grid;gap:5px}.ch-reflex-rush__hero h2{margin:0;color:#162033;font-size:1.55rem}.ch-reflex-rush__hero p{margin:0;max-width:650px;color:#657388;font-size:.8rem;line-height:1.5}.ch-reflex-rush__balance{display:grid;gap:2px;min-width:170px;padding:10px 12px;border-radius:12px;background:#172235;color:#fff}.ch-reflex-rush__balance span{font-size:.64rem;color:#c2ccd8;text-transform:uppercase;letter-spacing:.07em}.ch-reflex-rush__balance strong{font-size:1.05rem;color:#f4df99}.ch-reflex-rush__meta{display:flex;flex-wrap:wrap;gap:7px}.ch-reflex-rush__meta>span{padding:6px 9px;border:1px solid #dce4ec;border-radius:999px;background:#f7f9fb;color:#6b7788;font-size:.69rem}.ch-reflex-rush__meta strong{color:#273b54}.ch-reflex-rush__payouts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.ch-reflex-rush__payouts>span{display:grid;justify-items:center;gap:1px;padding:7px;border:1px solid rgba(195,156,53,.24);border-radius:10px;background:linear-gradient(145deg,#fffaf0,#f8f3e4)}.ch-reflex-rush__payouts strong{font-size:.78rem;color:#6f5515}.ch-reflex-rush__payouts small{font-size:.62rem;color:#7d7051} .ch-reflex-rush__stage{position:relative;display:grid;gap:8px;padding:14px;border-radius:18px;border:1px solid #d7e0ea;background:linear-gradient(145deg,#101929,#1b2738);box-shadow:inset 0 1px rgba(255,255,255,.05)}.ch-reflex-rush__hud{display:flex;justify-content:space-between;color:#fff}.ch-reflex-rush__hud>div{display:flex;align-items:baseline;gap:6px}.ch-reflex-rush__hud span{font-size:.63rem;color:#aebccc;text-transform:uppercase;letter-spacing:.08em}.ch-reflex-rush__hud strong{font-size:1.1rem;color:#f5df91}.ch-reflex-rush__timer{height:5px;border-radius:999px;overflow:hidden;background:#2c3a4d}.ch-reflex-rush__timer i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d3ad42,#f6df8d);transition:width .08s linear}.ch-reflex-rush__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;aspect-ratio:1.45/1;min-height:280px}.ch-reflex-rush__cell{position:relative;border:1px solid #35475d;border-radius:15px;background:linear-gradient(145deg,#172438,#101a29);box-shadow:inset 0 1px rgba(255,255,255,.04);touch-action:manipulation;transition:transform .08s ease,border-color .08s ease,background .08s ease,box-shadow .08s ease}.ch-reflex-rush__cell:disabled{opacity:1}.ch-reflex-rush__cell>span:first-child{position:absolute;left:50%;top:50%;width:42px;height:42px;border-radius:50%;transform:translate(-50%,-50%) scale(.48);background:radial-gradient(circle at 38% 32%,#fff8c8,#f0ca5c 38%,#9a6a11 70%);opacity:0;box-shadow:0 0 0 7px rgba(241,205,94,.12),0 0 28px rgba(241,205,94,.38);transition:opacity .08s ease,transform .08s ease}.ch-reflex-rush__cell.is-target{cursor:pointer;border-color:#d7b750;background:linear-gradient(145deg,#26334a,#111c2e);box-shadow:inset 0 0 0 1px rgba(246,224,151,.12),0 0 18px rgba(207,168,60,.11)}.ch-reflex-rush__cell.is-target>span:first-child{opacity:1;transform:translate(-50%,-50%) scale(1)}.ch-reflex-rush__cell.is-target:active{transform:scale(.975)}.ch-reflex-rush__start-card{position:absolute;inset:54px 14px 14px;z-index:3;display:grid;place-items:center;align-content:center;gap:8px;padding:20px;border-radius:15px;background:rgba(10,16,27,.88);backdrop-filter:blur(8px);text-align:center;color:#fff}.ch-reflex-rush__start-card[hidden]{display:none}.ch-reflex-rush__start-card strong{font-size:1.15rem;color:#fff1b8}.ch-reflex-rush__start-card p{max-width:430px;margin:0;color:#bcc8d6;font-size:.76rem;line-height:1.5}.ch-reflex-rush__result{min-height:42px;padding:10px 12px;border:1px solid #dce4ec;border-radius:11px;background:#f7f9fb;color:#5f6e81;font-size:.77rem;display:flex;align-items:center}.ch-reflex-rush__result.is-win{border-color:#9ad7ae;background:#f1fff5;color:#21663b;font-weight:800}.ch-reflex-rush__result.is-loss{border-color:#e3d5b0;background:#fffaf0;color:#765f23}.ch-reflex-rush__result.is-error{border-color:#e8b4b4;background:#fff4f4;color:#9b2f2f}.ch-reflex-rush__result.is-loading{color:#4b6380}.ch-reflex-rush__skin{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(197,158,56,.24);border-radius:13px;background:linear-gradient(145deg,#fffaf0,#f8f2e1)}.ch-reflex-rush__skin-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1a2536;color:#efd16e;box-shadow:0 0 0 4px rgba(220,181,76,.10)}.ch-reflex-rush__skin>div:nth-child(2){display:grid;gap:1px}.ch-reflex-rush__skin span{font-size:.62rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#9a781c}.ch-reflex-rush__skin strong{font-size:.8rem;color:#27364a}.ch-reflex-rush__skin small{font-size:.67rem;color:#746d5d}.ch-reflex-rush__skin.is-unlocked{border-color:#c5a145;background:linear-gradient(145deg,#fff9da,#f5e7ae)} .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar{overflow:visible!important;isolation:isolate}.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{content:"";position:absolute;inset:-2px;border-radius:50%;padding:1.25px;background:conic-gradient(from 0deg,#d4ad3d,#fff1a8,#43c7ff,#8d5cff,#d4ad3d);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:0 0 7px rgba(67,199,255,.17),0 0 9px rgba(214,176,62,.14);animation:chArcadeChampionSpin 7s linear infinite;z-index:3;pointer-events:none}.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{content:"⚡";position:absolute;right:-3px;top:-5px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,242,174,.68);background:linear-gradient(145deg,#fff0a4,#d0a336 58%,#26324a);color:#172033;font-size:8px;line-height:1;box-shadow:0 1px 5px rgba(31,41,55,.18),0 0 6px rgba(68,198,255,.16);z-index:4;pointer-events:none;animation:chArcadeChampionBadgePulseBob 2.6s ease-in-out infinite;transform-origin:center}@keyframes chArcadeChampionSpin{to{transform:rotate(360deg)}}@keyframes chArcadeChampionBadgePulseBob{0%,100%{transform:translateY(0) scale(1);filter:brightness(1);box-shadow:0 1px 5px rgba(31,41,55,.18),0 0 6px rgba(68,198,255,.16)}50%{transform:translateY(-1px) scale(1.03);filter:brightness(1.04);box-shadow:0 2px 7px rgba(31,41,55,.17),0 0 8px rgba(68,198,255,.22)}}@media(max-width:782px){.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{inset:-1.5px;padding:1px;box-shadow:0 0 5px rgba(67,199,255,.15),0 0 7px rgba(214,176,62,.12)}.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{right:-2px;top:-4px;width:14px;height:14px;font-size:7px}} html[data-ch-theme-mode="dark"] .ch-games-hero,body.ch-theme-mode-dark .ch-games-hero{background:linear-gradient(135deg,rgba(18,26,38,.96),rgba(29,30,33,.95));border-color:rgba(220,184,82,.24);box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)}html[data-ch-theme-mode="dark"] .ch-games-hero h1,body.ch-theme-mode-dark .ch-games-hero h1{color:#f4f7fb}html[data-ch-theme-mode="dark"] .ch-games-hero p,body.ch-theme-mode-dark .ch-games-hero p{color:#aeb9c8}html[data-ch-theme-mode="dark"] .ch-games-secondary-button,body.ch-theme-mode-dark .ch-games-secondary-button{background:rgba(255,255,255,.06);border-color:#3b4a5e;color:#e9eff7!important}html[data-ch-theme-mode="dark"] :is(.ch-games-featured,.ch-games-card,.ch-games-backbar,.ch-reflex-rush),body.ch-theme-mode-dark :is(.ch-games-featured,.ch-games-card,.ch-games-backbar,.ch-reflex-rush){background:rgba(18,27,40,.94);border-color:#34475d;color:#edf3fa;box-shadow:0 10px 30px rgba(0,0,0,.18)}html[data-ch-theme-mode="dark"] :is(.ch-games-card__copy h2,.ch-games-card__copy h3,.ch-games-section-head h2,.ch-reflex-rush__hero h2),body.ch-theme-mode-dark :is(.ch-games-card__copy h2,.ch-games-card__copy h3,.ch-games-section-head h2,.ch-reflex-rush__hero h2){color:#f1f5f9}html[data-ch-theme-mode="dark"] :is(.ch-games-card__copy p,.ch-games-section-head p,.ch-reflex-rush__hero p),body.ch-theme-mode-dark :is(.ch-games-card__copy p,.ch-games-section-head p,.ch-reflex-rush__hero p){color:#9facbd}html[data-ch-theme-mode="dark"] .ch-games-featured__stats span,body.ch-theme-mode-dark .ch-games-featured__stats span{background:#223044;color:#9fb0c4}html[data-ch-theme-mode="dark"] .ch-games-featured__stats strong,body.ch-theme-mode-dark .ch-games-featured__stats strong{color:#edf4fb}html[data-ch-theme-mode="dark"] :is(.ch-games-economy-note,.ch-games-empty),body.ch-theme-mode-dark :is(.ch-games-economy-note,.ch-games-empty){background:rgba(17,26,39,.90);border-color:#34475d;color:#aeb9c8}html[data-ch-theme-mode="dark"] .ch-games-economy-note strong,body.ch-theme-mode-dark .ch-games-economy-note strong{color:#eef4fb}html[data-ch-theme-mode="dark"] .ch-reflex-rush__meta>span,body.ch-theme-mode-dark .ch-reflex-rush__meta>span{background:#1f2d40;border-color:#34475d;color:#a9b7c8}html[data-ch-theme-mode="dark"] .ch-reflex-rush__meta strong,body.ch-theme-mode-dark .ch-reflex-rush__meta strong{color:#edf4fb}html[data-ch-theme-mode="dark"] .ch-reflex-rush__payouts>span,body.ch-theme-mode-dark .ch-reflex-rush__payouts>span{background:linear-gradient(145deg,#302b1d,#1d2635);border-color:rgba(211,177,78,.28)}html[data-ch-theme-mode="dark"] .ch-reflex-rush__payouts small,body.ch-theme-mode-dark .ch-reflex-rush__payouts small{color:#b9ad87}html[data-ch-theme-mode="dark"] .ch-reflex-rush__result,body.ch-theme-mode-dark .ch-reflex-rush__result{background:#1d2a3b;border-color:#34475d;color:#b8c5d4}html[data-ch-theme-mode="dark"] .ch-reflex-rush__result.is-win,body.ch-theme-mode-dark .ch-reflex-rush__result.is-win{background:#162c22;border-color:#37684d;color:#9be0b5}html[data-ch-theme-mode="dark"] .ch-reflex-rush__result.is-loss,body.ch-theme-mode-dark .ch-reflex-rush__result.is-loss{background:#302a1c;border-color:#665838;color:#e0c77f}html[data-ch-theme-mode="dark"] .ch-reflex-rush__skin,body.ch-theme-mode-dark .ch-reflex-rush__skin{background:linear-gradient(145deg,#2e2a1d,#182333);border-color:#554b30}html[data-ch-theme-mode="dark"] .ch-reflex-rush__skin strong,body.ch-theme-mode-dark .ch-reflex-rush__skin strong{color:#f2ead5}html[data-ch-theme-mode="dark"] .ch-reflex-rush__skin small,body.ch-theme-mode-dark .ch-reflex-rush__skin small{color:#b9b19f} @media(max-width:900px){.ch-games-hero{grid-template-columns:1fr}.ch-games-dashboard{grid-template-columns:1fr}.ch-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-games-featured{grid-template-columns:auto minmax(0,1fr)}.ch-games-featured__stats,.ch-games-featured>.ch-games-primary-button{grid-column:1/-1}.ch-games-section-head{align-items:flex-start;flex-direction:column}.ch-games-section-head p{text-align:left}.ch-reflex-rush__hero{flex-direction:column}.ch-reflex-rush__balance{width:100%;min-width:0}.ch-reflex-rush__grid{min-height:330px}} @media(max-width:620px){.ch-games-hub{gap:16px}.ch-games-hero{padding:19px;border-radius:19px}.ch-games-hero h1{font-size:2.18rem}.ch-games-wallet{padding:15px}.ch-games-grid{grid-template-columns:1fr}.ch-games-featured{grid-template-columns:auto minmax(0,1fr);padding:16px}.ch-games-skin-vault{padding:16px}.ch-games-card{min-height:112px;padding:14px}.ch-games-card__icon{width:46px;height:46px;border-radius:13px}.ch-games-economy-note{display:grid}.ch-reflex-rush{padding:14px;border-radius:17px}.ch-reflex-rush__payouts{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto;padding-bottom:2px}.ch-reflex-rush__grid{min-height:300px;aspect-ratio:1/1.05;gap:7px}.ch-reflex-rush__cell{border-radius:13px}.ch-reflex-rush__cell>span:first-child{width:38px;height:38px}.ch-reflex-rush__start-card{inset:54px 14px 14px}.ch-games-primary-button,.ch-games-secondary-button{min-height:44px}} @media(prefers-reduced-motion:reduce){.ch-games-primary-button,.ch-games-secondary-button,.ch-games-card,.ch-reflex-rush__cell,.ch-reflex-rush__cell>span:first-child{transition:none!important}.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before,.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{animation:none!important}} .ch-games-hub--game .ch-reflex-rush{ width:min(100%,1040px); margin-inline:auto; } .ch-games-hub--game .ch-reflex-rush__stage{ width:min(100%,860px); margin-inline:auto; } .ch-games-hub--game .ch-reflex-rush__grid{ width:100%; min-height:0; aspect-ratio:1.5/1; grid-template-columns:repeat(3,minmax(0,1fr)); } .ch-games-hub--game .ch-reflex-rush__cell>span:first-child{ width:clamp(34px,3.2vw,48px); height:clamp(34px,3.2vw,48px); } @media (min-width:1440px){ .ch-games-hub--game .ch-reflex-rush{width:min(100%,1080px)} .ch-games-hub--game .ch-reflex-rush__stage{width:min(100%,900px)} } @media (max-width:900px){ .ch-games-hub--game .ch-reflex-rush{width:100%} .ch-games-hub--game .ch-reflex-rush__stage{width:min(100%,720px)} .ch-games-hub--game .ch-reflex-rush__grid{ min-height:0; aspect-ratio:1.35/1; } } @media (max-width:620px){ .ch-games-hub--game .ch-reflex-rush{ width:100%; padding:12px; gap:11px; } .ch-games-hub--game .ch-reflex-rush__stage{ width:100%; padding:10px; gap:7px; border-radius:15px; } .ch-games-hub--game .ch-reflex-rush__grid{ min-height:0; aspect-ratio:1/1.02; gap:6px; } .ch-games-hub--game .ch-reflex-rush__cell{ min-width:0; min-height:0; border-radius:11px; } .ch-games-hub--game .ch-reflex-rush__cell>span:first-child{ width:clamp(34px,11vw,46px); height:clamp(34px,11vw,46px); } .ch-games-hub--game .ch-reflex-rush__start-card{ inset:50px 10px 10px; padding:15px; } } @media (max-width:380px){ .ch-games-hub--game .ch-reflex-rush{padding:10px} .ch-games-hub--game .ch-reflex-rush__stage{padding:8px} .ch-games-hub--game .ch-reflex-rush__grid{gap:5px} .ch-games-hub--game .ch-reflex-rush__hud strong{font-size:1rem} } @media (max-height:540px) and (orientation:landscape){ .ch-games-hub--game .ch-reflex-rush{width:min(100%,900px)} .ch-games-hub--game .ch-reflex-rush__stage{width:min(100%,700px)} .ch-games-hub--game .ch-reflex-rush__grid{aspect-ratio:1.8/1} .ch-games-hub--game .ch-reflex-rush__cell>span:first-child{width:34px;height:34px} } .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{ box-shadow: 0 0 7px rgba(67,199,255,.22), 0 0 14px rgba(67,199,255,.14), 0 0 22px rgba(214,176,62,.13), 0 0 30px rgba(214,176,62,.07)!important; } @media(max-width:782px){ .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{ box-shadow: 0 0 5px rgba(67,199,255,.20), 0 0 10px rgba(67,199,255,.12), 0 0 16px rgba(214,176,62,.11), 0 0 22px rgba(214,176,62,.06)!important; } } @media(min-width:961px){ html[data-ch-theme-mode="light"] body.ch-theme :is( .ch-theme-widget, .widget, .ch-theme-post-card, .ch-theme-page-shell, .ch-theme-single-header, .ch-theme-content-wrap, .ch-community-feed-header, .ch-composer, .ch-activity-card ), body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) :is( .ch-theme-widget, .widget, .ch-theme-post-card, .ch-theme-page-shell, .ch-theme-single-header, .ch-theme-content-wrap, .ch-community-feed-header, .ch-composer, .ch-activity-card ){ box-shadow: 0 24px 48px rgba(28,42,58,.14), 0 7px 15px rgba(28,42,58,.085), 0 2px 4px rgba(28,42,58,.045), inset 0 1px 0 rgba(255,255,255,.94)!important; } } @media(max-width:960px){ html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell--community > .ch-theme-community-content-wrap, html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell--community > .ch-theme-sidebar--left, html[data-ch-theme-mode="light"] body.ch-theme .ch-theme-community-shell--community > .ch-theme-sidebar--right, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-community-shell--community > .ch-theme-community-content-wrap, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-community-shell--community > .ch-theme-sidebar--left, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-theme-community-shell--community > .ch-theme-sidebar--right{ background-color:transparent!important; background-image:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; box-shadow:none!important; } } .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{ inset:-2px!important; padding:1.35px!important; background:conic-gradient(from 0deg, #f2c84b 0deg, #fff2a9 58deg, #55d7ff 120deg, #5a8dff 178deg, #a96dff 230deg, #fff0a0 302deg, #f2c84b 360deg)!important; box-shadow: 0 0 5px rgba(255,231,129,.92), 0 0 11px rgba(250,198,60,.72), 0 0 22px rgba(76,205,255,.48), 0 0 38px rgba(57,139,255,.30), 0 0 56px rgba(168,94,255,.18)!important; filter:drop-shadow(0 0 8px rgba(255,209,77,.38)); animation:chArcadeChampionSpin 6.6s linear infinite, chArcadeChampionAura 2.8s ease-in-out infinite!important; } .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{ right:-2px!important; top:-4px!important; width:15px!important; height:15px!important; font-size:7px!important; border:1px solid rgba(255,246,190,.88)!important; background:radial-gradient(circle at 34% 28%,#fff9d7 0 16%,#ffd85d 38%,#c48a18 72%,#44330b 100%)!important; color:#34270a!important; box-shadow: 0 1px 4px rgba(0,0,0,.28), 0 0 7px rgba(255,214,73,.72), 0 0 13px rgba(77,204,255,.30)!important; animation:chArcadeChampionMedallion 2.5s ease-in-out infinite!important; } @keyframes chArcadeChampionAura{ 0%,100%{filter:drop-shadow(0 0 7px rgba(255,209,77,.30));opacity:.92} 50%{filter:drop-shadow(0 0 15px rgba(77,202,255,.52));opacity:1} } @keyframes chArcadeChampionMedallion{ 0%,100%{transform:translate3d(0,0,0) scale(1);filter:brightness(1)} 50%{transform:translate3d(0,-1px,0) scale(1.055);filter:brightness(1.10)} } @media(max-width:782px){ .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{ inset:-1px!important; padding:1px!important; box-shadow: 0 0 4px rgba(255,231,129,.88), 0 0 9px rgba(250,198,60,.62), 0 0 17px rgba(76,205,255,.40), 0 0 27px rgba(57,139,255,.22)!important; filter:drop-shadow(0 0 5px rgba(255,209,77,.30)); animation:chArcadeChampionSpin 7.2s linear infinite, chArcadeChampionAuraMobile 3.2s ease-in-out infinite!important; } .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{ right:-1px!important; top:-2px!important; width:11px!important; height:11px!important; font-size:5.5px!important; border-width:1px!important; box-shadow: 0 1px 3px rgba(0,0,0,.24), 0 0 5px rgba(255,214,73,.64), 0 0 8px rgba(77,204,255,.22)!important; animation:chArcadeChampionMedallionMobile 3s ease-in-out infinite!important; } @keyframes chArcadeChampionAuraMobile{ 0%,100%{filter:drop-shadow(0 0 4px rgba(255,209,77,.25));opacity:.94} 50%{filter:drop-shadow(0 0 9px rgba(77,202,255,.42));opacity:1} } @keyframes chArcadeChampionMedallionMobile{ 0%,100%{transform:scale(1);filter:brightness(1)} 50%{transform:scale(1.04);filter:brightness(1.08)} } body.ch-theme .ch-theme-mode-toggle{ width:46px!important; min-width:46px!important; height:36px!important; min-height:44px!important; padding:4px!important; justify-content:center!important; border-radius:999px!important; border:1px solid color-mix(in srgb,var(--ch-theme-border) 76%,rgba(255,255,255,.34))!important; background:color-mix(in srgb,var(--ch-theme-surface) 88%,transparent)!important; box-shadow: 0 5px 14px rgba(10,25,45,.12), inset 0 1px 0 rgba(255,255,255,.42)!important; backdrop-filter:blur(10px) saturate(128%); -webkit-backdrop-filter:blur(10px) saturate(128%); transform:none!important; } body.ch-theme .ch-theme-mode-toggle-icon{ display:grid!important; place-items:center; width:27px; height:27px; border-radius:50%; font-size:15px; line-height:1; color:#6a4b00; background:radial-gradient(circle at 35% 28%,#fffbe1,#ffe780 46%,#e9b52e 100%); box-shadow:0 2px 7px rgba(27,37,52,.18),0 0 7px rgba(255,210,62,.24); transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-mode-toggle{ background:rgba(13,23,37,.78)!important; border-color:rgba(125,157,196,.28)!important; box-shadow:0 5px 14px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.07)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-mode-toggle-icon{ color:#eef5ff; background:radial-gradient(circle at 36% 28%,#7d99bd 0 12%,#314765 48%,#111b2b 100%); box-shadow:0 2px 7px rgba(0,0,0,.28),0 0 8px rgba(102,177,255,.25); } body.ch-theme .ch-theme-mode-toggle:active .ch-theme-mode-toggle-icon{transform:scale(.90)} } @media(prefers-reduced-motion:reduce){ .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before, .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{animation:none!important} .ch-theme-mode-toggle-icon{transition:none!important} } .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar{ overflow:visible!important; isolation:isolate; } .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{ inset:-3px!important; padding:2.35px!important; border-radius:50%!important; background:conic-gradient(from 0deg, #ffd84e 0deg, #fff6b7 44deg, #ffc52f 88deg, #25d7ff 138deg, #148dff 190deg, #8f5cff 246deg, #e77cff 286deg, #fff0a1 330deg, #ffd84e 360deg)!important; box-shadow: 0 0 0 1px rgba(194,124,10,.58), 0 0 7px rgba(255,210,56,.98), 0 0 15px rgba(255,188,24,.82), 0 0 27px rgba(36,202,255,.66), 0 0 43px rgba(73,127,255,.48), 0 0 62px rgba(151,84,255,.34), 0 0 82px rgba(255,197,43,.20)!important; filter:saturate(1.18) drop-shadow(0 0 8px rgba(255,184,24,.52))!important; animation:chArcadeChampionSpin 6.4s linear infinite, chArcadeChampionHaloBreath 2.75s ease-in-out infinite!important; } html:not([data-ch-theme-mode="dark"]) body.ch-theme .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{ box-shadow: 0 0 0 1px rgba(151,86,0,.72), 0 0 6px rgba(255,183,0,.98), 0 0 14px rgba(255,205,37,.88), 0 0 26px rgba(0,177,255,.70), 0 0 42px rgba(56,91,255,.52), 0 0 62px rgba(147,60,255,.38), 0 0 84px rgba(255,169,0,.24)!important; filter:saturate(1.30) contrast(1.04) drop-shadow(0 0 9px rgba(255,162,0,.58))!important; } .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{ right:-7%!important; top:-10%!important; width:34%!important; height:auto!important; aspect-ratio:1/1!important; min-width:0!important; min-height:0!important; border-width:1px!important; border-color:rgba(255,247,194,.96)!important; background:radial-gradient(circle at 33% 27%,#fffde9 0 13%,#ffe36e 34%,#c98a13 69%,#4d3408 100%)!important; color:#342204!important; font-size:7px!important; box-shadow: 0 1px 4px rgba(0,0,0,.30), 0 0 7px rgba(255,205,42,.88), 0 0 13px rgba(32,190,255,.46)!important; transform-origin:50% 72%!important; animation:chArcadeChampionMedallionV3 2.35s cubic-bezier(.45,.05,.45,.95) infinite!important; } @keyframes chArcadeChampionHaloBreath{ 0%,100%{opacity:.92} 50%{opacity:1} } @keyframes chArcadeChampionMedallionV3{ 0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1);filter:brightness(1)} 48%{transform:translate3d(0,-2px,0) rotate(2.5deg) scale(1.08);filter:brightness(1.13)} 62%{transform:translate3d(0,-1px,0) rotate(-1deg) scale(1.04);filter:brightness(1.08)} } @media(max-width:782px){ .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{ inset:-2.5px!important; padding:2px!important; box-shadow: 0 0 0 1px rgba(180,111,6,.62), 0 0 6px rgba(255,205,43,.94), 0 0 12px rgba(255,181,20,.72), 0 0 20px rgba(38,199,255,.52), 0 0 30px rgba(89,94,255,.34), 0 0 40px rgba(151,76,255,.22)!important; filter:saturate(1.18) drop-shadow(0 0 6px rgba(255,185,27,.44))!important; animation:chArcadeChampionSpin 7s linear infinite, chArcadeChampionHaloBreath 3s ease-in-out infinite!important; } html:not([data-ch-theme-mode="dark"]) body.ch-theme .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before, body.ch-theme:not(.ch-theme-mode-dark):not(.ch-theme-dark) .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{ box-shadow: 0 0 0 1px rgba(142,81,0,.72), 0 0 5px rgba(255,181,0,.96), 0 0 11px rgba(255,204,36,.82), 0 0 19px rgba(0,174,255,.58), 0 0 29px rgba(79,87,255,.38), 0 0 40px rgba(151,68,255,.25)!important; } .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{ right:-5%!important; top:-8%!important; width:33%!important; height:auto!important; aspect-ratio:1/1!important; font-size:6px!important; box-shadow: 0 1px 3px rgba(0,0,0,.28), 0 0 6px rgba(255,205,42,.82), 0 0 10px rgba(32,190,255,.34)!important; animation:chArcadeChampionMedallionMobileV3 2.2s cubic-bezier(.45,.05,.45,.95) infinite!important; } @keyframes chArcadeChampionMedallionMobileV3{ 0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1);filter:brightness(1)} 48%{transform:translate3d(0,-2.5px,0) rotate(3deg) scale(1.09);filter:brightness(1.14)} 64%{transform:translate3d(0,-1px,0) rotate(-1.2deg) scale(1.045);filter:brightness(1.08)} } body.ch-theme .ch-theme-mode-toggle, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-mode-toggle{ width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; padding:0!important; justify-content:center!important; border-radius:999px!important; background:color-mix(in srgb,var(--ch-theme-surface) 92%,var(--ch-theme-blue) 8%)!important; border:1px solid color-mix(in srgb,var(--ch-theme-border) 76%,var(--ch-theme-blue) 24%)!important; color:var(--ch-theme-text)!important; box-shadow:0 8px 22px rgba(15,23,42,.055)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; transform:none!important; } body.ch-theme .ch-theme-mode-toggle:hover{ background:color-mix(in srgb,var(--ch-theme-surface) 84%,var(--ch-theme-blue) 16%)!important; border-color:color-mix(in srgb,var(--ch-theme-blue) 52%,var(--ch-theme-border))!important; } body.ch-theme .ch-theme-mode-toggle-icon, html[data-ch-theme-mode="dark"] body.ch-theme .ch-theme-mode-toggle-icon{ display:inline!important; width:auto!important; height:auto!important; border-radius:0!important; background:none!important; box-shadow:none!important; color:inherit!important; font-size:21px!important; line-height:1!important; transform:none!important; transition:transform .18s ease!important; } body.ch-theme .ch-theme-mode-toggle:active .ch-theme-mode-toggle-icon{ transform:scale(.88)!important; } } @media(prefers-reduced-motion:reduce){ .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before, .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{animation:none!important} } body.ch-theme .ch-profile-card .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{ width:27%!important; height:auto!important; aspect-ratio:1/1!important; right:-3%!important; top:-5%!important; font-size:10px!important; border-width:1px!important; } .ch-theme-account-panel-head .ch-theme-account-avatar-cosmetic.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar{ width:40px!important; height:40px!important; flex:0 0 40px!important; overflow:visible!important; } .ch-theme-account-panel-head .ch-theme-account-avatar-cosmetic.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar .ch-theme-account-avatar{ width:40px!important; height:40px!important; border-radius:50%!important; object-fit:cover!important; } .ch-theme-account-panel-head .ch-theme-account-avatar-cosmetic.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{ width:30%!important; height:auto!important; aspect-ratio:1/1!important; right:-4%!important; top:-7%!important; font-size:7px!important; } @media(max-width:782px){ .ch-theme-account-panel-head .ch-theme-account-avatar-cosmetic.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar{ width:36px!important; height:36px!important; flex:0 0 36px!important; } .ch-theme-account-panel-head .ch-theme-account-avatar-cosmetic.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar .ch-theme-account-avatar{ width:36px!important; height:36px!important; } .ch-theme-account-panel-head .ch-theme-account-avatar-cosmetic.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{ inset:-2px!important; padding:1.8px!important; box-shadow: 0 0 0 1px rgba(180,111,6,.62), 0 0 5px rgba(255,205,43,.90), 0 0 10px rgba(255,181,20,.66), 0 0 17px rgba(38,199,255,.42), 0 0 24px rgba(89,94,255,.26)!important; } .ch-theme-account-panel-head .ch-theme-account-avatar-cosmetic.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{ width:30%!important; right:-3%!important; top:-6%!important; font-size:7px!important; animation:chArcadeChampionMedallionMobileV3 2.2s cubic-bezier(.45,.05,.45,.95) infinite!important; } } body.ch-theme .ch-profile-card .ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::after{ width:21%!important; height:auto!important; aspect-ratio:1/1!important; right:-1%!important; top:-3%!important; font-size:11.5px!important; font-weight:900!important; line-height:1!important; border-width:1px!important; } @media(max-width:782px){ .ch-theme-account-toggle .ch-theme-account-avatar-cosmetic.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar{ width:36px!important; height:36px!important; flex:0 0 36px!important; margin:0!important; } .ch-theme-account-toggle .ch-theme-account-avatar-cosmetic.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar .ch-theme-account-avatar{ width:36px!important; height:36px!important; margin:0!important; border-radius:50%!important; object-fit:cover!important; } .ch-theme-account-toggle .ch-theme-account-avatar-cosmetic.ch-cosmetic-effect-arcade-champion.ch-cosmetic-slot-avatar::before{ inset:-2px!important; } } .ch-reflex-rush__meta{ display:flex; flex-wrap:wrap; gap:7px; } .ch-reflex-rush__info, .ch-reflex-rush__payout{ -webkit-appearance:none; appearance:none; cursor:pointer; font:inherit; text-align:left; border:1px solid rgba(170,133,39,.34)!important; background:linear-gradient(145deg,#fff9e3,#f3e7bd)!important; color:#283142!important; box-shadow:inset 0 1px rgba(255,255,255,.82),0 3px 10px rgba(83,62,16,.08)!important; transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease!important; } .ch-reflex-rush__info{ min-height:32px; padding:6px 10px; border-radius:999px; font-size:.69rem; font-weight:700; } .ch-reflex-rush__info strong{ color:#765608!important; font-weight:900; } .ch-reflex-rush__payouts{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; } .ch-reflex-rush__payout{ min-width:0; min-height:44px; padding:7px 8px; border-radius:9px; display:grid; place-items:center; gap:1px; text-align:center; } .ch-reflex-rush__payout strong{ color:#8a6512!important; font-size:.76rem; font-weight:950; } .ch-reflex-rush__payout small{ color:#6d624a!important; font-size:.59rem; font-weight:800; } .ch-reflex-rush__info:hover, .ch-reflex-rush__payout:hover, .ch-reflex-rush__info:focus-visible, .ch-reflex-rush__payout:focus-visible{ transform:translateY(-1px); border-color:#cba542!important; box-shadow:inset 0 1px rgba(255,255,255,.9),0 6px 15px rgba(110,81,17,.13)!important; outline:none!important; } .ch-reflex-rush__info:active, .ch-reflex-rush__payout:active{ transform:translateY(0) scale(.985); } html[data-ch-theme-mode="dark"] .ch-reflex-rush__info, html[data-ch-theme-mode="dark"] .ch-reflex-rush__payout, body.ch-theme-mode-dark .ch-reflex-rush__info, body.ch-theme-mode-dark .ch-reflex-rush__payout{ background:linear-gradient(145deg,#202b3a,#172131)!important; border-color:rgba(217,184,92,.38)!important; color:#dce5ef!important; box-shadow:inset 0 1px rgba(255,255,255,.035),0 4px 12px rgba(0,0,0,.14)!important; } html[data-ch-theme-mode="dark"] .ch-reflex-rush__info strong, body.ch-theme-mode-dark .ch-reflex-rush__info strong, html[data-ch-theme-mode="dark"] .ch-reflex-rush__payout strong, body.ch-theme-mode-dark .ch-reflex-rush__payout strong{ color:#f0ce68!important; } html[data-ch-theme-mode="dark"] .ch-reflex-rush__payout small, body.ch-theme-mode-dark .ch-reflex-rush__payout small{ color:#b9c2cf!important; } html[data-ch-theme-mode="dark"] .ch-reflex-rush__info:hover, html[data-ch-theme-mode="dark"] .ch-reflex-rush__payout:hover, body.ch-theme-mode-dark .ch-reflex-rush__info:hover, body.ch-theme-mode-dark .ch-reflex-rush__payout:hover{ background:linear-gradient(145deg,#293548,#1b2838)!important; border-color:#d5b75e!important; box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 0 1px rgba(217,184,92,.08),0 7px 18px rgba(0,0,0,.18)!important; } @media(max-width:620px){ .ch-reflex-rush__meta{gap:6px} .ch-reflex-rush__info{min-height:36px;padding:7px 10px;font-size:.68rem} .ch-reflex-rush__payout{min-height:46px;padding:7px 6px} } @media(prefers-reduced-motion:reduce){ .ch-reflex-rush__info,.ch-reflex-rush__payout{transition:none!important} } nn/**/n@media(max-width:782px){n body.ch-theme.ch-bm-mobile-session :is(n #bp-better-messages-mobile-view-container,n #bp-better-messages-mini-mobile-container,n .bp-messages-full-screen,n .bp-messages-wrap.bp-messages-mobilen ){n top:var(--ch-bm-vv-top,0px)!important;n bottom:auto!important;n height:var(--ch-bm-vv-height,100dvh)!important;n min-height:0!important;n max-height:var(--ch-bm-vv-height,100dvh)!important;n }nn body.ch-theme.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile :is(.bpbm-chat-main,.bpbm-chat-main-primary,.bpbm-chat-content){n min-height:0!important;n }nn body.ch-theme.ch-bm-mobile-session .bp-messages-wrap.bp-messages-mobile :is(.bm-reply,.chat-footer){n margin-bottom:0!important;n padding-bottom:max(8px,env(safe-area-inset-bottom))!important;n }n}n body.ch-theme :is( .bm-mini-widgets-wrap, .bm-mini-chats-wrap, .bm-mini-chat, #bm-full-screen-wrap, .bm-wrap.bm-mobile, .bm-wrap-main.bm-mobile, .bm-chat-wrap.bm-mobile, .bm-wrap-group.bm-mobile, .bm-single-thread-wrap.bm-mobile ){ --bm-color-bg:var(--ch-theme-surface-rgb); --bm-color-bg-secondary:var(--ch-theme-bg-rgb); --bm-color-bg-elevated:var(--ch-theme-surface-rgb); --bm-color-bg-hover:var(--ch-theme-bg-rgb); --bm-color-card-bg:var(--ch-theme-surface-rgb); --bm-color-card-border:var(--ch-theme-border-rgb); --bm-color-surface:var(--ch-theme-surface-rgb); --bm-color-chat-bg:var(--ch-theme-surface-rgb); --bm-color-composer-bg:var(--ch-theme-surface-rgb); --bm-color-text-primary:var(--ch-theme-text-rgb); --bm-color-text-secondary:var(--ch-theme-muted-rgb); --bm-color-text-tertiary:var(--ch-theme-muted-rgb); --bm-color-text-link:var(--ch-theme-accent-rgb); --bm-color-border:var(--ch-theme-border-rgb); --bm-color-border-strong:var(--ch-theme-border-rgb); --bm-color-border-subtle:var(--ch-theme-border-rgb); --bm-color-icon:var(--ch-theme-muted-rgb); --bm-color-preview:var(--ch-theme-muted-rgb); --bm-color-field-text:var(--ch-theme-text-rgb); --bm-color-field-text-fallback:var(--ch-theme-text-rgb); --bm-color-field-placeholder:var(--ch-theme-muted-rgb); --bm-color-header-bg:var(--ch-theme-surface-rgb); --bm-color-header-text:var(--ch-theme-text-rgb); --bm-color-header-muted:var(--ch-theme-muted-rgb); --bm-color-header-border:var(--ch-theme-border-rgb); --bm-color-inbox-bg:var(--ch-theme-surface-rgb); --bm-color-inbox-text:var(--ch-theme-text-rgb); --bm-color-inbox-border:var(--ch-theme-border-rgb); --bm-color-inbox-field:var(--ch-theme-bg-rgb); --bm-color-inbox-muted:var(--ch-theme-muted-rgb); --bm-color-inbox-preview:var(--ch-theme-muted-rgb); --bm-color-inbox-icon:var(--ch-theme-muted-rgb); --bm-color-list-bg:var(--ch-theme-surface-rgb); --bm-color-list-text:var(--ch-theme-text-rgb); --bm-color-list-border:var(--ch-theme-border-rgb); --bm-color-list-field:var(--ch-theme-bg-rgb); --bm-color-list-muted:var(--ch-theme-muted-rgb); --bm-color-list-preview:var(--ch-theme-muted-rgb); --bm-color-list-icon:var(--ch-theme-muted-rgb); --bm-color-reply-bg:var(--ch-theme-surface-rgb); --bm-color-reply-text:var(--ch-theme-text-rgb); --bm-color-reply-muted:var(--ch-theme-muted-rgb); --bm-color-reply-border:var(--ch-theme-border-rgb); --bm-color-mc-head-bg:var(--ch-theme-surface-rgb); --bm-color-mc-head-text:var(--ch-theme-text-rgb); --bm-color-mc-head-muted:var(--ch-theme-muted-rgb); --bm-color-mc-head-border:var(--ch-theme-border-rgb); --bm-color-mc-bg:var(--ch-theme-surface-rgb); --bm-color-mc-text:var(--ch-theme-text-rgb); --bm-color-mc-muted:var(--ch-theme-muted-rgb); --bm-color-mc-border:var(--ch-theme-border-rgb); --bm-color-mc-other-bg:var(--ch-theme-bg-rgb); --bm-color-mc-other-text:var(--ch-theme-text-rgb); --bm-color-mc-other-name:var(--ch-theme-muted-rgb); --bm-color-mc-reply-bg:var(--ch-theme-surface-rgb); --bm-color-mc-reply-text:var(--ch-theme-text-rgb); --bm-color-mc-reply-muted:var(--ch-theme-muted-rgb); --bm-color-mc-reply-border:var(--ch-theme-border-rgb); --bm-color-dock-bg:var(--ch-theme-surface-rgb); --bm-color-dock-text:var(--ch-theme-text-rgb); --bm-color-dock-muted:var(--ch-theme-muted-rgb); --bm-color-dock-border:var(--ch-theme-border-rgb); --bm-color-wlist-bg:var(--ch-theme-surface-rgb); --bm-color-wlist-text:var(--ch-theme-text-rgb); --bm-color-wlist-preview:var(--ch-theme-muted-rgb); --bm-color-wlist-muted:var(--ch-theme-muted-rgb); --bm-color-wlist-icon:var(--ch-theme-muted-rgb); --bm-color-wlist-border:var(--ch-theme-border-rgb); --bm-color-wlist-field:var(--ch-theme-bg-rgb); --bm-color-mob-head-bg:var(--ch-theme-surface-rgb); --bm-color-mob-head-text:var(--ch-theme-text-rgb); --bm-color-mob-head-muted:var(--ch-theme-muted-rgb); --bm-color-mob-head-border:var(--ch-theme-border-rgb); --bm-color-mob-bg:var(--ch-theme-surface-rgb); --bm-color-mob-text:var(--ch-theme-text-rgb); --bm-color-mob-muted:var(--ch-theme-muted-rgb); --bm-color-mob-border:var(--ch-theme-border-rgb); --bm-color-mob-other-bg:var(--ch-theme-bg-rgb); --bm-color-mob-other-text:var(--ch-theme-text-rgb); --bm-color-mob-other-name:var(--ch-theme-muted-rgb); --bm-color-mob-reply-bg:var(--ch-theme-surface-rgb); --bm-color-mob-reply-text:var(--ch-theme-text-rgb); --bm-color-mob-reply-muted:var(--ch-theme-muted-rgb); --bm-color-mob-reply-border:var(--ch-theme-border-rgb); --bm-color-mob-list-bg:var(--ch-theme-surface-rgb); --bm-color-mob-list-text:var(--ch-theme-text-rgb); --bm-color-mob-list-preview:var(--ch-theme-muted-rgb); --bm-color-mob-list-muted:var(--ch-theme-muted-rgb); --bm-color-mob-list-icon:var(--ch-theme-muted-rgb); --bm-color-mob-list-border:var(--ch-theme-border-rgb); --bm-color-mob-list-field:var(--ch-theme-bg-rgb); --bm-color-mob-tabs-bg:var(--ch-theme-surface-rgb); --bm-color-mob-tabs-icon:var(--ch-theme-muted-rgb); --bm-color-mob-tabs-border:var(--ch-theme-border-rgb); --bm-color-accent:var(--ch-theme-accent-rgb); --bm-color-inbox-accent:var(--ch-theme-accent-rgb); --bm-color-list-accent:var(--ch-theme-accent-rgb); --bm-color-reply-accent:var(--ch-theme-accent-rgb); --bm-color-mc-self-bg:var(--ch-theme-accent-rgb); --bm-color-mc-reply-accent:var(--ch-theme-accent-rgb); --bm-color-dock-accent:var(--ch-theme-accent-rgb); --bm-color-wlist-accent:var(--ch-theme-accent-rgb); --bm-color-mob-self-bg:var(--ch-theme-accent-rgb); --bm-color-mob-reply-accent:var(--ch-theme-accent-rgb); --bm-color-mob-list-accent:var(--ch-theme-accent-rgb); --bm-color-mob-tabs-accent:var(--ch-theme-accent-rgb); } body.ch-theme.ch-theme-bm-profile-cosmetic :is( .bm-mini-widgets-wrap, .bm-mini-chats-wrap, .bm-mini-chat, #bm-full-screen-wrap, .bm-wrap.bm-mobile, .bm-wrap-main.bm-mobile, .bm-chat-wrap.bm-mobile, .bm-wrap-group.bm-mobile, .bm-single-thread-wrap.bm-mobile ){ --bm-color-accent:var(--ch-profile-frame-rgb); --bm-color-inbox-accent:var(--ch-profile-frame-rgb); --bm-color-list-accent:var(--ch-profile-frame-rgb); --bm-color-reply-accent:var(--ch-profile-frame-rgb); --bm-color-mc-self-bg:var(--ch-profile-frame-rgb); --bm-color-mc-reply-accent:var(--ch-profile-frame-rgb); --bm-color-dock-accent:var(--ch-profile-frame-rgb); --bm-color-wlist-accent:var(--ch-profile-frame-rgb); --bm-color-mob-self-bg:var(--ch-profile-frame-rgb); --bm-color-mob-reply-accent:var(--ch-profile-frame-rgb); --bm-color-mob-list-accent:var(--ch-profile-frame-rgb); --bm-color-mob-tabs-accent:var(--ch-profile-frame-rgb); } @media(min-width:783px){ body.ch-theme .bm-mini-widgets-wrap{ border:1px solid rgba(var(--ch-theme-border-rgb),.92)!important; border-radius:16px 16px 0 0!important; overflow:hidden!important; box-shadow:0 14px 34px rgba(2,8,23,.22),0 0 0 1px rgba(var(--bm-color-dock-accent),.06)!important; background:rgba(var(--bm-color-dock-bg),.97)!important; backdrop-filter:blur(12px) saturate(1.08); } body.ch-theme .bm-mini__tabs{ min-height:42px!important; padding:3px 5px!important; gap:3px!important; border-bottom-color:rgba(var(--ch-theme-border-rgb),.72)!important; } body.ch-theme .bm-mini__tab{ border-radius:10px!important; transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important; } body.ch-theme .bm-mini__tab:hover{ background:rgba(var(--bm-color-dock-accent),.08)!important; } body.ch-theme .bm-mini__tab--active{ background:rgba(var(--bm-color-dock-accent),.13)!important; box-shadow:inset 0 0 0 1px rgba(var(--bm-color-dock-accent),.20)!important; } body.ch-theme .bm-mini__tab:not(:disabled):active{transform:translateY(1px)} body.ch-theme .bm-mini__tab-badge, body.ch-theme .bm-mini__tab-unread{ background:rgb(var(--bm-color-dock-accent))!important; color:#fff!important; border:1px solid rgba(255,255,255,.58)!important; box-shadow:0 0 8px rgba(var(--bm-color-dock-accent),.30)!important; } } @media(max-width:782px){ body.ch-theme.ch-bm-mobile-session :is( #bm-full-screen-wrap, #bm-full-screen-wrap .bm-wrap.bm-mobile, #bm-full-screen-wrap .bm-wrap-main.bm-mobile, #bm-full-screen-wrap .bm-chat-wrap.bm-mobile, #bm-full-screen-wrap .bm-wrap-group.bm-mobile, #bm-full-screen-wrap .bm-single-thread-wrap.bm-mobile, .bm-full-screen-thread-wrap ){ max-height:var(--ch-bm-vv-height,100dvh)!important; } } @media (max-width:782px){ html.ch-bm-mobile-frame-open, body.ch-bm-mobile-frame-open{overflow:hidden!important;overscroll-behavior:none!important} .ch-bm-mobile-frame-overlay{position:fixed;inset:0;z-index:2147483000;background:var(--ch-theme-bg,#0f1218);display:block;overflow:hidden;isolation:isolate} .ch-bm-mobile-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--ch-theme-bg,#0f1218);opacity:0;transition:opacity .14s ease} .ch-bm-mobile-frame-overlay.is-loaded .ch-bm-mobile-frame{opacity:1} .ch-bm-mobile-frame-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;color:var(--ch-theme-text,#fff);font-size:.82rem;font-weight:800;letter-spacing:.01em;background:var(--ch-theme-bg,#0f1218)} .ch-bm-mobile-frame-overlay.is-loaded .ch-bm-mobile-frame-loading{display:none} .ch-bm-mobile-frame-spinner{width:30px;height:30px;border:3px solid rgba(127,127,127,.28);border-top-color:currentColor;border-radius:50%;animation:ch-bm-mobile-frame-spin .72s linear infinite} .ch-bm-mobile-frame-close{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:4;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(15,18,24,.82);color:#fff;font:700 29px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 4px 18px rgba(0,0,0,.24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .ch-bm-mobile-frame-close span{display:block;transform:translateY(-1px)} .ch-bm-mobile-frame-close:focus-visible{outline:3px solid rgba(93,165,255,.5);outline-offset:2px} } @keyframes ch-bm-mobile-frame-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.ch-bm-mobile-frame,.ch-bm-mobile-frame-spinner{transition:none!important;animation:none!important}} body.ch-theme-messages-preview-frame-page{min-height:100dvh!important;overflow:hidden!important} body.ch-theme-messages-preview-frame-page #page, body.ch-theme-messages-preview-frame-page .site, body.ch-theme-messages-preview-frame-page #primary, body.ch-theme-messages-preview-frame-page main{min-height:100dvh!important;height:100dvh!important;max-height:100dvh!important} body.ch-theme-messages-preview-frame-page #primary, body.ch-theme-messages-preview-frame-page main{padding:0!important;overflow:hidden!important} @media (max-width:782px){ .ch-site-search-overlay{ padding:calc(var(--ch-mobile-overlay-top,64px) + 8px) 8px max(8px,env(safe-area-inset-bottom))!important; } .ch-site-search-panel{ max-height:calc(100dvh - var(--ch-mobile-overlay-top,64px) - 16px)!important; } .ch-theme-header-preview-popup{ max-height:calc(100dvh - var(--ch-mobile-overlay-top,64px) - 16px)!important; } } @media (min-width:783px){ body.ch-theme .bm-mini-widgets-wrap{ border:1px solid rgba(var(--ch-theme-border-rgb),.92)!important; border-radius:16px 16px 0 0!important; background:linear-gradient(180deg,rgba(var(--ch-theme-surface-rgb),.985),rgba(var(--ch-theme-bg-rgb),.985))!important; box-shadow:0 16px 38px rgba(2,8,23,.20),0 -1px 0 rgba(var(--bm-color-dock-accent),.08)!important; overflow:hidden!important; backdrop-filter:blur(14px) saturate(1.08)!important; -webkit-backdrop-filter:blur(14px) saturate(1.08)!important; } body.ch-theme .bm-mini-widgets-wrap .bm-mini__tabs{ min-height:48px!important; padding:5px!important; gap:5px!important; border:0!important; background:transparent!important; } body.ch-theme .bm-mini-widgets-wrap .bm-mini__tab{ min-height:38px!important; padding:6px 12px!important; gap:7px!important; border:1px solid rgba(var(--ch-theme-border-rgb),.66)!important; border-radius:11px!important; background:rgba(var(--ch-theme-surface-rgb),.56)!important; color:rgb(var(--ch-theme-text-rgb))!important; font-size:11px!important; font-weight:760!important; letter-spacing:.01em!important; line-height:1!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important; transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .12s ease!important; } body.ch-theme .bm-mini-widgets-wrap .bm-mini__tab svg{ width:17px!important; height:17px!important; flex:0 0 17px!important; } body.ch-theme .bm-mini-widgets-wrap .bm-mini__tab:hover{ background:rgba(var(--bm-color-dock-accent),.08)!important; border-color:rgba(var(--bm-color-dock-accent),.30)!important; box-shadow:inset 0 0 0 1px rgba(var(--bm-color-dock-accent),.06)!important; } body.ch-theme .bm-mini-widgets-wrap .bm-mini__tab--active{ background:rgba(var(--bm-color-dock-accent),.14)!important; border-color:rgba(var(--bm-color-dock-accent),.42)!important; color:rgb(var(--bm-color-dock-accent))!important; box-shadow:inset 0 0 0 1px rgba(var(--bm-color-dock-accent),.08),0 4px 14px rgba(var(--bm-color-dock-accent),.10)!important; } body.ch-theme .bm-mini-widgets-wrap .bm-mini__tab:not(:disabled):active{ transform:scale(.975)!important; } body.ch-theme .bm-mini-widgets-wrap :is(.bm-mini__tab-badge,.bm-mini__tab-unread,.unread-count){ min-width:17px!important; height:17px!important; padding:0 4px!important; border-radius:999px!important; background:rgb(var(--bm-color-dock-accent))!important; color:#fff!important; border:1px solid rgba(255,255,255,.58)!important; box-shadow:0 0 9px rgba(var(--bm-color-dock-accent),.28)!important; font-size:9px!important; font-weight:850!important; } html[data-ch-theme-mode="dark"] body.ch-theme .bm-mini-widgets-wrap, body.ch-theme-mode-dark .bm-mini-widgets-wrap{ background:linear-gradient(180deg,rgba(16,26,42,.985),rgba(9,17,30,.985))!important; box-shadow:0 18px 42px rgba(0,0,0,.34),0 -1px 0 rgba(var(--bm-color-dock-accent),.10)!important; } html[data-ch-theme-mode="dark"] body.ch-theme .bm-mini-widgets-wrap .bm-mini__tab, body.ch-theme-mode-dark .bm-mini-widgets-wrap .bm-mini__tab{ background:rgba(255,255,255,.025)!important; } } @media (max-width:782px){ body.ch-theme :is( .ch-theme-header-icon-button[data-ch-site-search-trigger], .ch-theme-menu-toggle, .ch-theme-account-toggle ){ -webkit-tap-highlight-color:transparent!important; -webkit-touch-callout:none!important; touch-action:manipulation!important; } body.ch-theme :is( .ch-theme-header-icon-button[data-ch-site-search-trigger], .ch-theme-menu-toggle, .ch-theme-account-toggle ):focus:not(:focus-visible){ outline:none!important; box-shadow:none!important; filter:none!important; } } .ch-bm-mobile-warm-host{position:fixed!important;left:0!important;top:0!important;width:100vw!important;height:100dvh!important;overflow:hidden!important;pointer-events:none!important;visibility:hidden!important;transform:translateX(-200vw)!important;contain:strict!important} .ch-bm-mobile-warm-host>.ch-bm-mobile-frame{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;border:0!important} #bm-full-screen-wrap { --bm-takeover-top: 0px; --bm-takeover-bottom: 0px; --bm-takeover-z: 2147483000; } @media (max-width: 782px) { #bm-mini-chats-wrap-mobile-container { --bm-takeover-top: 0px; --bm-takeover-bottom: 0px; --bm-takeover-z: 2147483000; } } body.ch-theme .ch-help-center, body.ch-theme .ch-feature-showcase{ --ch-help-accent:var(--ch-theme-accent,#2563eb); --ch-help-surface:var(--ch-theme-surface,#fff); --ch-help-surface-2:color-mix(in srgb,var(--ch-help-surface) 94%,var(--ch-help-accent)); --ch-help-border:var(--ch-theme-border,#dbe3ec); --ch-help-text:var(--ch-theme-text,#172033); --ch-help-muted:var(--ch-theme-muted,#667085); width:min(1180px,100%); margin-inline:auto; color:var(--ch-help-text); } body.ch-theme .ch-help-center__hero, body.ch-theme .ch-feature-showcase__head{ position:relative; overflow:hidden; padding:clamp(24px,4vw,44px); border:1px solid var(--ch-help-border); border-radius:24px; background: radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--ch-help-accent) 16%,transparent),transparent 34%), linear-gradient(145deg,color-mix(in srgb,var(--ch-help-accent) 7%,var(--ch-help-surface)),var(--ch-help-surface) 58%); box-shadow:0 18px 45px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.55); } body.ch-theme .ch-help-center__eyebrow, body.ch-theme .ch-feature-showcase__eyebrow{ display:inline-flex; align-items:center; gap:7px; margin-bottom:8px; color:var(--ch-help-accent); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; } body.ch-theme .ch-help-center__hero h1, body.ch-theme .ch-feature-showcase__head h2{ margin:0; color:var(--ch-help-text); font-size:clamp(28px,4vw,44px); line-height:1.05; } body.ch-theme .ch-help-center__hero>p, body.ch-theme .ch-feature-showcase__head>p{ max-width:760px; margin:10px 0 0; color:var(--ch-help-muted); font-size:clamp(15px,2vw,18px); } body.ch-theme .ch-help-search{ display:flex; align-items:center; gap:10px; width:min(760px,100%); min-height:56px; margin-top:24px; padding:0 15px; border:1px solid color-mix(in srgb,var(--ch-help-border) 84%,var(--ch-help-accent)); border-radius:17px; background:var(--ch-help-surface); box-shadow:0 10px 26px rgba(15,23,42,.07); transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; } body.ch-theme .ch-help-search:focus-within{ border-color:color-mix(in srgb,var(--ch-help-accent) 72%,var(--ch-help-border)); box-shadow:0 0 0 4px color-mix(in srgb,var(--ch-help-accent) 13%,transparent),0 12px 30px rgba(15,23,42,.08); } body.ch-theme .ch-help-search>.dashicons{flex:0 0 auto;color:var(--ch-help-accent)} body.ch-theme .ch-help-search input{ flex:1 1 auto; min-width:0; height:52px; padding:0!important; border:0!important; outline:0!important; box-shadow:none!important; background:transparent!important; color:var(--ch-help-text)!important; font:inherit; font-size:16px; } body.ch-theme .ch-help-search button{ flex:0 0 auto; width:32px; height:32px; padding:0; border:0; border-radius:999px; background:color-mix(in srgb,var(--ch-help-text) 8%,transparent); color:var(--ch-help-text); font-size:22px; line-height:1; cursor:pointer; } body.ch-theme .ch-help-categories{ display:flex; gap:9px; margin:18px 0; padding:2px 1px 6px; overflow-x:auto; scrollbar-width:none; } body.ch-theme .ch-help-categories::-webkit-scrollbar{display:none} body.ch-theme .ch-help-categories button{ flex:0 0 auto; min-height:38px; padding:8px 14px; border:1px solid var(--ch-help-border); border-radius:999px; background:var(--ch-help-surface); color:var(--ch-help-text); font-weight:800; cursor:pointer; transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease; } body.ch-theme .ch-help-categories button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ch-help-accent) 48%,var(--ch-help-border))} body.ch-theme .ch-help-categories button.is-active{ border-color:var(--ch-help-accent); background:var(--ch-help-accent); color:#fff; } body.ch-theme .ch-help-results{display:grid;gap:12px} body.ch-theme .ch-help-card{ border:1px solid var(--ch-help-border); border-radius:18px; background:var(--ch-help-surface); box-shadow:0 8px 26px rgba(15,23,42,.055); overflow:hidden; } body.ch-theme .ch-help-card[hidden]{display:none!important} body.ch-theme .ch-help-card details{margin:0} body.ch-theme .ch-help-card summary{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 18px; padding:20px 54px 20px 21px; list-style:none; cursor:pointer; -webkit-tap-highlight-color:transparent; } body.ch-theme .ch-help-card summary::-webkit-details-marker{display:none} body.ch-theme .ch-help-card__category{grid-column:1;color:var(--ch-help-accent);font-size:11px;font-weight:900;letter-spacing:.065em;text-transform:uppercase} body.ch-theme .ch-help-card summary strong{grid-column:1;color:var(--ch-help-text);font-size:18px;line-height:1.22} body.ch-theme .ch-help-card__summary{grid-column:1;color:var(--ch-help-muted);font-size:14px;line-height:1.45} body.ch-theme .ch-help-card__chevron{ position:absolute; top:50%;right:20px; transform:translateY(-50%); color:var(--ch-help-accent); transition:transform .2s ease; } body.ch-theme .ch-help-card details[open] .ch-help-card__chevron{transform:translateY(-50%) rotate(180deg)} body.ch-theme .ch-help-card__body{padding:0 21px 22px;border-top:1px solid color-mix(in srgb,var(--ch-help-border) 72%,transparent)} body.ch-theme .ch-help-card__content{padding-top:18px;color:var(--ch-help-text);line-height:1.62} body.ch-theme .ch-help-card__content>:first-child{margin-top:0} body.ch-theme .ch-help-card__content>:last-child{margin-bottom:0} body.ch-theme .ch-help-card__note{margin:14px 0 0;padding:11px 13px;border-radius:12px;background:color-mix(in srgb,var(--ch-help-accent) 7%,var(--ch-help-surface));color:var(--ch-help-muted)} body.ch-theme .ch-help-card__action, body.ch-theme .ch-feature-card__cta{ display:inline-flex; align-items:center; gap:7px; margin-top:17px; padding:10px 14px; border-radius:11px; background:var(--ch-help-accent); color:#fff!important; font-weight:900; text-decoration:none!important; transition:transform .15s ease,filter .15s ease; } body.ch-theme .ch-help-card__action:hover, body.ch-theme .ch-feature-card__cta:hover{transform:translateY(-1px);filter:brightness(1.05)} body.ch-theme .ch-help-empty{padding:30px;border:1px dashed var(--ch-help-border);border-radius:18px;text-align:center;color:var(--ch-help-muted);background:var(--ch-help-surface)} body.ch-theme .ch-feature-showcase__head{margin-bottom:18px;text-align:center} body.ch-theme .ch-feature-showcase__head>p{margin-inline:auto} body.ch-theme .ch-feature-showcase__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px} body.ch-theme .ch-feature-card{ position:relative; display:flex; flex-direction:column; min-width:0; min-height:250px; padding:21px; border:1px solid var(--ch-help-border); border-radius:20px; background:linear-gradient(155deg,var(--ch-help-surface),color-mix(in srgb,var(--ch-help-accent) 4%,var(--ch-help-surface))); box-shadow:0 12px 32px rgba(15,23,42,.065); overflow:hidden; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } body.ch-theme .ch-feature-card::after{content:"";position:absolute;right:-50px;top:-55px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ch-help-accent) 13%,transparent),transparent 68%);pointer-events:none} body.ch-theme .ch-feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ch-help-accent) 44%,var(--ch-help-border));box-shadow:0 18px 42px rgba(15,23,42,.095)} body.ch-theme .ch-feature-card__icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:14px;background:color-mix(in srgb,var(--ch-help-accent) 12%,var(--ch-help-surface));color:var(--ch-help-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ch-help-accent) 19%,transparent)} body.ch-theme .ch-feature-card__icon .dashicons{width:auto;height:auto;font-size:23px} body.ch-theme .ch-feature-card__category{display:block;margin-bottom:5px;color:var(--ch-help-accent);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase} body.ch-theme .ch-feature-card h3{margin:0;color:var(--ch-help-text);font-size:20px;line-height:1.2} body.ch-theme .ch-feature-card p{margin:9px 0 0;color:var(--ch-help-muted);line-height:1.52} body.ch-theme .ch-feature-card__cta{align-self:flex-start;margin-top:auto} @media(min-width:783px){ body.ch-theme-profile-messages-page .ch-profile-messages-shell{ position:relative; min-height:430px; background:var(--ch-theme-surface,#fff); border-radius:15px; } body.ch-theme-profile-messages-page .ch-profile-messages-shell.is-bm-loading{ overflow:hidden; } body.ch-theme-profile-messages-page .ch-profile-messages-shell.is-bm-loading::before{ content:""; position:absolute; z-index:80; inset:0; border:1px solid var(--ch-bm-profile-border,var(--ch-theme-border,#dbe3ec)); border-radius:15px; background: linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--ch-theme-text,#172033) 5%,transparent) 45%,transparent 80%) 0 0/220% 100%, linear-gradient(var(--ch-theme-surface,#fff),var(--ch-theme-surface,#fff)); animation:ch-bm-skeleton-sheen 1.4s linear infinite; pointer-events:none; } body.ch-theme-profile-messages-page .ch-profile-messages-shell.is-bm-loading::after{ content:"Loading conversations…"; position:absolute; z-index:81; left:50%;top:50%; transform:translate(-50%,-50%); padding:11px 15px 11px 38px; border:1px solid var(--ch-theme-border,#dbe3ec); border-radius:999px; background:color-mix(in srgb,var(--ch-theme-surface,#fff) 92%,transparent); color:var(--ch-theme-muted,#667085); font-size:13px; font-weight:800; box-shadow:0 12px 30px rgba(15,23,42,.08); backdrop-filter:blur(9px); pointer-events:none; } body.ch-theme-profile-messages-page .ch-profile-messages-shell.is-bm-loading > *{ opacity:.18; } body.ch-theme-profile-messages-page .ch-profile-messages-shell.is-bm-slow::after{ content:"Messages are taking a little longer to connect…"; } body.ch-theme-profile-messages-page .ch-profile-messages-shell.is-bm-timeout::after{ content:"Messages could not finish loading. Refresh the page to try again."; position:absolute;z-index:81;left:50%;top:50%;transform:translate(-50%,-50%); max-width:min(420px,calc(100% - 28px));padding:12px 16px;border:1px solid var(--ch-theme-border,#dbe3ec); border-radius:14px;background:var(--ch-theme-surface,#fff);color:var(--ch-theme-text,#172033);font-size:12px;font-weight:800;text-align:center; box-shadow:0 14px 34px rgba(15,23,42,.12);pointer-events:none; } body.ch-theme-profile-messages-page .ch-profile-messages-shell.is-bm-mounted > *{ animation:ch-bm-provider-reveal .24s cubic-bezier(.2,.8,.2,1) both; } } @keyframes ch-bm-skeleton-sheen{to{background-position:-220% 0,0 0}} @keyframes ch-bm-provider-reveal{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}} @media(min-width:783px){ body.ch-theme #bm-full-screen-wrap{ transform-origin:bottom right; animation:ch-bm-fullscreen-enter .24s cubic-bezier(.2,.78,.2,1) both; will-change:opacity,transform; } body.ch-theme #bm-full-screen-wrap>.bm-wrap, body.ch-theme #bm-full-screen-wrap>.bm-wrap-main{ animation:ch-bm-fullscreen-content-enter .28s .035s cubic-bezier(.2,.8,.2,1) both; } } @keyframes ch-bm-fullscreen-enter{ 0%{opacity:0;transform:scale(.985) translateY(8px)} 100%{opacity:1;transform:scale(1) translateY(0)} } @keyframes ch-bm-fullscreen-content-enter{ 0%{opacity:.35;transform:translateY(4px)} 100%{opacity:1;transform:none} } html[data-ch-theme-mode="dark"] body.ch-theme .ch-help-center, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-showcase, body.ch-theme-mode-dark .ch-help-center, body.ch-theme-mode-dark .ch-feature-showcase{ --ch-help-surface:var(--ch-theme-surface,#111827); --ch-help-border:var(--ch-theme-border,#334155); --ch-help-text:var(--ch-theme-text,#f5f7fb); --ch-help-muted:var(--ch-theme-muted,#a8b5c7); } html[data-ch-theme-mode="dark"] body.ch-theme .ch-help-center__hero, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-showcase__head, body.ch-theme-mode-dark .ch-help-center__hero, body.ch-theme-mode-dark .ch-feature-showcase__head{ box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04); } html[data-ch-theme-mode="dark"] body.ch-theme .ch-help-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-card, body.ch-theme-mode-dark .ch-help-card, body.ch-theme-mode-dark .ch-feature-card{box-shadow:0 12px 32px rgba(0,0,0,.24)} @media(max-width:980px){ body.ch-theme .ch-feature-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:640px){ body.ch-theme .ch-help-center__hero, body.ch-theme .ch-feature-showcase__head{padding:22px 16px;border-radius:19px} body.ch-theme .ch-help-search{min-height:52px;border-radius:15px} body.ch-theme .ch-help-card summary{padding:18px 48px 18px 16px} body.ch-theme .ch-help-card__body{padding:0 16px 18px} body.ch-theme .ch-feature-showcase__grid{grid-template-columns:1fr} body.ch-theme .ch-feature-card{min-height:0} } @media(prefers-reduced-motion:reduce){ body.ch-theme #bm-full-screen-wrap, body.ch-theme #bm-full-screen-wrap>.bm-wrap, body.ch-theme #bm-full-screen-wrap>.bm-wrap-main, body.ch-theme .ch-profile-messages-shell.is-bm-mounted>*{animation:none!important} body.ch-theme .ch-profile-messages-shell.is-bm-loading::before{animation:none!important} } body.ch-theme .ch-help-assistant{ --ch-help-accent:var(--ch-theme-accent,#2563eb); --ch-help-surface:var(--ch-theme-surface,#fff); --ch-help-border:var(--ch-theme-border,#dbe3ec); --ch-help-text:var(--ch-theme-text,#172033); --ch-help-muted:var(--ch-theme-muted,#667085); width:min(1180px,100%); margin:0 auto 22px; padding:clamp(18px,3vw,28px); border:1px solid var(--ch-help-border); border-radius:24px; background: radial-gradient(circle at 88% 2%,color-mix(in srgb,var(--ch-help-accent) 14%,transparent),transparent 30%), linear-gradient(145deg,color-mix(in srgb,var(--ch-help-accent) 5%,var(--ch-help-surface)),var(--ch-help-surface) 62%); color:var(--ch-help-text); box-shadow:0 16px 42px rgba(15,23,42,.075),inset 0 1px 0 rgba(255,255,255,.5); } body.ch-theme .ch-help-assistant__head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px} body.ch-theme .ch-help-assistant__mark{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--ch-help-accent) 13%,var(--ch-help-surface));color:var(--ch-help-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ch-help-accent) 22%,transparent)} body.ch-theme .ch-help-assistant__mark .dashicons{width:auto;height:auto;font-size:25px} body.ch-theme .ch-help-assistant__eyebrow{display:block;margin:1px 0 4px;color:var(--ch-help-accent);font-size:11px;font-weight:900;letter-spacing:.075em;text-transform:uppercase} body.ch-theme .ch-help-assistant__head h2{margin:0;color:var(--ch-help-text);font-size:clamp(22px,3vw,30px);line-height:1.1} body.ch-theme .ch-help-assistant__head p{max-width:760px;margin:7px 0 0;color:var(--ch-help-muted);line-height:1.5} body.ch-theme .ch-help-assistant__conversation{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow:auto;padding:4px 2px 8px;scrollbar-width:thin;overscroll-behavior:contain} body.ch-theme .ch-help-assistant__bubble{max-width:min(780px,88%);padding:12px 14px;border-radius:17px;line-height:1.52;box-shadow:0 5px 16px rgba(15,23,42,.05);white-space:pre-wrap;overflow-wrap:anywhere} body.ch-theme .ch-help-assistant__bubble--assistant{align-self:flex-start;border:1px solid var(--ch-help-border);border-bottom-left-radius:6px;background:var(--ch-help-surface);color:var(--ch-help-text)} body.ch-theme .ch-help-assistant__bubble--user{align-self:flex-end;border:1px solid color-mix(in srgb,var(--ch-help-accent) 74%,transparent);border-bottom-right-radius:6px;background:var(--ch-help-accent);color:#fff} body.ch-theme .ch-help-assistant__bubble.is-typing{color:var(--ch-help-muted);font-style:italic;animation:ch-help-assistant-pulse 1.1s ease-in-out infinite alternate} @keyframes ch-help-assistant-pulse{from{opacity:.55}to{opacity:1}} body.ch-theme .ch-help-assistant__suggestions{display:flex;gap:8px;margin:12px 0 14px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none} body.ch-theme .ch-help-assistant__suggestions::-webkit-scrollbar{display:none} body.ch-theme .ch-help-assistant__suggestions button{flex:0 0 auto;min-height:35px;padding:7px 11px;border:1px solid var(--ch-help-border);border-radius:999px;background:var(--ch-help-surface);color:var(--ch-help-text);font:inherit;font-size:12px;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s ease,border-color .14s ease,background .14s ease} body.ch-theme .ch-help-assistant__suggestions button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ch-help-accent) 52%,var(--ch-help-border));background:color-mix(in srgb,var(--ch-help-accent) 5%,var(--ch-help-surface))} body.ch-theme .ch-help-assistant__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;margin-top:4px;padding:7px;border:1px solid color-mix(in srgb,var(--ch-help-border) 82%,var(--ch-help-accent));border-radius:17px;background:var(--ch-help-surface);box-shadow:0 9px 24px rgba(15,23,42,.06)} body.ch-theme .ch-help-assistant__form:focus-within{border-color:color-mix(in srgb,var(--ch-help-accent) 72%,var(--ch-help-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--ch-help-accent) 12%,transparent),0 10px 26px rgba(15,23,42,.07)} body.ch-theme .ch-help-assistant__form input{width:100%;min-width:0;height:44px;padding:0 9px!important;border:0!important;outline:0!important;background:transparent!important;color:var(--ch-help-text)!important;box-shadow:none!important;font:inherit;font-size:16px} body.ch-theme .ch-help-assistant__form button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:86px;min-height:44px;padding:9px 14px;border:0;border-radius:12px;background:var(--ch-help-accent);color:#fff;font:inherit;font-weight:900;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s ease,filter .14s ease,opacity .14s ease} body.ch-theme .ch-help-assistant__form button:hover{transform:translateY(-1px);filter:brightness(1.05)} body.ch-theme .ch-help-assistant__form button:disabled{opacity:.55;cursor:wait;transform:none} body.ch-theme .ch-help-assistant__form button .dashicons{width:auto;height:auto;font-size:17px} body.ch-theme .ch-help-assistant__grounding{display:flex;align-items:flex-start;gap:6px;margin:9px 3px 0;color:var(--ch-help-muted);font-size:11px;line-height:1.45} body.ch-theme .ch-help-assistant__grounding .dashicons{flex:0 0 auto;width:auto;height:auto;font-size:14px;line-height:1.3;color:var(--ch-help-accent)} body.ch-theme .ch-help-assistant__sources{align-self:stretch;display:grid;gap:8px;margin:0 0 4px;max-width:920px} body.ch-theme .ch-help-assistant__sources-label{margin:3px 1px 0;color:var(--ch-help-muted);font-size:11px;font-weight:900;letter-spacing:.055em;text-transform:uppercase} body.ch-theme .ch-help-assistant__source{border:1px solid var(--ch-help-border);border-radius:15px;background:var(--ch-help-surface);overflow:hidden;box-shadow:0 6px 18px rgba(15,23,42,.04)} body.ch-theme .ch-help-assistant__source summary{position:relative;display:grid;gap:3px;padding:13px 42px 13px 14px;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent} body.ch-theme .ch-help-assistant__source summary::-webkit-details-marker{display:none} body.ch-theme .ch-help-assistant__source-category{color:var(--ch-help-accent);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase} body.ch-theme .ch-help-assistant__source summary strong{color:var(--ch-help-text);font-size:14px} body.ch-theme .ch-help-assistant__source summary>.dashicons{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ch-help-accent);transition:transform .18s ease} body.ch-theme .ch-help-assistant__source[open] summary>.dashicons{transform:translateY(-50%) rotate(180deg)} body.ch-theme .ch-help-assistant__source-body{padding:13px 14px 15px;border-top:1px solid color-mix(in srgb,var(--ch-help-border) 72%,transparent);color:var(--ch-help-text);line-height:1.57} body.ch-theme .ch-help-assistant__source-content>:first-child{margin-top:0} body.ch-theme .ch-help-assistant__source-content>:last-child{margin-bottom:0} body.ch-theme .ch-help-assistant__source-note{margin:10px 0 0;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--ch-help-accent) 6%,var(--ch-help-surface));color:var(--ch-help-muted);font-size:12px} body.ch-theme .ch-help-assistant__action{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:9px 12px;border-radius:10px;background:var(--ch-help-accent);color:#fff!important;font-size:13px;font-weight:900;text-decoration:none!important} body.ch-theme .ch-help-assistant__action--support{align-self:flex-start;margin:0 0 4px} html[data-ch-theme-mode="dark"] body.ch-theme .ch-help-assistant, body.ch-theme-mode-dark .ch-help-assistant{--ch-help-surface:var(--ch-theme-surface,#111827);--ch-help-border:var(--ch-theme-border,#334155);--ch-help-text:var(--ch-theme-text,#f5f7fb);--ch-help-muted:var(--ch-theme-muted,#a8b5c7);box-shadow:0 16px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)} @media(max-width:640px){ body.ch-theme .ch-help-assistant{padding:16px 12px;border-radius:19px} body.ch-theme .ch-help-assistant__head{gap:10px} body.ch-theme .ch-help-assistant__mark{flex-basis:42px;width:42px;height:42px;border-radius:13px} body.ch-theme .ch-help-assistant__conversation{max-height:58vh} body.ch-theme .ch-help-assistant__bubble{max-width:94%;padding:11px 12px;font-size:14px} body.ch-theme .ch-help-assistant__form{grid-template-columns:minmax(0,1fr) auto;border-radius:15px} body.ch-theme .ch-help-assistant__form button{min-width:48px;padding:9px 11px} body.ch-theme .ch-help-assistant__form button span:last-child{display:none} } @media(prefers-reduced-motion:reduce){body.ch-theme .ch-help-assistant__bubble.is-typing{animation:none!important}} body.ch-theme .ch-feature-promo{ --ch-promo-accent:var(--ch-theme-accent,#2563eb); --ch-promo-surface:var(--ch-theme-surface,#fff); --ch-promo-border:var(--ch-theme-border,#dbe3ec); --ch-promo-text:var(--ch-theme-text,#172033); --ch-promo-muted:var(--ch-theme-muted,#667085); position:relative; display:grid; gap:22px; width:100%; margin:0 auto; color:var(--ch-promo-text); } body.ch-theme .ch-feature-promo__hero{ position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr); gap:26px; align-items:center; overflow:hidden; padding:clamp(26px,4vw,48px); border:1px solid color-mix(in srgb,var(--ch-promo-accent) 22%,var(--ch-promo-border)); border-radius:28px; background: radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--ch-promo-accent) 19%,transparent),transparent 28%), linear-gradient(145deg,color-mix(in srgb,var(--ch-promo-accent) 7%,var(--ch-promo-surface)),var(--ch-promo-surface) 60%); box-shadow:0 22px 54px rgba(15,23,42,.09),inset 0 1px 0 rgba(255,255,255,.6); } body.ch-theme .ch-feature-promo__hero-copy{position:relative;z-index:2;max-width:850px} body.ch-theme .ch-feature-promo__eyebrow{ display:inline-flex; align-items:center; min-height:28px; margin:0 0 10px; padding:5px 10px; border:1px solid color-mix(in srgb,var(--ch-promo-accent) 27%,transparent); border-radius:999px; background:color-mix(in srgb,var(--ch-promo-accent) 9%,var(--ch-promo-surface)); color:var(--ch-promo-accent); font-size:11px; font-weight:900; letter-spacing:.075em; text-transform:uppercase; } body.ch-theme .ch-feature-promo__hero h2{ margin:0; color:var(--ch-promo-text); font-size:clamp(30px,4.4vw,54px); line-height:1.03; letter-spacing:-.035em; } body.ch-theme .ch-feature-promo__hero p{ max-width:760px; margin:15px 0 0; color:var(--ch-promo-muted); font-size:clamp(15px,1.7vw,19px); line-height:1.58; } body.ch-theme .ch-feature-promo__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px} body.ch-theme .ch-feature-promo__primary, body.ch-theme .ch-feature-promo__secondary{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:46px; padding:10px 16px; border-radius:13px; font-weight:900; text-decoration:none!important; -webkit-tap-highlight-color:transparent; touch-action:manipulation; transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease; } body.ch-theme .ch-feature-promo__primary{border:1px solid var(--ch-promo-accent);background:var(--ch-promo-accent);color:#fff!important;box-shadow:0 10px 24px color-mix(in srgb,var(--ch-promo-accent) 23%,transparent)} body.ch-theme .ch-feature-promo__secondary{border:1px solid var(--ch-promo-border);background:color-mix(in srgb,var(--ch-promo-surface) 90%,transparent);color:var(--ch-promo-text)!important} body.ch-theme .ch-feature-promo__primary:hover, body.ch-theme .ch-feature-promo__secondary:hover{transform:translateY(-2px);filter:brightness(1.04)} body.ch-theme .ch-feature-promo__visual{ position:relative; min-height:210px; display:grid; place-items:center; } body.ch-theme .ch-feature-promo__mini-stack{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,70px); gap:10px; transform:rotate(-4deg); } body.ch-theme .ch-feature-promo__mini-stack>span{ display:grid; place-items:center; width:70px; height:70px; border:1px solid color-mix(in srgb,var(--ch-promo-accent) 26%,var(--ch-promo-border)); border-radius:20px; background:color-mix(in srgb,var(--ch-promo-surface) 90%,transparent); color:var(--ch-promo-accent); font-size:31px; box-shadow:0 16px 30px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.7); backdrop-filter:blur(12px); } body.ch-theme .ch-feature-promo__mini-stack>span:nth-child(2){transform:translateY(-18px)} body.ch-theme .ch-feature-promo__orb{position:absolute;border-radius:999px;filter:blur(1px);opacity:.8} body.ch-theme .ch-feature-promo__orb--one{width:150px;height:150px;right:14%;top:4%;background:radial-gradient(circle,color-mix(in srgb,var(--ch-promo-accent) 22%,transparent),transparent 68%)} body.ch-theme .ch-feature-promo__orb--two{width:110px;height:110px;left:12%;bottom:2%;background:radial-gradient(circle,color-mix(in srgb,var(--ch-promo-accent) 14%,transparent),transparent 70%)} body.ch-theme .ch-feature-promo__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; } body.ch-theme .ch-feature-promo-card{ position:relative; isolation:isolate; display:flex; flex-direction:column; min-height:270px; overflow:hidden; padding:21px; border:1px solid var(--ch-promo-border); border-radius:21px; background: radial-gradient(circle at 93% 4%,color-mix(in srgb,var(--ch-promo-accent) 10%,transparent),transparent 30%), linear-gradient(155deg,var(--ch-promo-surface),color-mix(in srgb,var(--ch-promo-accent) 3%,var(--ch-promo-surface))); box-shadow:0 14px 34px rgba(15,23,42,.065); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; } body.ch-theme .ch-feature-promo-card.is-featured{grid-column:span 1;min-height:315px;border-color:color-mix(in srgb,var(--ch-promo-accent) 30%,var(--ch-promo-border));background:linear-gradient(145deg,color-mix(in srgb,var(--ch-promo-accent) 8%,var(--ch-promo-surface)),var(--ch-promo-surface) 68%)} body.ch-theme .ch-feature-promo-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ch-promo-accent) 42%,var(--ch-promo-border));box-shadow:0 20px 45px rgba(15,23,42,.1)} body.ch-theme .ch-feature-promo-card__top{display:flex;align-items:center;gap:11px;margin-bottom:16px} body.ch-theme .ch-feature-promo-card__icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--ch-promo-accent) 12%,var(--ch-promo-surface));color:var(--ch-promo-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ch-promo-accent) 20%,transparent)} body.ch-theme .ch-feature-promo-card__icon .dashicons{width:auto;height:auto;font-size:23px} body.ch-theme .ch-feature-promo-card__category{color:var(--ch-promo-accent);font-size:10px;font-weight:900;letter-spacing:.065em;text-transform:uppercase} body.ch-theme .ch-feature-promo-card h3{margin:0;color:var(--ch-promo-text);font-size:clamp(20px,2vw,24px);line-height:1.16;letter-spacing:-.015em} body.ch-theme .ch-feature-promo-card p{margin:10px 0 20px;color:var(--ch-promo-muted);line-height:1.56} body.ch-theme .ch-feature-promo-card__cta{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-top:auto;color:var(--ch-promo-accent)!important;font-weight:900;text-decoration:none!important} body.ch-theme .ch-feature-promo-card__cta:hover{text-decoration:underline!important;text-underline-offset:3px} body.ch-theme .ch-feature-promo__closing{max-width:880px;margin:0 auto;padding:2px 16px;text-align:center;color:var(--ch-promo-muted);font-size:13px;line-height:1.55} html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-promo, body.ch-theme-mode-dark .ch-feature-promo{--ch-promo-surface:var(--ch-theme-surface,#111827);--ch-promo-border:var(--ch-theme-border,#334155);--ch-promo-text:var(--ch-theme-text,#f5f7fb);--ch-promo-muted:var(--ch-theme-muted,#a8b5c7)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-promo__hero, body.ch-theme-mode-dark .ch-feature-promo__hero{box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-promo-card, body.ch-theme-mode-dark .ch-feature-promo-card{box-shadow:0 15px 38px rgba(0,0,0,.24)} @media(max-width:980px){ body.ch-theme .ch-feature-promo__hero{grid-template-columns:1fr} body.ch-theme .ch-feature-promo__visual{min-height:140px} body.ch-theme .ch-feature-promo__grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.ch-theme .ch-feature-promo-card.is-featured{min-height:290px} } @media(max-width:640px){ body.ch-theme .ch-feature-promo{gap:16px} body.ch-theme .ch-feature-promo__hero{padding:22px 16px;border-radius:21px} body.ch-theme .ch-feature-promo__hero h2{font-size:clamp(29px,10vw,40px)} body.ch-theme .ch-feature-promo__visual{min-height:112px} body.ch-theme .ch-feature-promo__mini-stack{grid-template-columns:repeat(3,56px);gap:7px} body.ch-theme .ch-feature-promo__mini-stack>span{width:56px;height:56px;border-radius:16px;font-size:25px} body.ch-theme .ch-feature-promo__mini-stack>span:nth-child(2){transform:translateY(-10px)} body.ch-theme .ch-feature-promo__actions{display:grid;grid-template-columns:1fr} body.ch-theme .ch-feature-promo__primary, body.ch-theme .ch-feature-promo__secondary{width:100%} body.ch-theme .ch-feature-promo__grid{grid-template-columns:1fr;gap:11px} body.ch-theme .ch-feature-promo-card, body.ch-theme .ch-feature-promo-card.is-featured{min-height:0;padding:18px;border-radius:18px} } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-feature-promo__primary, body.ch-theme .ch-feature-promo__secondary, body.ch-theme .ch-feature-promo-card{transition:none!important} body.ch-theme .ch-feature-promo__primary:hover, body.ch-theme .ch-feature-promo__secondary:hover, body.ch-theme .ch-feature-promo-card:hover{transform:none!important} } body.ch-theme .ch-feature-promo--visual{gap:24px} body.ch-theme .ch-feature-promo--visual .ch-feature-promo__hero{ grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); min-height:470px; padding:clamp(30px,4.5vw,60px); } body.ch-theme .ch-feature-promo__proof{ display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:20px;color:var(--ch-promo-muted);font-size:12px;font-weight:800 } body.ch-theme .ch-feature-promo__proof>span{display:inline-flex;align-items:center;gap:6px} body.ch-theme .ch-feature-promo__proof i{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,var(--ch-promo-accent) 12%,var(--ch-promo-surface));color:var(--ch-promo-accent);font-style:normal;font-size:11px} body.ch-theme .ch-feature-promo__visual-stage{position:relative;min-height:340px;perspective:1100px} body.ch-theme .ch-feature-promo__desktop-frame{ position:absolute;left:0;top:18px;width:min(92%,520px);height:292px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ch-promo-accent) 28%,var(--ch-promo-border));border-radius:22px;background:var(--ch-promo-surface);box-shadow:0 28px 55px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.7);transform:rotateY(-7deg) rotateX(2deg);transform-origin:center;animation:ch-showcase-desktop-float 6s ease-in-out infinite } body.ch-theme .ch-feature-promo__desktop-bar{display:flex;align-items:center;gap:5px;height:27px;padding:0 10px;border-bottom:1px solid var(--ch-promo-border);background:color-mix(in srgb,var(--ch-promo-surface) 93%,var(--ch-promo-accent))} body.ch-theme .ch-feature-promo__desktop-bar i{width:7px;height:7px;border-radius:999px;background:color-mix(in srgb,var(--ch-promo-muted) 48%,transparent)} body.ch-theme .ch-feature-promo__desktop-frame>.ch-promo-visual-media, body.ch-theme .ch-feature-promo__desktop-frame>.ch-promo-visual-mock{height:calc(100% - 27px);border-radius:0} body.ch-theme .ch-feature-promo__phone-frame{ position:absolute;right:-1px;bottom:0;width:136px;height:268px;padding:10px 8px;border:2px solid color-mix(in srgb,var(--ch-promo-text) 88%,var(--ch-promo-border));border-radius:29px;background:var(--ch-promo-surface);box-shadow:0 25px 50px rgba(15,23,42,.22),inset 0 0 0 2px color-mix(in srgb,var(--ch-promo-border) 55%,transparent);transform:rotate(5deg);animation:ch-showcase-phone-float 5.4s ease-in-out infinite } body.ch-theme .ch-feature-promo__phone-notch{width:54px;height:11px;margin:0 auto 12px;border-radius:0 0 8px 8px;background:color-mix(in srgb,var(--ch-promo-text) 90%,#000)} body.ch-theme .ch-feature-promo__phone-feed{display:grid;gap:9px;height:220px;padding:8px;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--ch-promo-accent) 8%,var(--ch-promo-surface)),var(--ch-promo-surface))} body.ch-theme .ch-feature-promo__phone-feed>*{display:block;border-radius:9px;background:color-mix(in srgb,var(--ch-promo-accent) 12%,var(--ch-promo-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ch-promo-border) 70%,transparent)} body.ch-theme .ch-feature-promo__phone-feed i:nth-child(1){height:62px}.ch-feature-promo__phone-feed b{height:38px}.ch-feature-promo__phone-feed span{height:30px;width:70%}.ch-feature-promo__phone-feed i:nth-last-child(2){height:48px} body.ch-theme .ch-feature-promo__float-badge{position:absolute;z-index:5;display:grid;place-items:center;width:50px;height:50px;border:1px solid color-mix(in srgb,var(--ch-promo-accent) 30%,var(--ch-promo-border));border-radius:16px;background:color-mix(in srgb,var(--ch-promo-surface) 89%,transparent);color:var(--ch-promo-accent);box-shadow:0 15px 32px rgba(15,23,42,.14);backdrop-filter:blur(10px)} body.ch-theme .ch-feature-promo__float-badge .dashicons{width:auto;height:auto;font-size:25px}.ch-feature-promo__float-badge.is-one{left:-12px;bottom:30px;animation:ch-showcase-badge 4.8s ease-in-out infinite}.ch-feature-promo__float-badge.is-two{right:82px;top:0;animation:ch-showcase-badge 5.4s .5s ease-in-out infinite} @keyframes ch-showcase-desktop-float{0%,100%{transform:rotateY(-7deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(1deg) translateY(-7px)}} @keyframes ch-showcase-phone-float{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}} @keyframes ch-showcase-badge{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(3deg)}} body.ch-theme .ch-feature-promo--visual .ch-feature-promo__grid{grid-auto-flow:dense;gap:17px} body.ch-theme .ch-feature-promo--visual .ch-feature-promo-card{min-height:0;padding:0;background:var(--ch-promo-surface)} body.ch-theme .ch-feature-promo--visual .ch-feature-promo-card.is-featured:first-child{grid-column:span 2} body.ch-theme .ch-feature-promo-card__media{position:relative;height:178px;overflow:hidden;border-bottom:1px solid var(--ch-promo-border);background:linear-gradient(145deg,color-mix(in srgb,var(--ch-promo-accent) 7%,var(--ch-promo-surface)),var(--ch-promo-surface))} body.ch-theme .ch-feature-promo-card.is-featured:first-child .ch-feature-promo-card__media{height:232px} body.ch-theme .ch-feature-promo-card__body{display:flex;flex:1 1 auto;flex-direction:column;padding:20px 21px 21px} body.ch-theme .ch-feature-promo-card__badge{position:absolute;z-index:3;left:13px;top:13px;display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:color-mix(in srgb,var(--ch-promo-text) 74%,transparent);color:#fff;font-size:10px;font-weight:900;letter-spacing:.065em;text-transform:uppercase;box-shadow:0 6px 18px rgba(0,0,0,.16);backdrop-filter:blur(8px)} body.ch-theme .ch-promo-visual-media{width:100%;height:100%;overflow:hidden;background:#0f172a} body.ch-theme .ch-promo-visual-media img,body.ch-theme .ch-promo-visual-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center} body.ch-theme .ch-promo-visual-media.is-video::after{content:"";position:absolute;inset:auto 12px 12px auto;width:7px;height:7px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.14)} body.ch-theme .ch-promo-visual-mock{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--ch-promo-accent) 9%,var(--ch-promo-surface)),color-mix(in srgb,var(--ch-promo-surface) 90%,var(--ch-promo-accent)))} body.ch-theme .ch-promo-visual-mock::before{content:"";position:absolute;width:180px;height:180px;right:-45px;top:-65px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--ch-promo-accent) 24%,transparent),transparent 68%)} body.ch-theme .ch-promo-mock-post{position:absolute;left:14%;top:19%;width:72%;height:58%;padding:15px;border:1px solid color-mix(in srgb,var(--ch-promo-border) 75%,transparent);border-radius:16px;background:color-mix(in srgb,var(--ch-promo-surface) 91%,transparent);box-shadow:0 16px 35px rgba(15,23,42,.13);transform:rotate(-2deg)} body.ch-theme .ch-promo-mock-avatar{display:block;width:27px;height:27px;border-radius:999px;background:linear-gradient(135deg,var(--ch-promo-accent),color-mix(in srgb,var(--ch-promo-accent) 36%,#fff))} body.ch-theme .ch-promo-mock-post i{display:block;height:7px;margin:8px 0 0;border-radius:999px;background:color-mix(in srgb,var(--ch-promo-text) 13%,transparent)}body.ch-theme .ch-promo-mock-post i:nth-of-type(1){width:66%}.ch-promo-mock-post i:nth-of-type(2){width:88%}.ch-promo-mock-post b{display:block;height:46px;margin-top:10px;border-radius:10px;background:color-mix(in srgb,var(--ch-promo-accent) 10%,var(--ch-promo-surface))} body.ch-theme .ch-promo-mock-reactions{position:absolute;right:11%;bottom:12%;display:flex;gap:4px;padding:6px 8px;border-radius:999px;background:var(--ch-promo-surface);box-shadow:0 10px 24px rgba(15,23,42,.16);font-size:13px} body.ch-theme .ch-promo-mock-chat{position:absolute;inset:16% 12%;display:grid;gap:8px}.ch-promo-mock-chat i{display:block;width:72%;height:30px;border-radius:14px 14px 14px 5px;background:color-mix(in srgb,var(--ch-promo-border) 60%,var(--ch-promo-surface));box-shadow:0 6px 16px rgba(15,23,42,.08)}.ch-promo-mock-chat i:nth-child(2){justify-self:end;width:64%;border-radius:14px 14px 5px 14px;background:var(--ch-promo-accent)}.ch-promo-mock-chat i:nth-child(3){width:53%;height:24px}.ch-promo-mock-chat span{display:block;width:90%;height:29px;margin-top:auto;border:1px solid var(--ch-promo-border);border-radius:999px;background:var(--ch-promo-surface)} body.ch-theme .ch-promo-mock-call{position:absolute;inset:13% 18%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--ch-promo-accent) 35%,var(--ch-promo-border));border-radius:22px;background:linear-gradient(145deg,#111827,#1e293b);color:#fff;box-shadow:0 16px 35px rgba(15,23,42,.24)}.ch-promo-mock-call>.dashicons{width:auto;height:auto;font-size:45px;color:#60a5fa}.ch-promo-mock-call i,.ch-promo-mock-call b{position:absolute;bottom:13px;width:31px;height:31px;border-radius:999px;background:#334155}.ch-promo-mock-call i{left:calc(50% - 39px)}.ch-promo-mock-call b{right:calc(50% - 39px);background:#dc2626} body.ch-theme .ch-promo-mock-people{position:absolute;inset:18% 14%;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.ch-promo-mock-people span{display:block;border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--ch-promo-accent) 23%,var(--ch-promo-surface)),var(--ch-promo-surface));border:1px solid var(--ch-promo-border);box-shadow:0 10px 22px rgba(15,23,42,.08)}.ch-promo-mock-people span::before{content:"";display:block;width:34px;height:34px;margin:13px auto 7px;border-radius:999px;background:color-mix(in srgb,var(--ch-promo-accent) 45%,var(--ch-promo-border))} body.ch-theme .ch-promo-mock-forum{position:absolute;inset:14% 11%;display:grid;gap:7px}.ch-promo-mock-forum i,.ch-promo-mock-forum b{display:block;border:1px solid var(--ch-promo-border);border-radius:12px;background:var(--ch-promo-surface);box-shadow:0 8px 20px rgba(15,23,42,.08)}.ch-promo-mock-forum i{height:34px}.ch-promo-mock-forum i:nth-child(2){margin-left:13%;height:43px}.ch-promo-mock-forum i:nth-child(3){margin-left:6%;height:31px}.ch-promo-mock-forum b{width:42%;height:19px;margin-left:auto;background:var(--ch-promo-accent)} body.ch-theme .ch-promo-mock-chip{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:92px;height:92px;border:5px solid color-mix(in srgb,#facc15 58%,#fff);border-radius:999px;background:radial-gradient(circle at 35% 30%,#fef08a,#eab308 58%,#a16207);box-shadow:0 14px 35px rgba(202,138,4,.28),inset 0 0 0 5px rgba(255,255,255,.24);transform:translate(-50%,-50%) rotate(-7deg)}.ch-promo-mock-chip span{font-size:37px;font-weight:1000;color:#713f12;text-shadow:0 1px 0 rgba(255,255,255,.4)}.ch-promo-mock-chip-glow{position:absolute;left:50%;top:50%;width:145px;height:145px;border-radius:999px;background:radial-gradient(circle,rgba(250,204,21,.25),transparent 65%);transform:translate(-50%,-50%)} body.ch-theme .ch-promo-mock-skin{position:absolute;left:50%;top:50%;width:112px;height:112px;border-radius:999px;background:conic-gradient(from 0deg,var(--ch-promo-accent),#8b5cf6,#ec4899,#f59e0b,var(--ch-promo-accent));box-shadow:0 0 30px color-mix(in srgb,var(--ch-promo-accent) 28%,transparent);transform:translate(-50%,-50%);animation:ch-showcase-skin-spin 8s linear infinite}.ch-promo-mock-skin span{position:absolute;inset:8px;border-radius:inherit;background:var(--ch-promo-surface)}.ch-promo-mock-skin i{position:absolute;inset:19px;border-radius:inherit;background:linear-gradient(145deg,color-mix(in srgb,var(--ch-promo-accent) 16%,var(--ch-promo-surface)),var(--ch-promo-surface));box-shadow:inset 0 0 0 1px var(--ch-promo-border)}.ch-promo-mock-skin b{position:absolute;right:0;bottom:7px;width:28px;height:28px;border-radius:999px;background:#facc15;box-shadow:0 4px 12px rgba(0,0,0,.18)} @keyframes ch-showcase-skin-spin{to{transform:translate(-50%,-50%) rotate(360deg)}} body.ch-theme .ch-promo-mock-game{position:absolute;inset:14% 13%;overflow:hidden;border:1px solid var(--ch-promo-border);border-radius:18px;background:linear-gradient(180deg,#0f172a,#1e293b);box-shadow:0 16px 34px rgba(15,23,42,.25)}.ch-promo-mock-game span{position:absolute;right:12px;top:10px;color:#facc15;font-size:16px;font-weight:1000}.ch-promo-mock-game i{position:absolute;bottom:22px;width:22px;height:22px;border-radius:6px;background:#60a5fa}.ch-promo-mock-game i:nth-of-type(1){left:18%}.ch-promo-mock-game i:nth-of-type(2){left:53%;bottom:50px;background:#f472b6}.ch-promo-mock-game b{position:absolute;left:0;right:0;bottom:0;height:13px;background:#22c55e} body.ch-theme .ch-promo-mock-trophy{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:110px;height:110px;border-radius:30px;background:linear-gradient(145deg,#fef3c7,#f59e0b);color:#92400e;box-shadow:0 18px 38px rgba(245,158,11,.25);transform:translate(-50%,-50%) rotate(-3deg)}.ch-promo-mock-trophy .dashicons{width:auto;height:auto;font-size:59px}.ch-promo-mock-trophy i{position:absolute;left:20%;right:20%;bottom:-10px;height:19px;border-radius:8px;background:#92400e} body.ch-theme .ch-promo-mock-phone{position:absolute;left:50%;top:50%;width:82px;height:142px;border:3px solid color-mix(in srgb,var(--ch-promo-text) 82%,#000);border-radius:22px;background:var(--ch-promo-surface);box-shadow:0 15px 34px rgba(15,23,42,.2);transform:translate(-50%,-50%) rotate(5deg)}.ch-promo-mock-phone i{position:absolute;left:28px;top:6px;width:24px;height:4px;border-radius:999px;background:var(--ch-promo-border)}.ch-promo-mock-phone b{position:absolute;inset:20px 7px 10px;border-radius:13px;background:linear-gradient(155deg,color-mix(in srgb,var(--ch-promo-accent) 22%,#0f172a),#0f172a)}.ch-promo-mock-phone span{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--ch-promo-accent);color:#fff;font-size:20px;font-weight:1000;transform:translate(-50%,-50%)} body.ch-theme .ch-promo-mock-generic{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:112px;height:112px;border:1px solid var(--ch-promo-border);border-radius:28px;background:var(--ch-promo-surface);color:var(--ch-promo-accent);box-shadow:0 16px 35px rgba(15,23,42,.12);transform:translate(-50%,-50%)}.ch-promo-mock-generic>.dashicons{width:auto;height:auto;font-size:48px}.ch-promo-mock-generic i,.ch-promo-mock-generic b{position:absolute;right:-15px;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--ch-promo-accent) 16%,var(--ch-promo-surface));box-shadow:0 7px 16px rgba(15,23,42,.1)}.ch-promo-mock-generic i{top:8px}.ch-promo-mock-generic b{bottom:8px} body.ch-theme .ch-feature-promo-card__highlights{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none;color:var(--ch-promo-text);font-size:12px;font-weight:750}.ch-feature-promo-card__highlights li{display:flex;align-items:flex-start;gap:7px}.ch-feature-promo-card__highlights li>span{flex:0 0 auto;color:var(--ch-promo-accent);font-weight:1000} body.ch-theme .ch-feature-promo__final{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:clamp(24px,3.8vw,40px);border:1px solid color-mix(in srgb,var(--ch-promo-accent) 28%,var(--ch-promo-border));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--ch-promo-accent) 9%,var(--ch-promo-surface)),var(--ch-promo-surface));box-shadow:0 18px 45px rgba(15,23,42,.07)}.ch-feature-promo__final>div{max-width:760px}.ch-feature-promo__final h3{margin:0;color:var(--ch-promo-text);font-size:clamp(24px,3vw,36px);line-height:1.08;letter-spacing:-.025em}.ch-feature-promo__final p{margin:10px 0 0;color:var(--ch-promo-muted);font-size:15px;line-height:1.55}.ch-feature-promo__final>.ch-feature-promo__primary{flex:0 0 auto} html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-promo__desktop-frame, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-promo__phone-frame, body.ch-theme-mode-dark .ch-feature-promo__desktop-frame, body.ch-theme-mode-dark .ch-feature-promo__phone-frame{box-shadow:0 28px 58px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)} @media(max-width:1100px){body.ch-theme .ch-feature-promo--visual .ch-feature-promo__hero{grid-template-columns:1fr;min-height:0}.ch-feature-promo__visual-stage{width:min(650px,100%);margin:0 auto}.ch-feature-promo--visual .ch-feature-promo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-feature-promo--visual .ch-feature-promo-card.is-featured:first-child{grid-column:span 2}} @media(max-width:640px){body.ch-theme .ch-feature-promo--visual .ch-feature-promo__hero{padding:24px 16px}.ch-feature-promo__proof{gap:7px 10px!important}.ch-feature-promo__visual-stage{min-height:255px}.ch-feature-promo__desktop-frame{left:1%;top:10px;width:88%;height:215px;border-radius:17px;transform:rotateY(-5deg) rotateX(1deg)}.ch-feature-promo__phone-frame{right:0;width:94px;height:190px;padding:7px 6px;border-radius:22px}.ch-feature-promo__phone-notch{width:36px;height:8px;margin-bottom:8px}.ch-feature-promo__phone-feed{height:154px;padding:6px;gap:6px;border-radius:14px}.ch-feature-promo__phone-feed i:nth-child(1){height:42px}.ch-feature-promo__phone-feed b{height:27px}.ch-feature-promo__phone-feed span{height:21px}.ch-feature-promo__float-badge{width:39px;height:39px;border-radius:12px}.ch-feature-promo__float-badge .dashicons{font-size:20px}.ch-feature-promo__float-badge.is-two{right:55px}.ch-feature-promo--visual .ch-feature-promo__grid{grid-template-columns:1fr}.ch-feature-promo--visual .ch-feature-promo-card.is-featured:first-child{grid-column:auto}.ch-feature-promo-card__media,.ch-feature-promo-card.is-featured:first-child .ch-feature-promo-card__media{height:176px}.ch-feature-promo__final{display:grid;padding:22px 16px;border-radius:20px}.ch-feature-promo__final>.ch-feature-promo__primary{width:100%}} @media(prefers-reduced-motion:reduce){body.ch-theme .ch-feature-promo__desktop-frame,body.ch-theme .ch-feature-promo__phone-frame,body.ch-theme .ch-feature-promo__float-badge,body.ch-theme .ch-promo-mock-skin{animation:none!important}} body.ch-theme .ch-feature-promo--story{ width:min(1320px,100%); gap:34px; } body.ch-theme .ch-feature-promo--story .ch-feature-promo__hero{ position:relative; overflow:hidden; min-height:500px; grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr); gap:clamp(28px,4vw,62px); padding:clamp(30px,4.4vw,58px); border-radius:30px; border-color:color-mix(in srgb,var(--ch-promo-accent) 34%,var(--ch-promo-border)); background: radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--ch-promo-accent) 22%,transparent),transparent 34%), radial-gradient(circle at 12% 96%,color-mix(in srgb,#8b5cf6 12%,transparent),transparent 31%), linear-gradient(138deg,color-mix(in srgb,var(--ch-promo-accent) 11%,var(--ch-promo-surface)),var(--ch-promo-surface) 58%); box-shadow:0 28px 80px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.6); } body.ch-theme .ch-feature-promo--story .ch-feature-promo__hero::before{ content:""; position:absolute; inset:auto -8% -46% 36%; height:72%; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--ch-promo-accent) 14%,transparent),transparent 68%); pointer-events:none; } body.ch-theme .ch-feature-promo--story .ch-feature-promo__hero-copy{ max-width:680px; align-self:center; } body.ch-theme .ch-feature-promo--story .ch-feature-promo__hero h2{ max-width:680px; font-size:clamp(40px,4.9vw,68px); line-height:.99; letter-spacing:-.047em; text-wrap:balance; } body.ch-theme .ch-feature-promo--story .ch-feature-promo__hero-copy>p{ max-width:660px; margin-top:20px; font-size:clamp(16px,1.35vw,19px); line-height:1.58; } body.ch-theme .ch-feature-promo--story .ch-feature-promo__actions{margin-top:28px} body.ch-theme .ch-feature-promo--story .ch-feature-promo__primary, body.ch-theme .ch-feature-promo--story .ch-feature-promo__secondary{ min-height:48px; padding:12px 18px; border-radius:13px; font-size:14px; } body.ch-theme .ch-feature-promo--story .ch-feature-promo__primary{ box-shadow:0 13px 32px color-mix(in srgb,var(--ch-promo-accent) 29%,transparent); } body.ch-theme .ch-feature-promo--story .ch-feature-promo__proof{ gap:9px 12px; margin-top:24px; } body.ch-theme .ch-feature-promo--story .ch-feature-promo__proof>span{ padding:6px 9px; border:1px solid color-mix(in srgb,var(--ch-promo-border) 82%,transparent); border-radius:999px; background:color-mix(in srgb,var(--ch-promo-surface) 70%,transparent); backdrop-filter:blur(8px); font-size:11px; } body.ch-theme .ch-feature-promo--story .ch-feature-promo__visual-stage{ min-height:410px; align-self:center; } body.ch-theme .ch-feature-promo--story .ch-feature-promo__desktop-frame{ left:2%; top:34px; width:82%; height:330px; border-radius:23px; transform:rotateY(-7deg) rotateX(2deg) rotateZ(-.7deg); box-shadow:0 34px 78px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.6); } body.ch-theme .ch-feature-promo__desktop-bar span{ width:38%; height:7px; margin-left:10px; border-radius:999px; background:color-mix(in srgb,var(--ch-promo-muted) 20%,transparent); } body.ch-theme .ch-feature-promo--story .ch-feature-promo__phone-frame{ z-index:5; right:-1%; top:76px; width:145px; height:290px; padding:11px 9px; border-radius:32px; transform:rotate(5deg); box-shadow:0 34px 70px rgba(15,23,42,.27),inset 0 1px 0 rgba(255,255,255,.55); } body.ch-theme .ch-feature-promo--story .ch-feature-promo__phone-frame>.ch-promo-visual-media, body.ch-theme .ch-feature-promo--story .ch-feature-promo__phone-frame>.ch-promo-visual-mock{ height:238px; border-radius:19px; } body.ch-theme .ch-feature-promo__mini-preview{ position:absolute; z-index:6; left:38%; bottom:3px; width:150px; height:108px; overflow:hidden; border:1px solid color-mix(in srgb,var(--ch-promo-accent) 36%,var(--ch-promo-border)); border-radius:19px; background:var(--ch-promo-surface); box-shadow:0 22px 48px rgba(15,23,42,.22); transform:rotate(-3deg); } body.ch-theme .ch-feature-promo__mini-preview>.ch-promo-visual-media, body.ch-theme .ch-feature-promo__mini-preview>.ch-promo-visual-mock{height:100%;border-radius:0} body.ch-theme .ch-feature-promo--story .ch-feature-promo__float-badge.is-one{left:-3px;bottom:58px} body.ch-theme .ch-feature-promo--story .ch-feature-promo__float-badge.is-two{right:105px;top:17px} body.ch-theme .ch-feature-promo__journey{ position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; padding:12px; border:1px solid var(--ch-promo-border); border-radius:22px; background:color-mix(in srgb,var(--ch-promo-surface) 96%,var(--ch-promo-accent)); box-shadow:0 14px 38px rgba(15,23,42,.065); } body.ch-theme .ch-feature-promo__journey-step{ position:relative; display:grid; justify-items:center; gap:5px; min-width:0; padding:16px 9px; text-align:center; border-radius:16px; transition:transform .18s ease,background .18s ease; } body.ch-theme .ch-feature-promo__journey-step:not(:last-child)::after{ content:""; position:absolute; top:32px; right:-9px; width:18px; height:1px; background:linear-gradient(90deg,color-mix(in srgb,var(--ch-promo-accent) 48%,transparent),transparent); } body.ch-theme .ch-feature-promo__journey-step>.dashicons{ display:grid; place-items:center; width:39px; height:39px; border-radius:13px; background:color-mix(in srgb,var(--ch-promo-accent) 12%,var(--ch-promo-surface)); color:var(--ch-promo-accent); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ch-promo-accent) 20%,transparent); font-size:20px; } body.ch-theme .ch-feature-promo__journey-step strong{color:var(--ch-promo-text);font-size:12px;line-height:1.25} body.ch-theme .ch-feature-promo__journey-step small{color:var(--ch-promo-muted);font-size:10px;line-height:1.3} @media(hover:hover){ body.ch-theme .ch-feature-promo__journey-step:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--ch-promo-accent) 5%,transparent)} } body.ch-theme .ch-feature-promo__value-row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } body.ch-theme .ch-feature-promo__value-card{ display:grid; grid-template-columns:auto 1fr; gap:13px; align-items:flex-start; padding:19px; border:1px solid var(--ch-promo-border); border-radius:20px; background: radial-gradient(circle at 95% 0,color-mix(in srgb,var(--ch-promo-accent) 8%,transparent),transparent 44%), var(--ch-promo-surface); box-shadow:0 11px 30px rgba(15,23,42,.055); } body.ch-theme .ch-feature-promo__value-card>.dashicons{ display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:color-mix(in srgb,var(--ch-promo-accent) 12%,var(--ch-promo-surface)); color:var(--ch-promo-accent); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ch-promo-accent) 18%,transparent); font-size:22px; } body.ch-theme .ch-feature-promo__value-card strong{display:block;margin:1px 0 5px;color:var(--ch-promo-text);font-size:15px} body.ch-theme .ch-feature-promo__value-card p{margin:0;color:var(--ch-promo-muted);font-size:12px;line-height:1.48} body.ch-theme .ch-feature-promo__section-head{ max-width:850px; margin:18px auto -4px; padding:0 18px; text-align:center; } body.ch-theme .ch-feature-promo__section-head.is-compact{margin-top:26px} body.ch-theme .ch-feature-promo__section-head h3{ margin:8px 0 0; color:var(--ch-promo-text); font-size:clamp(30px,3.6vw,48px); line-height:1.03; letter-spacing:-.035em; text-wrap:balance; } body.ch-theme .ch-feature-promo__section-head p{ max-width:710px; margin:13px auto 0; color:var(--ch-promo-muted); font-size:15px; line-height:1.6; } body.ch-theme .ch-feature-promo__moments{ display:grid; gap:22px; } body.ch-theme .ch-feature-promo-moment{ display:grid; grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr); min-height:405px; overflow:hidden; border:1px solid color-mix(in srgb,var(--ch-promo-accent) 18%,var(--ch-promo-border)); border-radius:27px; background:var(--ch-promo-surface); box-shadow:0 22px 58px rgba(15,23,42,.08); } body.ch-theme .ch-feature-promo-moment.is-reverse{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)} body.ch-theme .ch-feature-promo-moment.is-reverse .ch-feature-promo-moment__media{order:2} body.ch-theme .ch-feature-promo-moment.is-reverse .ch-feature-promo-moment__body{order:1} body.ch-theme .ch-feature-promo-moment__media{ position:relative; min-height:405px; overflow:hidden; border-right:1px solid var(--ch-promo-border); background: radial-gradient(circle at 65% 26%,color-mix(in srgb,var(--ch-promo-accent) 14%,transparent),transparent 35%), linear-gradient(145deg,color-mix(in srgb,var(--ch-promo-accent) 8%,var(--ch-promo-surface)),var(--ch-promo-surface)); } body.ch-theme .ch-feature-promo-moment.is-reverse .ch-feature-promo-moment__media{border-right:0;border-left:1px solid var(--ch-promo-border)} body.ch-theme .ch-feature-promo-moment__media>.ch-promo-visual-media, body.ch-theme .ch-feature-promo-moment__media>.ch-promo-visual-mock{ height:100%; min-height:405px; border-radius:0; } body.ch-theme .ch-feature-promo-moment__media .ch-promo-visual-media img, body.ch-theme .ch-feature-promo-moment__media .ch-promo-visual-media video{ width:100%; height:100%; object-fit:cover; } body.ch-theme .ch-feature-promo-moment__shine{ position:absolute; inset:-80% auto auto -38%; width:42%; height:250%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent); transform:rotate(18deg); animation:ch-promo-moment-shine 7.5s 1.2s ease-in-out infinite; pointer-events:none; } @keyframes ch-promo-moment-shine{ 0%,72%{transform:translateX(0) rotate(18deg);opacity:0} 78%{opacity:1} 94%,100%{transform:translateX(410%) rotate(18deg);opacity:0} } body.ch-theme .ch-feature-promo-moment__body{ display:flex; flex-direction:column; justify-content:center; padding:clamp(28px,4vw,50px); } body.ch-theme .ch-feature-promo-moment__body h3{ margin:0; color:var(--ch-promo-text); font-size:clamp(29px,3.2vw,44px); line-height:1.02; letter-spacing:-.035em; } body.ch-theme .ch-feature-promo-moment__body>p{ margin:15px 0 21px; color:var(--ch-promo-muted); font-size:15px; line-height:1.62; } body.ch-theme .ch-feature-promo-moment__body .ch-feature-promo-card__highlights{font-size:13px;gap:9px} body.ch-theme .ch-feature-promo-moment__body .ch-feature-promo-card__cta{ margin-top:8px; padding:9px 0; font-size:14px; } body.ch-theme .ch-feature-promo__mid-cta{ display:grid; grid-template-columns:150px minmax(0,1fr) auto; gap:24px; align-items:center; padding:clamp(22px,3vw,34px); overflow:hidden; border:1px solid color-mix(in srgb,var(--ch-promo-accent) 30%,var(--ch-promo-border)); border-radius:24px; background: radial-gradient(circle at 10% 50%,color-mix(in srgb,var(--ch-promo-accent) 14%,transparent),transparent 29%), linear-gradient(128deg,color-mix(in srgb,var(--ch-promo-accent) 7%,var(--ch-promo-surface)),var(--ch-promo-surface)); box-shadow:0 18px 46px rgba(15,23,42,.07); } body.ch-theme .ch-feature-promo__mid-visual{ position:relative; width:132px; height:92px; } body.ch-theme .ch-feature-promo__mid-visual i{ position:absolute; width:42px; height:42px; border:2px solid var(--ch-promo-surface); border-radius:999px; background:linear-gradient(145deg,color-mix(in srgb,var(--ch-promo-accent) 55%,#fff),var(--ch-promo-accent)); box-shadow:0 9px 22px rgba(15,23,42,.14); } body.ch-theme .ch-feature-promo__mid-visual i:nth-child(1){left:3px;top:12px} body.ch-theme .ch-feature-promo__mid-visual i:nth-child(2){left:36px;top:0} body.ch-theme .ch-feature-promo__mid-visual i:nth-child(3){left:70px;top:18px} body.ch-theme .ch-feature-promo__mid-visual i:nth-child(4){left:31px;top:48px} body.ch-theme .ch-feature-promo__mid-visual>.dashicons{ position:absolute; right:0; bottom:0; display:grid; place-items:center; width:43px; height:43px; border-radius:14px; background:var(--ch-promo-surface); color:var(--ch-promo-accent); box-shadow:0 12px 24px rgba(15,23,42,.13),inset 0 0 0 1px var(--ch-promo-border); } body.ch-theme .ch-feature-promo__mid-cta h3{ margin:5px 0 0; color:var(--ch-promo-text); font-size:clamp(24px,2.8vw,38px); line-height:1.05; letter-spacing:-.025em; } body.ch-theme .ch-feature-promo__mid-cta p{max-width:760px;margin:9px 0 0;color:var(--ch-promo-muted);line-height:1.55} body.ch-theme .ch-feature-promo__grid--secondary{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px!important; } body.ch-theme .ch-feature-promo__grid--secondary .ch-feature-promo-card{ overflow:hidden; border-radius:24px; box-shadow:0 15px 38px rgba(15,23,42,.065); } body.ch-theme .ch-feature-promo__grid--secondary .ch-feature-promo-card:nth-child(5n/**/+1){ grid-column:span 2; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); } body.ch-theme .ch-feature-promo__grid--secondary .ch-feature-promo-card:nth-child(5n/**/+1) .ch-feature-promo-card__media{ height:auto; min-height:300px; border-bottom:0; border-right:1px solid var(--ch-promo-border); } body.ch-theme .ch-feature-promo__grid--secondary .ch-feature-promo-card__media{height:235px} body.ch-theme .ch-feature-promo__grid--secondary .ch-feature-promo-card__body{padding:24px} body.ch-theme .ch-feature-promo__grid--secondary .ch-feature-promo-card h3{font-size:clamp(22px,2vw,29px)} body.ch-theme .ch-feature-promo__grid--secondary .ch-feature-promo-card p{margin-bottom:16px} body.ch-theme .ch-feature-promo--story .ch-feature-promo__final{ position:relative; overflow:hidden; padding:clamp(30px,4.2vw,52px); border-radius:29px; background: radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--ch-promo-accent) 23%,transparent),transparent 33%), radial-gradient(circle at 8% 94%,color-mix(in srgb,#8b5cf6 11%,transparent),transparent 29%), linear-gradient(135deg,color-mix(in srgb,var(--ch-promo-accent) 10%,var(--ch-promo-surface)),var(--ch-promo-surface)); } body.ch-theme .ch-feature-promo--story .ch-feature-promo__final h3{font-size:clamp(34px,4vw,54px);letter-spacing:-.04em} body.ch-theme .ch-feature-promo__final-copy{max-width:820px} body.ch-theme .ch-feature-promo__final-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px} body.ch-theme .ch-feature-promo__final-tags span{ padding:6px 9px; border:1px solid color-mix(in srgb,var(--ch-promo-accent) 20%,var(--ch-promo-border)); border-radius:999px; background:color-mix(in srgb,var(--ch-promo-surface) 82%,transparent); color:var(--ch-promo-muted); font-size:10px; font-weight:850; } body.ch-theme .ch-feature-promo__primary.is-large{ min-height:54px; padding-inline:22px; border-radius:15px; font-size:15px; } body.ch-theme .ch-feature-promo-moment__media .ch-promo-mock-post{inset:18% 12% 22%} body.ch-theme .ch-feature-promo-moment__media .ch-promo-mock-chat{inset:14% 15%} body.ch-theme .ch-feature-promo-moment__media .ch-promo-mock-chip{width:128px;height:128px} body.ch-theme .ch-feature-promo-moment__media .ch-promo-mock-chip-glow{width:220px;height:220px} body.ch-theme .ch-feature-promo-moment__media .ch-promo-mock-skin{width:148px;height:148px} body.ch-theme .ch-feature-promo-moment__media .ch-promo-mock-game{inset:14% 10%} body.ch-theme .ch-feature-promo-moment__media .ch-promo-mock-trophy{width:145px;height:145px} body.ch-theme .ch-feature-promo-moment__media .ch-promo-mock-phone{width:112px;height:194px} html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-promo--story .ch-feature-promo__hero, body.ch-theme-mode-dark .ch-feature-promo--story .ch-feature-promo__hero{ box-shadow:0 30px 86px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.045); } html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-promo-moment, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-promo__journey, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-promo__value-card, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feature-promo__mid-cta, body.ch-theme-mode-dark .ch-feature-promo-moment, body.ch-theme-mode-dark .ch-feature-promo__journey, body.ch-theme-mode-dark .ch-feature-promo__value-card, body.ch-theme-mode-dark .ch-feature-promo__mid-cta{ box-shadow:0 18px 52px rgba(0,0,0,.24); } @media(max-width:1100px){ body.ch-theme .ch-feature-promo--story .ch-feature-promo__hero{ grid-template-columns:1fr; min-height:0; } body.ch-theme .ch-feature-promo--story .ch-feature-promo__hero-copy{max-width:790px} body.ch-theme .ch-feature-promo--story .ch-feature-promo__visual-stage{width:min(760px,100%);margin:0 auto} body.ch-theme .ch-feature-promo__journey{grid-template-columns:repeat(3,minmax(0,1fr))} body.ch-theme .ch-feature-promo__journey-step:nth-child(3)::after{display:none} body.ch-theme .ch-feature-promo__value-row{grid-template-columns:1fr} body.ch-theme .ch-feature-promo-moment, body.ch-theme .ch-feature-promo-moment.is-reverse{ grid-template-columns:1fr 1fr; } body.ch-theme .ch-feature-promo__mid-cta{grid-template-columns:110px minmax(0,1fr)} body.ch-theme .ch-feature-promo__mid-cta>.ch-feature-promo__primary{grid-column:2} } @media(max-width:780px){ body.ch-theme .ch-feature-promo--story{gap:22px} body.ch-theme .ch-feature-promo--story .ch-feature-promo__hero{padding:28px 19px;border-radius:24px} body.ch-theme .ch-feature-promo--story .ch-feature-promo__hero h2{font-size:clamp(36px,10.5vw,50px)} body.ch-theme .ch-feature-promo--story .ch-feature-promo__visual-stage{min-height:310px} body.ch-theme .ch-feature-promo--story .ch-feature-promo__desktop-frame{width:86%;height:248px} body.ch-theme .ch-feature-promo--story .ch-feature-promo__phone-frame{top:58px;width:111px;height:226px} body.ch-theme .ch-feature-promo--story .ch-feature-promo__phone-frame>.ch-promo-visual-media, body.ch-theme .ch-feature-promo--story .ch-feature-promo__phone-frame>.ch-promo-visual-mock{height:180px} body.ch-theme .ch-feature-promo__mini-preview{width:118px;height:84px;left:32%} body.ch-theme .ch-feature-promo__journey{grid-template-columns:repeat(2,minmax(0,1fr))} body.ch-theme .ch-feature-promo__journey-step:nth-child(2n)::after{display:none} body.ch-theme .ch-feature-promo__journey-step:nth-child(3)::after{display:block} body.ch-theme .ch-feature-promo-moment, body.ch-theme .ch-feature-promo-moment.is-reverse{ grid-template-columns:1fr; min-height:0; } body.ch-theme .ch-feature-promo-moment.is-reverse .ch-feature-promo-moment__media, body.ch-theme .ch-feature-promo-moment.is-reverse .ch-feature-promo-moment__body{order:initial} body.ch-theme .ch-feature-promo-moment__media, body.ch-theme .ch-feature-promo-moment.is-reverse .ch-feature-promo-moment__media{ min-height:300px; border:0; border-bottom:1px solid var(--ch-promo-border); } body.ch-theme .ch-feature-promo-moment__media>.ch-promo-visual-media, body.ch-theme .ch-feature-promo-moment__media>.ch-promo-visual-mock{min-height:300px} body.ch-theme .ch-feature-promo-moment__body{padding:25px 20px} body.ch-theme .ch-feature-promo__mid-cta{grid-template-columns:1fr;text-align:left} body.ch-theme .ch-feature-promo__mid-visual{display:none} body.ch-theme .ch-feature-promo__mid-cta>.ch-feature-promo__primary{grid-column:auto;width:100%} body.ch-theme .ch-feature-promo__grid--secondary{grid-template-columns:1fr!important} body.ch-theme .ch-feature-promo__grid--secondary .ch-feature-promo-card:nth-child(5n/**/+1){ grid-column:auto; display:block; } body.ch-theme .ch-feature-promo__grid--secondary .ch-feature-promo-card:nth-child(5n/**/+1) .ch-feature-promo-card__media{ min-height:0; height:215px; border-right:0; border-bottom:1px solid var(--ch-promo-border); } body.ch-theme .ch-feature-promo--story .ch-feature-promo__final{display:grid;gap:22px;padding:28px 20px} body.ch-theme .ch-feature-promo--story .ch-feature-promo__final h3{font-size:clamp(31px,9vw,43px)} body.ch-theme .ch-feature-promo__primary.is-large{width:100%} } @media(max-width:480px){ body.ch-theme .ch-feature-promo--story .ch-feature-promo__proof{display:grid;grid-template-columns:1fr 1fr} body.ch-theme .ch-feature-promo--story .ch-feature-promo__proof>span{justify-content:flex-start} body.ch-theme .ch-feature-promo__journey{padding:8px;gap:5px;border-radius:18px} body.ch-theme .ch-feature-promo__journey-step{padding:13px 5px} body.ch-theme .ch-feature-promo__value-card{padding:16px} body.ch-theme .ch-feature-promo__section-head{padding:0 8px} body.ch-theme .ch-feature-promo__section-head h3{font-size:clamp(29px,9vw,38px)} } @media(prefers-reduced-motion:reduce){ body.ch-theme .ch-feature-promo-moment__shine{animation:none!important;display:none!important} } .bm-call-wrap.bm-call-wrap-group .bm-group-call-input-video.bm-group-call-input-mine video[datatype=camera], .bm-call-wrap.bm-call-wrap-group .bm-group-call-input-video.bm-group-call-input-mine video[datatype="camera"]{ -webkit-transform:none!important; transform:none!important; } @media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-width:1400px){ .bm-call-wrap.bm-call-wrap-group{ position:fixed!important; inset:0!important; width:100vw!important; width:100dvw!important; height:100vh!important; height:100dvh!important; max-width:none!important; max-height:none!important; margin:0!important; border:0!important; border-radius:0!important; box-sizing:border-box!important; z-index:2147483000!important; overflow:hidden!important; } .bm-call-wrap.bm-call-wrap-group .bm-group-call-container, .bm-call-wrap.bm-call-wrap-group .bm-call-container{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important; overflow:hidden!important; } .bm-call-wrap.bm-call-wrap-group .bm-group-call-videos-grid{ width:100%!important; max-width:100%!important; min-height:0!important; box-sizing:border-box!important; padding: max(3px,env(safe-area-inset-top)) max(3px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(3px,env(safe-area-inset-left))!important; } .bm-call-wrap.bm-call-wrap-group .bm-group-call-controls-v2{ height:0!important; min-height:0!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; overflow:visible!important; pointer-events:none!important; } .bm-call-wrap.bm-call-wrap-group .bm-group-call-controls-v2 .bm-group-call-controls-buttons{ position:absolute!important; left:50%!important; right:auto!important; bottom:max(7px,env(safe-area-inset-bottom))!important; transform:translateX(-50%)!important; display:flex!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; gap:5px!important; width:max-content!important; max-width:calc(100vw - max(112px,calc(env(safe-area-inset-left) + env(safe-area-inset-right) + 24px)))!important; margin:0!important; padding:5px 7px!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:999px!important; background:rgba(var(--bm-call-canvas),.82)!important; box-shadow:0 8px 26px rgba(0,0,0,.34)!important; -webkit-backdrop-filter:blur(12px) saturate(1.08)!important; backdrop-filter:blur(12px) saturate(1.08)!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:none!important; pointer-events:auto!important; } .bm-call-wrap.bm-call-wrap-group .bm-group-call-controls-v2 .bm-group-call-controls-buttons::-webkit-scrollbar{display:none!important} .bm-call-wrap.bm-call-wrap-group .bm-group-call-controls-v2 .bm-group-call-controls-buttons>span{ flex:0 0 38px!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; } .bm-call-wrap.bm-call-wrap-group .bm-group-call-controls-v2 .bm-group-call-controls-buttons>span>svg{ width:19px!important; height:19px!important; } .bm-call-wrap.bm-call-wrap-group .bm-group-call-controls-v2 .bm-connection-control{ position:absolute!important; left:max(8px,env(safe-area-inset-left))!important; bottom:max(9px,env(safe-area-inset-bottom))!important; margin:0!important; pointer-events:auto!important; z-index:1!important; } .bm-call-wrap.bm-call-wrap-group .bm-group-call-controls-v2 .bm-call-settings{ position:absolute!important; left:auto!important; right:max(8px,env(safe-area-inset-right))!important; bottom:calc(max(7px,env(safe-area-inset-bottom)) + 52px)!important; max-width:min(520px,calc(100vw - 16px))!important; max-height:calc(100dvh - 72px)!important; overflow:auto!important; pointer-events:auto!important; } } @media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:480px){ .bm-call-wrap.bm-call-wrap-group .bm-group-call-controls-v2 .bm-group-call-controls-buttons{ bottom:max(4px,env(safe-area-inset-bottom))!important; padding:4px 6px!important; gap:4px!important; } .bm-call-wrap.bm-call-wrap-group .bm-group-call-controls-v2 .bm-group-call-controls-buttons>span{ flex-basis:34px!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; } .bm-call-wrap.bm-call-wrap-group .bm-group-call-controls-v2 .bm-group-call-controls-buttons>span>svg{ width:17px!important; height:17px!important; } .bm-call-wrap.bm-call-wrap-group .bm-group-call-controls-v2 .bm-connection-control{ bottom:max(6px,env(safe-area-inset-bottom))!important; transform:scale(.88)!important; transform-origin:left bottom!important; } } @media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-width:1400px){ .bm-card[data-call-chat="1"] .bm-call-surface .bm-call-wrap.bm-call-wrap-group{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; z-index:2!important; overflow:hidden!important; } .bm-card[data-call-chat="1"] .bm-call-surface .bm-call-wrap.bm-call-wrap-group .bm-group-call-container, .bm-card[data-call-chat="1"] .bm-call-surface .bm-call-wrap.bm-call-wrap-group .bm-call-container{ width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; min-width:0!important; min-height:0!important; } .bm-call-surface .bm-call-wrap.bm-call-wrap-group>.bm-switch-chat{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; z-index:30!important; touch-action:manipulation!important; } } @media (max-width:782px){ body.ch-bm-mobile-session .bm-context-menu, body.bm-full-screen .bm-context-menu, body.bp-messages-mobile .bm-context-menu, body.bp-messages-full-screen .bm-context-menu{ z-index:2147483647!important; pointer-events:auto!important; } } body.ch-theme.ch-theme-bm-profile-cosmetic .bm-mini{ border-color:var(--ch-bm-profile-border)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bm-mini :is( .bm-mini__tabs, .bm-mini-chat__head, .bm-thread-header, .bm-threads-top-bar ){ border-color:var(--ch-bm-profile-border)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bm-mini :is( .bm-mini-chat__head, .bm-thread-header ){ background:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bm-mini :is( .bm-mini-chat__head, .bm-thread-header ) :is(a,button,span,strong,svg,.bm-mini-chat__name,.bm-mini-chat__sub,.bm-thread-header__name,.bm-thread-header__subtitle){ color:var(--ch-bm-profile-header-text)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bm-mini :is( .bm-mini-chat__head, .bm-thread-header ) svg{ fill:currentColor!important; stroke:currentColor!important; } body.ch-theme.ch-theme-bm-profile-cosmetic .bm-mini.bm-mini--chat-active, body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-conversation-open .bm-mini{ border:1px solid var(--ch-bm-profile-border)!important; box-shadow: 0 0 0 1px color-mix(in srgb,var(--ch-bm-profile-border) 34%,transparent), 0 0 10px color-mix(in srgb,var(--ch-bm-profile-border) 28%,transparent)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-conversation-open :is(.bp-better-messages-list,.bp-better-messages-mini,.bm-mini), body.ch-theme.ch-theme-bm-profile-cosmetic.ch-bm-conversation-open :is(.bp-better-messages-list,.bp-better-messages-mini) .chat.open, body.ch-theme.ch-theme-bm-profile-cosmetic .bm-mini.bm-mini--chat-active{ animation:none!important; } body.ch-theme.ch-theme-bm-profile-cosmetic :is( #bm-full-screen-wrap, .bm-wrap-main, .bm-single-thread-wrap, .ch-profile-messages-shell ) .bm-thread-header{ background:var(--ch-bm-profile-header)!important; color:var(--ch-bm-profile-header-text)!important; border-color:var(--ch-bm-profile-border)!important; } body.ch-theme.ch-theme-bm-profile-cosmetic :is( #bm-full-screen-wrap, .bm-wrap-main, .bm-single-thread-wrap, .ch-profile-messages-shell ) .bm-thread-header :is(a,button,span,strong,svg){ color:var(--ch-bm-profile-header-text)!important; } @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-bm-profile-cosmetic :is(.bm-mini,.bm-mini *){ transition-duration:0s!important; } } body.ch-theme .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent{ isolation:isolate; } body.ch-theme .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent::after{ content:""; position:absolute; inset:auto 0 0; height:58%; z-index:1; pointer-events:none; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.88)); } body.ch-theme .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent .bm-embed-consent-play{ z-index:2; } body.ch-theme .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent .bm-embed-consent-title{ position:absolute!important; left:12px!important; right:12px!important; bottom:10px!important; z-index:2!important; display:-webkit-box!important; max-width:none!important; margin:0!important; overflow:hidden!important; white-space:normal!important; text-align:left!important; text-overflow:clip!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:15px!important; font-weight:750!important; line-height:1.22!important; color:#fff!important; text-shadow:0 1px 5px rgba(0,0,0,.98)!important; } .ch-bm-youtube-menu{ position:fixed; z-index:2147483647; min-width:210px; max-width:min(340px,calc(100vw - 20px)); padding:6px; border:1px solid var(--ch-theme-border,#334155); border-radius:11px; background:var(--ch-theme-surface,#0f172a); color:var(--ch-theme-text,#f8fafc); box-shadow:0 16px 44px rgba(0,0,0,.34); font:inherit; } .ch-bm-youtube-menu__title{ padding:8px 9px 9px; border-bottom:1px solid var(--ch-theme-border,#334155); margin-bottom:4px; font-size:13px; font-weight:750; line-height:1.35; overflow-wrap:anywhere; } .ch-bm-youtube-menu button{ display:flex!important; width:100%!important; align-items:center!important; gap:8px!important; padding:8px 9px!important; border:0!important; border-radius:8px!important; background:transparent!important; color:inherit!important; font:inherit!important; font-size:12px!important; font-weight:650!important; text-align:left!important; cursor:pointer!important; } @media(hover:hover){ .ch-bm-youtube-menu button:hover{background:color-mix(in srgb,var(--ch-theme-accent,#0080ff) 14%,transparent)!important} } .ch-bm-youtube-menu button:focus-visible{ outline:2px solid var(--ch-theme-accent,#0080ff)!important; outline-offset:1px!important; } @media(max-width:782px){ body.ch-theme .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent .bm-embed-consent-title{ left:10px!important; right:10px!important; bottom:8px!important; font-size:13px!important; -webkit-line-clamp:3; } } @media(orientation:landscape) and (pointer:coarse) and (max-height:520px){ body.ch-theme .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent .bm-embed-consent-title{ -webkit-line-clamp:2; font-size:12px!important; bottom:6px!important; } } @media(prefers-reduced-motion:reduce){ .ch-bm-youtube-menu{scroll-behavior:auto!important} } body.ch-theme .bm-mini .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent::after, body.ch-theme .bm-mini-chat .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent::after{ inset:0 0 auto!important; height:44%!important; background:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.34) 58%,rgba(0,0,0,0))!important; } body.ch-theme .bm-mini .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent .bm-embed-consent-title, body.ch-theme .bm-mini-chat .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent .bm-embed-consent-title{ top:10px!important; bottom:auto!important; left:12px!important; right:12px!important; -webkit-line-clamp:2!important; font-size:15px!important; font-weight:700!important; line-height:1.2!important; letter-spacing:0!important; text-shadow:0 1px 4px rgba(0,0,0,.98)!important; } @media(max-width:782px){ body.ch-theme .bm-mini .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent .bm-embed-consent-title, body.ch-theme .bm-mini-chat .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent .bm-embed-consent-title{ top:8px!important; left:10px!important; right:10px!important; font-size:14px!important; } } @media(orientation:landscape) and (pointer:coarse) and (max-height:520px){ body.ch-theme .bm-mini .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent .bm-embed-consent-title, body.ch-theme .bm-mini-chat .bm-msg-bubble :is(.bm-iframe-container,.bp-messages-iframe-container) .bm-embed-consent .bm-embed-consent-title{ top:6px!important; font-size:13px!important; } } @media(max-width:782px){body.ch-theme-profile-messages-page .ch-profile-messages-shell.is-bm-timeout::after{font-size:11px;max-width:calc(100% - 18px)}} @media(orientation:landscape) and (max-height:600px) and (pointer:coarse){body.ch-theme-profile-messages-page .ch-profile-messages-shell.is-bm-loading::after,body.ch-theme-profile-messages-page .ch-profile-messages-shell.is-bm-timeout::after{top:46%;padding:8px 11px;font-size:9px}} body.ch-theme .ch-hooligan-week-avatar::after{ content:none!important; display:none!important; } body.ch-theme .ch-hooligan-week-avatar::before{ inset:-5px!important; border:1px solid rgba(226,187,78,.34)!important; box-shadow:0 0 0 1px rgba(255,236,167,.12) inset,0 0 14px rgba(200,168,75,.12)!important; } body.ch-theme .ch-hooligan-week-crown{ top:10px!important; right:11px!important; width:30px!important; height:30px!important; display:grid!important; place-items:center!important; border-radius:50%!important; border:1px solid rgba(200,168,75,.52)!important; background:linear-gradient(145deg,rgba(255,246,200,.96),rgba(225,183,66,.92))!important; color:#6a4706!important; font-size:15px!important; line-height:1!important; box-shadow:0 7px 18px rgba(69,45,5,.16),inset 0 1px 0 rgba(255,255,255,.70)!important; z-index:5!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-crown{ border-color:rgba(244,218,135,.38)!important; background:linear-gradient(145deg,#f5dc8a,#c49119)!important; color:#4c3202!important; box-shadow:0 8px 20px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.30)!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-crown{ width:34px!important; height:34px!important; font-size:17px!important; } @media(max-width:782px){ body.ch-theme .ch-hooligan-week-crown{ width:27px!important; height:27px!important; font-size:13px!important; top:8px!important; right:8px!important; } } body.ch-theme .ch-community-challenge{border-color:color-mix(in srgb,var(--ch-theme-blue) 22%,var(--ch-theme-border));background:linear-gradient(145deg,color-mix(in srgb,var(--ch-theme-surface) 94%,var(--ch-theme-blue) 6%),var(--ch-theme-surface));box-shadow:0 14px 34px rgba(15,23,42,.08)} body.ch-theme .ch-community-challenge::before{content:"";position:absolute;inset:-65% -20%;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.15) 49%,transparent 60%);transform:translateX(-55%);animation:chThemeChallengeSweep 8s ease-in-out infinite}@keyframes chThemeChallengeSweep{0%,30%{transform:translateX(-58%)}60%,100%{transform:translateX(58%)}} body.ch-theme .ch-community-challenge.is-group-challenge{border-color:rgba(249,115,22,.24);background:linear-gradient(145deg,color-mix(in srgb,var(--ch-theme-surface) 93%,#fb923c 7%),var(--ch-theme-surface))} body.ch-theme .ch-community-challenge__medallion{border:1px solid rgba(96,165,250,.26);background:radial-gradient(circle at 32% 25%,#dbeafe,#60a5fa 42%,#2563eb 100%);box-shadow:0 8px 22px rgba(37,99,235,.19)} body.ch-theme .ch-community-challenge.is-group-challenge .ch-community-challenge__medallion{border-color:rgba(251,146,60,.30);background:radial-gradient(circle at 32% 25%,#ffedd5,#fb923c 42%,#c2410c 100%);box-shadow:0 8px 22px rgba(234,88,12,.20)} body.ch-theme .ch-community-challenge__identity strong{color:var(--ch-theme-text)}body.ch-theme .ch-community-challenge__identity p,body.ch-theme .ch-community-challenge__status time{color:var(--ch-theme-muted)}body.ch-theme .ch-community-challenge__meta span,body.ch-theme .ch-community-challenge__step{border-color:var(--ch-theme-border);background:color-mix(in srgb,var(--ch-theme-surface-soft) 78%,transparent);color:var(--ch-theme-text)}body.ch-theme .ch-community-challenge__meta span{color:var(--ch-theme-muted)}body.ch-theme .ch-community-challenge__meta strong{color:var(--ch-theme-text)} body.ch-theme .ch-community-challenge__step{transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}body.ch-theme .ch-community-challenge__step:hover,body.ch-theme .ch-community-challenge__step:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ch-theme-blue) 35%,var(--ch-theme-border));box-shadow:0 7px 18px rgba(15,23,42,.06)} body.ch-theme .ch-community-challenge.is-complete{border-color:rgba(34,197,94,.28);box-shadow:0 14px 34px rgba(34,197,94,.10)} html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-challenge{background:linear-gradient(145deg,rgba(22,31,49,.96),rgba(13,20,34,.96));border-color:rgba(96,165,250,.18);box-shadow:0 14px 34px rgba(0,0,0,.24)}html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-challenge.is-group-challenge{background:linear-gradient(145deg,rgba(39,29,24,.96),rgba(19,20,28,.96));border-color:rgba(251,146,60,.20)}html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-challenge__meta span,html[data-ch-theme-mode="dark"] body.ch-theme .ch-community-challenge__step{background:rgba(30,41,59,.56);border-color:rgba(148,163,184,.13)} @media(prefers-reduced-motion:reduce){body.ch-theme .ch-community-challenge::before{animation:none!important;display:none!important}body.ch-theme .ch-community-challenge__step{transition:none!important}} .ch-theme-notification-kind{display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;padding:2px 7px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent} .ch-theme-notification-kind--general{color:#93c5fd;background:rgba(59,130,246,.13);border-color:rgba(96,165,250,.20)} .ch-theme-notification-kind--feature{color:#67e8f9;background:rgba(34,211,238,.13);border-color:rgba(34,211,238,.22)} .ch-theme-notification-kind--season{color:#fbbf24;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.24)} .ch-theme-notification-preview-item.is-tone-general{box-shadow:inset 3px 0 0 rgba(59,130,246,.58)} .ch-theme-notification-preview-item.is-tone-feature{box-shadow:inset 3px 0 0 rgba(34,211,238,.78)} .ch-theme-notification-preview-item.is-tone-season{box-shadow:inset 3px 0 0 rgba(245,158,11,.80)} html[data-ch-theme-mode="light"] .ch-theme-notification-kind--general,body.ch-theme-mode-light .ch-theme-notification-kind--general{color:#1d4ed8;background:rgba(59,130,246,.08)} html[data-ch-theme-mode="light"] .ch-theme-notification-kind--feature,body.ch-theme-mode-light .ch-theme-notification-kind--feature{color:#0e7490;background:rgba(34,211,238,.09)} html[data-ch-theme-mode="light"] .ch-theme-notification-kind--season,body.ch-theme-mode-light .ch-theme-notification-kind--season{color:#b45309;background:rgba(245,158,11,.09)} @media (max-width:960px){ html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-theme-main, body.ch-theme.ch-route-community.ch-theme-mode-dark .ch-theme-main, body.ch-theme.ch-route-community.ch-theme-dark .ch-theme-main{ background:transparent!important; } html[data-ch-theme-mode="dark"] body.ch-theme.ch-route-community .ch-theme-community-shell--community > .ch-theme-community-content-wrap, body.ch-theme.ch-route-community.ch-theme-mode-dark .ch-theme-community-shell--community > .ch-theme-community-content-wrap, body.ch-theme.ch-route-community.ch-theme-dark .ch-theme-community-shell--community > .ch-theme-community-content-wrap{ background-color:transparent!important; background-image:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; box-shadow:none!important; } } html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed .ch-action-row button:not(.is-liked):not(.is-reposted), html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed .ch-action-row .ch-action-button:not(.is-liked):not(.is-reposted), html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed .ch-action-row .ch-reaction-trigger:not(.is-liked), html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card .ch-action-row button:not(.is-liked):not(.is-reposted), html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card .ch-action-row .ch-action-button:not(.is-liked):not(.is-reposted), html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger:not(.is-liked), html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-combo-button:not(.is-reposted), html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmark-button:not(.is-saved), body.ch-theme.ch-theme-mode-dark .ch-feed .ch-action-row button:not(.is-liked):not(.is-reposted), body.ch-theme.ch-theme-mode-dark .ch-feed .ch-action-row .ch-action-button:not(.is-liked):not(.is-reposted), body.ch-theme.ch-theme-mode-dark .ch-feed .ch-action-row .ch-reaction-trigger:not(.is-liked), body.ch-theme.ch-theme-mode-dark .ch-repost-combo-button:not(.is-reposted), body.ch-theme.ch-theme-mode-dark .ch-bookmark-button:not(.is-saved){color:#f8fafc!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed .ch-action-row button:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed .ch-action-row .ch-action-button:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed .ch-action-row .ch-reaction-trigger:hover, body.ch-theme.ch-theme-mode-dark .ch-feed .ch-action-row button:hover, body.ch-theme.ch-theme-mode-dark .ch-feed .ch-action-row .ch-action-button:hover, body.ch-theme.ch-theme-mode-dark .ch-feed .ch-action-row .ch-reaction-trigger:hover{color:#ffffff!important} html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed .ch-action-row button:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed .ch-action-row .ch-action-button:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-feed .ch-action-row .ch-reaction-trigger:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card .ch-action-row button:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card .ch-action-row .ch-action-button:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card .ch-action-row .ch-reaction-trigger:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-repost-combo-button:hover, html[data-ch-theme-mode="dark"] body.ch-theme .ch-bookmark-button:hover, body.ch-theme.ch-theme-mode-dark .ch-feed .ch-action-row button:hover, body.ch-theme.ch-theme-mode-dark .ch-feed .ch-action-row .ch-action-button:hover, body.ch-theme.ch-theme-mode-dark .ch-feed .ch-action-row .ch-reaction-trigger:hover, body.ch-theme.ch-theme-mode-dark .ch-activity-card .ch-action-row button:hover, body.ch-theme.ch-theme-mode-dark .ch-activity-card .ch-action-row .ch-action-button:hover, body.ch-theme.ch-theme-mode-dark .ch-activity-card .ch-action-row .ch-reaction-trigger:hover, body.ch-theme.ch-theme-mode-dark .ch-repost-combo-button:hover, body.ch-theme.ch-theme-mode-dark .ch-bookmark-button:hover{ background:#1b2a3c!important; background-image:none!important; border-color:#5f7186!important; color:#ffffff!important; box-shadow:none!important; } @media(max-width:782px){ body.ch-theme:has(#bm-full-screen-wrap .bm-mobile) :is( .ch-theme-header, .elementor-location-header, .ch-theme-community-bar, .ch-theme-mobile-top-action, .ch-theme-back-to-top ), body.ch-theme:has(#bm-full-screen-wrap .bm-single-thread-wrap) :is( .ch-theme-header, .elementor-location-header, .ch-theme-community-bar, .ch-theme-mobile-top-action, .ch-theme-back-to-top ){ visibility:hidden!important; opacity:0!important; pointer-events:none!important; } body.ch-theme:has(#bm-full-screen-wrap .bm-mobile) #bm-full-screen-wrap, body.ch-theme:has(#bm-full-screen-wrap .bm-single-thread-wrap) #bm-full-screen-wrap{ position:fixed!important; top:var(--ch-bm-vv-top,0px)!important; right:0!important; bottom:auto!important; left:0!important; width:100vw!important; height:var(--ch-bm-vv-height,100dvh)!important; min-height:0!important; max-height:var(--ch-bm-vv-height,100dvh)!important; z-index:2147483500!important; } } .ch-theme .bm-msg-bubble .bm-iframe-container, .ch-theme .bm-msg-bubble .bp-messages-iframe-container { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: rgba(7, 13, 25, .82); } .ch-theme .bm-msg-bubble .ch-bm-youtube-loading { background-image: linear-gradient(110deg, rgba(255,255,255,.03) 8%, rgba(255,255,255,.10) 18%, rgba(255,255,255,.03) 33%), var(--ch-bm-youtube-poster, none); background-size: 220% 100%, cover; background-position: -180% 0, center; animation: ch-bm-youtube-skeleton 1.35s linear infinite; } .ch-theme .bm-msg-bubble .ch-bm-youtube-loading::after { content: "▶"; position: absolute; inset: 50% auto auto 50%; translate: -50% -50%; z-index: 2; width: 48px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: #fff; font-size: 15px; line-height: 1; background: rgba(0,0,0,.62); border: 1px solid rgba(255,255,255,.18); pointer-events: none; } .ch-theme .bm-msg-bubble .ch-bm-youtube-loading iframe { opacity: 0; } .ch-theme .bm-msg-bubble .ch-bm-youtube-ready iframe { opacity: 1; transition: opacity .16s ease-out; } @keyframes ch-bm-youtube-skeleton { 0% { background-position: -180% 0, center; } 100% { background-position: 180% 0, center; } } @media (prefers-reduced-motion: reduce) { .ch-theme .bm-msg-bubble .ch-bm-youtube-loading { animation: none; } .ch-theme .bm-msg-bubble .ch-bm-youtube-ready iframe { transition: none; } } @media (min-width:1200px){body.ch-theme .ch-theme-community-shell--profile.ch-theme-layout--sidebar-both{grid-template-columns:minmax(220px,280px) minmax(0,900px) minmax(220px,300px)!important;align-items:start!important}body.ch-theme .ch-theme-community-shell--profile.ch-theme-layout--sidebar-both>.ch-theme-sidebar--right{display:block!important;visibility:visible!important;opacity:1!important;min-width:0!important}} @media (min-width:1180px){ body.ch-theme .ch-theme-community-shell--profile{ display:grid!important; align-items:start!important; justify-content:center!important; column-gap:var(--ch-social-widget-gap)!important; gap:var(--ch-social-widget-gap)!important; padding-left:0!important; padding-right:0!important; } body.ch-theme .ch-theme-community-shell--profile.ch-theme-layout--sidebar-both{ grid-template-columns:var(--ch-social-widget-width,340px) var(--ch-social-stack-width,820px) var(--ch-social-widget-width,340px)!important; } body.ch-theme .ch-theme-community-shell--profile.ch-theme-layout--sidebar-left{ grid-template-columns:var(--ch-social-widget-width,340px) var(--ch-social-stack-width,820px)!important; max-width:calc(var(--ch-social-widget-width,340px) + var(--ch-social-widget-gap,6px) + var(--ch-social-stack-width,820px))!important; } body.ch-theme .ch-theme-community-shell--profile.ch-theme-layout--sidebar-right{ grid-template-columns:var(--ch-social-stack-width,820px) var(--ch-social-widget-width,340px)!important; max-width:calc(var(--ch-social-stack-width,820px) + var(--ch-social-widget-gap,6px) + var(--ch-social-widget-width,340px))!important; } body.ch-theme .ch-theme-community-shell--profile>.ch-theme-community-content-wrap{ order:2!important; grid-column:auto!important; justify-self:stretch!important; width:var(--ch-social-stack-width,820px)!important; max-width:var(--ch-social-stack-width,820px)!important; min-width:0!important; margin:0!important; padding:0!important; transform:none!important; } body.ch-theme .ch-theme-community-shell--profile>.ch-theme-sidebar--left{ order:1!important; grid-column:auto!important; justify-self:stretch!important; width:var(--ch-social-widget-width,340px)!important; max-width:var(--ch-social-widget-width,340px)!important; min-width:0!important; margin:0!important; padding:0!important; transform:none!important; } body.ch-theme .ch-theme-community-shell--profile>.ch-theme-sidebar--right{ order:3!important; grid-column:auto!important; display:block!important; visibility:visible!important; opacity:1!important; justify-self:stretch!important; width:var(--ch-social-widget-width)!important; max-width:var(--ch-social-widget-width)!important; min-width:0!important; margin:0!important; padding:0!important; transform:none!important; } } body.ch-theme .ch-profile-card .ch-profile-stats{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; grid-auto-flow:row!important; align-items:stretch!important; gap:0!important; width:min(100%,620px)!important; max-width:620px!important; margin:12px 0 0!important; overflow:hidden!important; border:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 88%,transparent)!important; border-radius:12px!important; background:color-mix(in srgb,var(--ch-theme-surface,#fff) 92%,var(--ch-theme-bg,#f4f7fb) 8%)!important; box-shadow:none!important; } body.ch-theme .ch-profile-card .ch-profile-stat, body.ch-theme .ch-profile-card .ch-profile-stat:last-child{ display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:center!important; min-width:0!important; min-height:54px!important; padding:7px 6px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; text-align:center!important; } body.ch-theme .ch-profile-card .ch-profile-stat + .ch-profile-stat{border-left:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 86%,transparent)!important} body.ch-theme .ch-profile-card .ch-profile-stat strong{display:block!important;width:100%!important;min-height:0!important;color:#f3f7fb!important;font-size:.85rem!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important} body.ch-theme .ch-profile-card .ch-profile-stat span{display:block!important;width:100%!important;min-height:0!important;margin:3px 0 0!important;color:var(--ch-theme-muted,#64748b)!important;font-size:.53rem!important;font-weight:800!important;line-height:1.05!important;letter-spacing:.025em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;text-align:center!important} body.ch-theme .ch-profile-card .ch-profile-seasonal-passport{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; width:min(100%,620px)!important; max-width:620px!important; margin:9px 0 0!important; padding:8px 10px!important; border-radius:12px!important; background:linear-gradient(110deg,color-mix(in srgb,var(--ch-theme-surface,#fff) 96%,#ff8a2b 4%),color-mix(in srgb,var(--ch-theme-surface,#fff) 97%,#7c4dff 3%))!important; border:1px solid color-mix(in srgb,var(--ch-theme-border,#dbe3ec) 82%,#ff8b2b 18%)!important; box-shadow:none!important; } body.ch-theme .ch-profile-card .ch-profile-seasonal-passport header{display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:7px!important;margin:0!important;min-width:0!important} body.ch-theme .ch-profile-card .ch-profile-seasonal-passport header>span{font-size:1rem!important} body.ch-theme .ch-profile-card .ch-profile-seasonal-passport header>div{display:grid!important;gap:0!important} body.ch-theme .ch-profile-card .ch-profile-seasonal-passport header small{font-size:.43rem!important;line-height:1!important;letter-spacing:.10em!important;color:var(--ch-theme-muted,#64748b)!important} body.ch-theme .ch-profile-card .ch-profile-seasonal-passport header strong{font-size:.68rem!important;line-height:1.1!important;color:var(--ch-theme-text,#172033)!important;white-space:nowrap!important} body.ch-theme .ch-profile-card .ch-profile-seasonal-passport__stamps{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;margin:0!important;min-width:0!important} body.ch-theme .ch-profile-card .ch-profile-seasonal-stamp{display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:0!important;margin:0!important;padding:5px 8px!important;border-radius:999px!important;color:var(--ch-theme-text,#172033)!important;background:color-mix(in srgb,#ff8a2b 10%,var(--ch-theme-surface,#fff))!important;border:1px solid color-mix(in srgb,#ff9137 34%,var(--ch-theme-border,#dbe3ec))!important;box-shadow:none!important} body.ch-theme .ch-profile-card .ch-profile-seasonal-stamp b{font-size:.9rem!important;line-height:1!important} body.ch-theme .ch-profile-card .ch-profile-seasonal-stamp em{font-size:.61rem!important;line-height:1.1!important;font-style:normal!important;font-weight:850!important;color:var(--ch-theme-text,#172033)!important;white-space:nowrap!important} @media(max-width:782px){ body.ch-theme .ch-profile-card .ch-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;max-width:none!important} body.ch-theme .ch-profile-card .ch-profile-stat,body.ch-theme .ch-profile-card .ch-profile-stat:last-child{min-width:0!important;min-height:50px!important;padding:6px 2px!important} body.ch-theme .ch-profile-card .ch-profile-stat strong{font-size:.76rem!important} body.ch-theme .ch-profile-card .ch-profile-stat span{font-size:.43rem!important;letter-spacing:0!important} body.ch-theme .ch-profile-card .ch-profile-seasonal-passport{width:100%!important;max-width:none!important;gap:7px!important;padding:7px 8px!important;flex-wrap:wrap!important} } body.ch-theme.ch-theme-nav-cosmetic-voltage-current-nav .ch-theme-community-bar{ background:linear-gradient(100deg,#082f49,#172554,#3b0764,#082f49)!important;background-size:240% 100%!important; border-color:rgba(34,211,238,.58)!important;box-shadow:0 -1px 0 rgba(34,211,238,.17),0 0 24px rgba(139,92,246,.18)!important; animation:chThemeVoltageCurrent 6s linear infinite!important; } body.ch-theme.ch-theme-nav-cosmetic-voltage-current-nav .ch-theme-community-bar .ch-theme-nav-pill{color:#e6fbff!important} body.ch-theme.ch-theme-nav-cosmetic-voltage-current-nav .ch-theme-community-bar .ch-theme-nav-pill:is(:hover,:focus-visible,.is-active){background:linear-gradient(135deg,rgba(8,145,178,.32),rgba(124,58,237,.34))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(103,232,249,.25)!important} body.ch-theme.ch-theme-nav-cosmetic-voltage-current-nav .ch-theme-community-center-action{background:linear-gradient(145deg,#0891b2,#7c3aed)!important;border-color:#67e8f9!important;color:#fff!important;box-shadow:0 0 18px rgba(34,211,238,.28)!important} body.ch-theme-nav-cosmetic-voltage-current-nav .ch-theme-back-to-top{background:linear-gradient(145deg,#083344,#312e81)!important;border-color:#22d3ee!important;color:#fff!important;box-shadow:0 7px 20px rgba(34,211,238,.22)!important} body.ch-theme.ch-theme-nav-cosmetic-arcade-marquee-nav .ch-theme-community-bar{ background:linear-gradient(90deg,#111827,#24113c 35%,#102a44 70%,#111827)!important;border:2px solid #facc15!important; box-shadow:0 -1px 0 rgba(250,204,21,.20),0 0 0 2px rgba(236,72,153,.18),0 0 22px rgba(37,99,235,.18)!important; animation:chThemeArcadeMarquee 1.9s steps(2,end) infinite!important; } body.ch-theme.ch-theme-nav-cosmetic-arcade-marquee-nav .ch-theme-community-bar .ch-theme-nav-pill{color:#fff!important} body.ch-theme.ch-theme-nav-cosmetic-arcade-marquee-nav .ch-theme-community-bar .ch-theme-nav-pill:is(:hover,:focus-visible,.is-active){background:linear-gradient(135deg,#db2777,#2563eb)!important;color:#fff!important;box-shadow:inset 0 0 0 2px #facc15!important} body.ch-theme.ch-theme-nav-cosmetic-arcade-marquee-nav .ch-theme-community-center-action{background:linear-gradient(145deg,#db2777,#2563eb)!important;border-color:#facc15!important;color:#fff!important;box-shadow:0 0 18px rgba(236,72,153,.28)!important} body.ch-theme-nav-cosmetic-arcade-marquee-nav .ch-theme-back-to-top{background:linear-gradient(145deg,#db2777,#2563eb)!important;border-color:#facc15!important;color:#fff!important;box-shadow:0 7px 20px rgba(236,72,153,.22)!important} @keyframes chThemeVoltageCurrent{0%{background-position:160% 0}100%{background-position:-100% 0}} @keyframes chThemeArcadeMarquee{0%,100%{filter:brightness(1)}50%{filter:brightness(1.13)}} @media(prefers-reduced-motion:reduce){ body.ch-theme.ch-theme-nav-cosmetic-voltage-current-nav .ch-theme-community-bar, body.ch-theme.ch-theme-nav-cosmetic-arcade-marquee-nav .ch-theme-community-bar{animation:none!important} } body.ch-theme .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-halloween-pumpkin-glow-post :is( .ch-activity-content, .ch-activity-header, .ch-activity-body, .ch-activity-text, .ch-activity-inner, .ch-activity-main, .ch-activity-footer, .ch-activity-comments, .ch-comments-box, .ch-comments-list, .ch-comment-thread, .ch-comment, .ch-comment-main, .ch-comment-content, .ch-comment-text, .ch-comment-head, .ch-comment-identity, .ch-comment-actions, .ch-action-row ){ background:transparent!important; background-color:transparent!important; background-image:none!important; } body.ch-theme .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-halloween-pumpkin-glow-post :is( .ch-activity-content > p, .ch-activity-text > p, .ch-comment-content > p, .ch-comment-text > p ){ background:transparent!important; background-color:transparent!important; background-image:none!important; } body.ch-theme .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-halloween-pumpkin-glow-post :is(.ch-repost-card,.ch-repost-context){ background:transparent!important; background-color:transparent!important; background-image:none!important; box-shadow:none!important; } body.ch-theme .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-halloween-pumpkin-glow-post :is( .ch-comment-bubble, .ch-link-preview-card, .ch-repost-embed, .ch-original-post, .ch-quote-card, .ch-explicit-content-shell, .ch-comment-form, .ch-reply-form ){ position:relative!important; z-index:2!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-halloween-pumpkin-glow-post .ch-comment-bubble, body.ch-theme-mode-dark .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-halloween-pumpkin-glow-post .ch-comment-bubble, body.ch-theme-dark .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-halloween-pumpkin-glow-post .ch-comment-bubble{ background:#142238!important; color:#f8fafc!important; border-color:rgba(255,142,54,.24)!important; } html[data-ch-theme-mode="light"] body.ch-theme .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-halloween-pumpkin-glow-post .ch-comment-bubble, body.ch-theme-mode-light .ch-activity-card.ch-cosmetic-slot-post.ch-cosmetic-effect-halloween-pumpkin-glow-post .ch-comment-bubble{ background:rgba(255,255,255,.90)!important; color:#1f2937!important; border-color:rgba(194,105,35,.28)!important; } body.ch-theme.ch-theme-nav-cosmetic-market-blood-script-nav{--mk-nav-a:#d7193f;--mk-nav-b:#17070c;--mk-nav-c:#f1c7cd;--mk-nav-d:#750a21} body.ch-theme.ch-theme-nav-cosmetic-market-graphic-impact-nav{--mk-nav-a:#ff2f77;--mk-nav-b:#16203c;--mk-nav-c:#ffe566;--mk-nav-d:#39c7ff} body.ch-theme.ch-theme-nav-cosmetic-market-second-amendment-nav{--mk-nav-a:#bb8a45;--mk-nav-b:#25211d;--mk-nav-c:#efe0b7;--mk-nav-d:#6e7882} body.ch-theme.ch-theme-nav-cosmetic-market-citizen-armor-nav{--mk-nav-a:#8ea05b;--mk-nav-b:#171b12;--mk-nav-c:#d1c39a;--mk-nav-d:#505c32} body.ch-theme.ch-theme-nav-cosmetic-market-freedom-forge-nav{--mk-nav-a:#2787ff;--mk-nav-b:#0b1e46;--mk-nav-c:#f4f7fb;--mk-nav-d:#d32135} body.ch-theme.ch-theme-nav-cosmetic-market-tactical-hud-nav{--mk-nav-a:#ffb13b;--mk-nav-b:#07131b;--mk-nav-c:#9cecff;--mk-nav-d:#1e6c78} body.ch-theme.ch-theme-nav-cosmetic-market-battle-zone-nav{--mk-nav-a:#ef7d31;--mk-nav-b:#1c1815;--mk-nav-c:#d9c0a3;--mk-nav-d:#7c3022} body.ch-theme.ch-theme-nav-cosmetic-market-night-ops-nav{--mk-nav-a:#62d884;--mk-nav-b:#050a08;--mk-nav-c:#b9d8c2;--mk-nav-d:#1d4b30} body.ch-theme.ch-theme-nav-cosmetic-market-jiu-jitsu-flow-nav{--mk-nav-a:#4f7cff;--mk-nav-b:#0d1425;--mk-nav-c:#e9eefb;--mk-nav-d:#7c3aed} body.ch-theme.ch-theme-nav-cosmetic-market-fight-night-nav{--mk-nav-a:#e2b84f;--mk-nav-b:#111317;--mk-nav-c:#f6e9ba;--mk-nav-d:#8d1f26} body.ch-theme[class*="ch-theme-nav-cosmetic-market-"] .ch-theme-community-bar{ position:relative!important;isolation:isolate!important; background:linear-gradient(115deg,var(--mk-nav-b),color-mix(in srgb,var(--mk-nav-d) 52%,var(--mk-nav-b)),var(--mk-nav-b))!important; border-color:color-mix(in srgb,var(--mk-nav-a) 58%,transparent)!important; box-shadow:0 -1px 0 color-mix(in srgb,var(--mk-nav-c) 10%,transparent),0 0 26px color-mix(in srgb,var(--mk-nav-a) 16%,transparent)!important; overflow:visible!important; } body.ch-theme[class*="ch-theme-nav-cosmetic-market-"] .ch-theme-community-bar::before{ content:"";position:absolute;inset:0;pointer-events:none;z-index:0; background:linear-gradient(105deg,transparent 28%,color-mix(in srgb,var(--mk-nav-c) 18%,transparent) 48%,transparent 64%) 0 0/250% 100%; animation:chThemeMarketNavSweep 5.2s linear infinite; } body.ch-theme[class*="ch-theme-nav-cosmetic-market-"] .ch-theme-community-bar .ch-theme-nav-pill{position:relative;z-index:1;color:var(--mk-nav-c)!important} body.ch-theme[class*="ch-theme-nav-cosmetic-market-"] .ch-theme-community-bar .ch-theme-nav-pill:is(:hover,:focus-visible,.is-active){ background:linear-gradient(145deg,color-mix(in srgb,var(--mk-nav-a) 24%,transparent),color-mix(in srgb,var(--mk-nav-d) 32%,transparent))!important; color:#fff!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mk-nav-a) 30%,transparent)!important; } body.ch-theme[class*="ch-theme-nav-cosmetic-market-"] .ch-theme-community-center-action{ background:linear-gradient(145deg,var(--mk-nav-a),var(--mk-nav-d))!important; border-color:var(--mk-nav-c)!important;color:#fff!important; box-shadow:0 0 18px color-mix(in srgb,var(--mk-nav-a) 28%,transparent)!important; } body[class*="ch-theme-nav-cosmetic-market-"] .ch-theme-back-to-top{ background:linear-gradient(145deg,var(--mk-nav-b),var(--mk-nav-d))!important; border-color:var(--mk-nav-a)!important;color:var(--mk-nav-c)!important; } @keyframes chThemeMarketNavSweep{from{background-position:165% 0}to{background-position:-90% 0}} @media(prefers-reduced-motion:reduce){ body.ch-theme[class*="ch-theme-nav-cosmetic-market-"] .ch-theme-community-bar::before{animation:none!important} } @media (min-width: 783px) { body.ch-theme-profile-messages-page .ch-theme-container--community[data-ch-shell-key="messages"] :is(.ch-profile-route-wrap,.ch-profile-page,.ch-profile-content,.ch-profile-messages-section) { width: 100% !important; max-width: none !important; min-width: 0 !important; } body.ch-theme-profile-messages-page .ch-theme-container--community[data-ch-shell-key="messages"] .ch-profile-tabs, body.ch-theme-profile-messages-page .ch-theme-container--community[data-ch-shell-key="messages"] .ch-profile-messages-header { width: 100% !important; max-width: none !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } body.ch-theme-profile-messages-page .ch-theme-container--community[data-ch-shell-key="messages"] .ch-profile-messages-header { margin-bottom: 0 !important; } body.ch-theme-profile-messages-page .ch-theme-container--community[data-ch-shell-key="messages"] .ch-profile-tabs { gap: 5px !important; padding: 7px 8px !important; border-radius: 15px !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; scrollbar-gutter: auto !important; -webkit-overflow-scrolling: touch; } body.ch-theme-profile-messages-page .ch-theme-container--community[data-ch-shell-key="messages"] .ch-profile-tabs::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; } body.ch-theme-profile-messages-page .ch-theme-container--community[data-ch-shell-key="messages"] .ch-profile-tabs > .ch-profile-tab { flex: 0 0 auto !important; white-space: nowrap !important; padding-inline: 12px !important; } } @media (min-width: 1180px) { body.ch-theme-profile-messages-page .ch-theme-container--community[data-ch-shell-key="messages"] .ch-profile-tabs { justify-content: space-between !important; } body.ch-theme-profile-messages-page .ch-theme-container--community[data-ch-shell-key="messages"] .ch-profile-tabs > .ch-profile-tab { flex: 0 1 auto !important; } } body.ch-theme .ch-hooligan-week-card > .ch-hooligan-week-crown{ position:absolute!important; top:10px!important; right:10px!important; width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; padding:0!important; display:grid!important; place-items:center!important; flex:none!important; isolation:isolate!important; overflow:hidden!important; border-radius:50%!important; border:1px solid #f3d781!important; background:radial-gradient(circle at 29% 21%,#ffedb2 0%,#f1d277 31%,#d4a33d 75%,#a36c1d 100%)!important; color:transparent!important; font-size:0!important; line-height:0!important; text-shadow:none!important; box-shadow:inset 0 1px 0 rgba(255,251,222,.55),inset 0 -1px 0 rgba(104,67,11,.22),0 3px 8px rgba(0,0,0,.21)!important; user-select:none; pointer-events:none; z-index:5!important; } body.ch-theme .ch-hooligan-week-card > .ch-hooligan-week-crown::before{ content:""!important; display:block!important; position:absolute!important; inset:auto!important; top:50%!important; left:50%!important; width:19px!important; height:19px!important; transform:translate(-50%,-50%)!important; z-index:1!important; background:url("../images/hotw-corner-trophy.svg") center / contain no-repeat!important; filter:none!important; pointer-events:none!important; } body.ch-theme .ch-hooligan-week-card > .ch-hooligan-week-crown::after{ content:none!important; display:none!important; } html[data-ch-theme-mode="dark"] body.ch-theme .ch-hooligan-week-card > .ch-hooligan-week-crown{ border-color:#f5dc8b!important; background:radial-gradient(circle at 29% 21%,#ffedb2 0%,#f1d277 31%,#d4a33d 75%,#a36c1d 100%)!important; box-shadow:inset 0 1px 0 rgba(255,250,217,.47),inset 0 -1px 0 rgba(104,67,11,.25),0 3px 9px rgba(0,0,0,.30)!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-card > .ch-hooligan-week-crown{ width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important; } body.ch-theme .ch-spotlight-modal .ch-hooligan-week-card > .ch-hooligan-week-crown::before{ width:21px!important;height:21px!important; } @media(max-width:782px){ body.ch-theme .ch-hooligan-week-card > .ch-hooligan-week-crown{ top:9px!important;right:9px!important; width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important; } body.ch-theme .ch-hooligan-week-card > .ch-hooligan-week-crown::before{ width:18px!important;height:18px!important; } } @media (max-width:782px) { body.ch-theme.ch-bm-mobile-session .ch-theme-account--dropdown, body.ch-theme.ch-bm-mobile-session .ch-theme-account-panel, body.ch-theme.ch-bm-mobile-session .ch-theme-menu-panel, body.ch-theme.ch-bm-mobile-session #ch-theme-menu-panel { visibility:hidden!important; pointer-events:none!important; } body.ch-theme.ch-bm-mobile-session #bm-full-screen-wrap, body.ch-theme.ch-bm-mobile-session #bm-mini-chats-wrap-mobile-container { z-index:2147483500!important; } } body:not(.logged-in) .ch-theme-community-sidebar,body:not(.logged-in) .ch-theme-sidebar,body:not(.logged-in) .ch-theme-mobile-widget-rails{display:none!important} body:not(.logged-in) .ch-theme-layout--sidebar{grid-template-columns:minmax(0,1fr)!important}