:root {
--bwp-community-bg: #080b0b;
--bwp-community-surface: #101616;
--bwp-community-raised: #182121;
--bwp-community-ink: #f4f8f8;
--bwp-community-muted: #98a8a8;
--bwp-community-line: rgba(255, 255, 255, 0.09);
--bwp-community-accent: #23d3cd;
--bwp-community-accent-soft: rgba(35, 211, 205, 0.14);
--bwp-community-live: #ff5c7a;
--bwp-community-gold: #ffc857;
} .bwp-community-weekly-champion,
.bwp-community-weekly-champion * ,
.bwp-community-trend-panel,
.bwp-community-trend-panel *,
.bwp-community-leaderboard,
.bwp-community-leaderboard *,
.bwp-community-level-path,
.bwp-community-level-path * { box-sizing: border-box; }
.bwp-community-weekly-champion {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto auto;
align-items: center;
gap: 18px;
margin: 0 0 22px;
padding: 18px 20px;
border: 1px solid color-mix(in srgb, var(--bwp-rank-color) 32%, rgba(255,255,255,.07));
border-radius: 20px;
background: linear-gradient(112deg, color-mix(in srgb, var(--bwp-rank-color) 11%, #0d1514) 0%, #0d1514 48%, #101817 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 18px 45px rgba(0,0,0,.16);
color: #edf7f5 !important;
}
.bwp-community-weekly-champion:hover { color: #edf7f5 !important; transform: translateY(-2px); }
.bwp-community-rank-orbit { display: grid; position: relative; width: 68px; height: 68px; place-items: center; border: 2px solid var(--bwp-rank-color); border-radius: 50%; box-shadow: 0 0 0 5px color-mix(in srgb, var(--bwp-rank-color) 10%, transparent); }
.bwp-community-rank-orbit img { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; }
.bwp-community-rank-orbit b { display: grid; position: absolute; right: -5px; bottom: -3px; width: 24px; height: 24px; place-items: center; border: 2px solid #0d1514; border-radius: 50%; background: var(--bwp-rank-color); color: #081110; font: 800 11px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.bwp-community-weekly-champion__copy { display: grid; min-width: 0; }
.bwp-community-weekly-champion__copy small { color: var(--bwp-rank-color); font: 800 8px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .15em; }
.bwp-community-weekly-champion__copy strong { overflow: hidden; margin-top: 6px; color: #fff; font-size: 20px; text-overflow: ellipsis; white-space: nowrap; }
.bwp-community-weekly-champion__copy em { margin-top: 3px; color: #718582; font-size: 9px; font-style: normal; }
.bwp-community-weekly-champion__score { display: grid; min-width: 92px; text-align: right; }
.bwp-community-weekly-champion__score strong { color: #fff; font: 800 28px/.95 ui-monospace, SFMono-Regular, Consolas, monospace; }
.bwp-community-weekly-champion__score small { margin-top: 6px; color: #7f928f; font-size: 8px; }
.bwp-community-level-chip { display: grid; min-width: 95px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--bwp-rank-color) 26%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--bwp-rank-color) 7%, transparent); text-align: center; }
.bwp-community-level-chip b { color: var(--bwp-rank-color); font: 850 11px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; }
.bwp-community-level-chip small { margin-top: 4px; color: #a6b6b4; font-size: 7px; }
.bwp-community-subsection-title { margin: 0 0 13px; color: #a6b5b3; font-size: 11px; font-weight: 650; }
.bwp-community-discovery-grid { display: grid; gap: 18px; margin: 28px 0 34px; }
.bwp-community-trend-panel,
.bwp-community-leaderboard { padding: clamp(18px, 2.4vw, 26px); border: 1px solid rgba(255,255,255,.075); border-radius: 22px; background: #0d1414; scroll-margin-top: 110px; }
.bwp-community-trend-panel > header,
.bwp-community-leaderboard > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 17px; }
.bwp-community-trend-panel > header span,
.bwp-community-leaderboard > header span { color: #23d3cd; font: 850 8px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .15em; }
.bwp-community-trend-panel > header h2,
.bwp-community-leaderboard > header h2 { margin: 5px 0 0; color: #fff; font-size: clamp(19px, 2.3vw, 27px); letter-spacing: -.03em; }
.bwp-community-trend-panel > header > small,
.bwp-community-leaderboard > header > small { color: #748683; font-size: 8px; white-space: nowrap; }
.bwp-community-trend-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
.bwp-community-trend-card { display: block; position: relative; min-height: 190px; overflow: hidden; border: 1px solid rgba(255,255,255,.06); border-radius: 14px; background: #101918; color: #fff !important; }
.bwp-community-trend-card::after { content: ''; position: absolute; inset: 38% 0 0; background: linear-gradient(transparent, rgba(3,8,8,.88)); pointer-events: none; }
.bwp-community-trend-card img { width: 100%; height: 100%; min-height: 190px; object-fit: cover; transition: transform .28s ease; }
.bwp-community-trend-card:hover img { transform: scale(1.035); }
.bwp-community-trend-card__heat { display: grid; position: absolute; z-index: 1; top: 9px; right: 9px; min-width: 44px; padding: 7px 8px; border: 1px solid rgba(35,211,205,.3); border-radius: 10px; background: rgba(6,17,16,.84); backdrop-filter: blur(8px); text-align: center; }
.bwp-community-trend-card__heat b { color: #58e1d6; font: 850 11px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.bwp-community-trend-card__heat small { margin-top: 3px; color: #91a4a1; font-size: 7px; }
.bwp-community-trend-card__author { position: absolute; z-index: 1; right: 10px; bottom: 10px; left: 10px; overflow: hidden; color: #fff; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.bwp-community-leaderboard ol { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.bwp-community-leaderboard li a { display: grid; grid-template-columns: 30px 38px minmax(0,1fr) auto; align-items: center; gap: 11px; min-height: 58px; padding: 8px 10px; border: 1px solid transparent; border-radius: 12px; color: #eaf3f2 !important; transition: border-color .18s ease, background-color .18s ease; }
.bwp-community-leaderboard li:nth-child(-n+3) a { background: color-mix(in srgb, var(--bwp-rank-color) 5%, transparent); }
.bwp-community-leaderboard li a:hover { border-color: color-mix(in srgb, var(--bwp-rank-color) 22%, transparent); background: color-mix(in srgb, var(--bwp-rank-color) 8%, transparent); }
.bwp-community-leaderboard__position { color: var(--bwp-rank-color); font: 850 13px/1 ui-monospace, SFMono-Regular, Consolas, monospace; text-align: center; }
.bwp-community-leaderboard__avatar { width: 36px; height: 36px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--bwp-rank-color) 50%, transparent); border-radius: 50%; background: #16201f; }
.bwp-community-leaderboard__avatar img { width: 100%; height: 100%; object-fit: cover; }
.bwp-community-leaderboard__name { display: grid; min-width: 0; }
.bwp-community-leaderboard__name strong { overflow: hidden; color: #f2f7f6; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.bwp-community-leaderboard__name small { overflow: hidden; margin-top: 3px; color: #718582; font-size: 7.5px; text-overflow: ellipsis; white-space: nowrap; }
.bwp-community-leaderboard__points { display: grid; min-width: 55px; text-align: right; }
.bwp-community-leaderboard__points strong { color: #fff; font: 800 13px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.bwp-community-leaderboard__points small { margin-top: 3px; color: #5f7471; font: 750 7px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .12em; }
.bwp-community-ranking-empty { padding: 24px; border: 1px dashed rgba(255,255,255,.1); border-radius: 14px; color: #829592; font-size: 10px; line-height: 1.55; text-align: center; }
.bwp-community-profile-reputation { display: grid; grid-template-columns: auto minmax(150px, 320px); align-items: center; gap: 12px; margin-top: 17px; }
.bwp-community-profile-reputation__seal { display: grid; width: 52px; height: 52px; place-content: center; border: 2px solid var(--bwp-rank-color); border-radius: 50%; background: color-mix(in srgb, var(--bwp-rank-color) 9%, #0d1514); box-shadow: 0 0 0 4px color-mix(in srgb, var(--bwp-rank-color) 8%, transparent); text-align: center; }
.bwp-community-profile-reputation__seal b { color: var(--bwp-rank-color); font: 850 17px/.9 ui-monospace, SFMono-Regular, Consolas, monospace; }
.bwp-community-profile-reputation__seal small { margin-top: 4px; color: #859794; font: 750 6px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .12em; }
.bwp-community-profile-reputation__copy { display: grid; }
.bwp-community-profile-reputation__copy > small { color: var(--bwp-rank-color); font-size: 7.5px; font-weight: 800; }
.bwp-community-profile-reputation__copy > strong { margin-top: 3px; color: #fff; font-size: 13px; }
.bwp-community-profile-reputation__copy i,
.bwp-community-account-rank i { display: block; height: 4px; margin-top: 7px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.08); }
.bwp-community-profile-reputation__copy i span,
.bwp-community-account-rank i span { display: block; width: var(--bwp-level-progress); height: 100%; border-radius: inherit; background: var(--bwp-rank-color); }
.bwp-community-profile-reputation__copy em { margin-top: 5px; color: #718582; font-size: 7px; font-style: normal; }
.bwp-community-account-rank { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 16px; margin-top: 14px; padding: 15px 18px; border: 1px solid color-mix(in srgb, var(--bwp-rank-color) 20%, rgba(255,255,255,.06)); border-radius: 16px; background: color-mix(in srgb, var(--bwp-rank-color) 5%, #0d1414); }
.bwp-community-account-rank > div { display: grid; }
.bwp-community-account-rank > div > small { color: var(--bwp-rank-color); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.bwp-community-account-rank > div > strong { margin-top: 3px; color: #fff; font-size: 17px; }
.bwp-community-account-rank > div > em { margin-top: 5px; color: #718582; font-size: 8px; font-style: normal; }
.bwp-community-account-rank > button { padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--bwp-rank-color) 25%, transparent); border-radius: 10px; background: transparent; color: var(--bwp-rank-color); font: inherit; font-size: 8px; font-weight: 800; cursor: pointer; }
.bwp-community-level-path { padding: clamp(22px, 3vw, 34px); border: 1px solid rgba(35,211,205,.16); border-radius: 24px; background: radial-gradient(circle at 90% 0, color-mix(in srgb, var(--bwp-rank-color) 12%, transparent), transparent 28%), #0d1414; color: #edf6f5; }
.bwp-community-level-path > header { display: flex; align-items: start; justify-content: space-between; gap: 24px; }
.bwp-community-level-path > header h2 { margin: 7px 0; color: #fff; font-size: clamp(26px, 3.4vw, 39px); line-height: 1; letter-spacing: -.045em; }
.bwp-community-level-path > header p { max-width: 610px; margin: 0; color: #91a3a0; font-size: 11px; line-height: 1.65; }
.bwp-community-level-path__current { display: grid; min-width: 132px; padding: 15px; border: 1px solid color-mix(in srgb, var(--bwp-rank-color) 28%, transparent); border-radius: 17px; background: color-mix(in srgb, var(--bwp-rank-color) 7%, transparent); text-align: center; }
.bwp-community-level-path__current small { color: #758985; font: 750 7px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .14em; }
.bwp-community-level-path__current strong { margin-top: 8px; color: var(--bwp-rank-color); font: 850 25px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.bwp-community-level-path__current span { margin-top: 5px; color: #c5d2d0; font-size: 8px; }
.bwp-community-level-path__meter { height: 8px; margin-top: 25px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.08); }
.bwp-community-level-path__meter span { display: block; width: var(--bwp-level-progress); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #23d3cd, var(--bwp-rank-color)); box-shadow: 0 0 15px color-mix(in srgb, var(--bwp-rank-color) 45%, transparent); }
.bwp-community-level-path__meter-copy { display: flex; justify-content: space-between; gap: 15px; margin-top: 8px; color: #758985; font-size: 8px; }
.bwp-community-level-path__meter-copy strong { color: #cbd8d6; }
.bwp-community-level-earn { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 24px 0; }
.bwp-community-level-earn article { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 13px; padding: 16px; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: rgba(255,255,255,.025); }
.bwp-community-level-earn article > b { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: rgba(35,211,205,.1); color: #4fddd3; font: 850 15px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.bwp-community-level-earn strong { color: #f1f6f5; font-size: 11px; }
.bwp-community-level-earn p { margin: 4px 0 0; color: #758885; font-size: 8px; line-height: 1.45; }
.bwp-community-milestones { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.bwp-community-milestones article { display: grid; align-content: start; min-height: 205px; padding: 16px; border: 1px solid rgba(255,255,255,.07); border-radius: 17px; background: #101817; opacity: .72; }
.bwp-community-milestones article.is-unlocked { border-color: color-mix(in srgb, var(--bwp-milestone-color) 32%, transparent); background: color-mix(in srgb, var(--bwp-milestone-color) 6%, #101817); opacity: 1; }
.bwp-community-milestone__seal { display: grid; width: 35px; height: 35px; place-items: center; margin-bottom: 18px; border: 1px solid var(--bwp-milestone-color); border-radius: 50%; color: var(--bwp-milestone-color); font: 850 11px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.bwp-community-milestones article > small { color: #677a77; font: 750 7px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .12em; }
.bwp-community-milestones article > strong { margin-top: 5px; color: #f0f5f4; font-size: 12px; }
.bwp-community-milestones article > p { margin: 8px 0 16px; color: #7e918e; font-size: 8px; }
.bwp-community-milestones article > b { margin-top: auto; color: var(--bwp-milestone-color); font: 850 12px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.bwp-community-milestones article > em { margin-top: 5px; color: #667976; font-size: 7px; font-style: normal; }
.bwp-community-level-path > footer { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; margin-top: 18px; padding: 16px 18px; border: 1px solid rgba(199,167,255,.13); border-radius: 15px; background: rgba(199,167,255,.035); }
.bwp-community-level-path > footer strong { color: #d5c3ff; font-size: 11px; }
.bwp-community-level-path > footer p { margin: 0; color: #7f918e; font-size: 8px; line-height: 1.5; }
.bwp-community-level-path > footer span { color: #c7a7ff; font: 800 8px/1.3 ui-monospace, SFMono-Regular, Consolas, monospace; text-align: right; }
.bwp-community-upload-fields [data-bwp-caption-help].is-valid,
.bwp-community-upload-fields [data-bwp-tags-help].is-valid { color: #58d8aa; }
@media (max-width: 900px) {
.bwp-community-weekly-champion { grid-template-columns: auto minmax(0,1fr) auto; }
.bwp-community-level-chip { grid-column: 2 / 4; grid-template-columns: auto 1fr; gap: 8px; text-align: left; }
.bwp-community-milestones { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
.bwp-community-feed-tabs { overflow-x: auto; scrollbar-width: none; }
.bwp-community-feed-tabs::-webkit-scrollbar { display: none; }
.bwp-community-feed-tabs a { flex: 0 0 auto; }
.bwp-community-weekly-champion { grid-template-columns: auto minmax(0,1fr); gap: 14px; padding: 16px; }
.bwp-community-weekly-champion__score { min-width: 0; text-align: left; }
.bwp-community-level-chip { grid-column: auto; }
.bwp-community-trend-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.bwp-community-trend-card,
.bwp-community-trend-card img { min-height: 165px; }
.bwp-community-profile-reputation { grid-template-columns: auto minmax(0,1fr); width: 100%; max-width: 310px; margin-right: auto; margin-left: auto; text-align: left; }
.bwp-community-account-rank { grid-template-columns: auto minmax(0,1fr); }
.bwp-community-account-rank > button { grid-column: 1 / -1; width: 100%; }
.bwp-community-level-path > header { display: grid; }
.bwp-community-level-path__current { min-width: 0; }
.bwp-community-level-earn { grid-template-columns: 1fr; }
.bwp-community-level-path > footer { grid-template-columns: 1fr; }
.bwp-community-level-path > footer span { text-align: left; }
}
@media (max-width: 460px) {
.bwp-community-trend-panel,
.bwp-community-leaderboard,
.bwp-community-level-path { padding: 18px; border-radius: 19px; }
.bwp-community-trend-panel > header,
.bwp-community-leaderboard > header { align-items: start; }
.bwp-community-trend-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
.bwp-community-trend-card,
.bwp-community-trend-card img { min-height: 145px; }
.bwp-community-leaderboard li a { grid-template-columns: 24px 34px minmax(0,1fr) auto; gap: 8px; padding-right: 5px; padding-left: 5px; }
.bwp-community-leaderboard__avatar { width: 32px; height: 32px; }
.bwp-community-milestones { grid-template-columns: 1fr 1fr; gap: 7px; }
.bwp-community-milestones article { min-height: 190px; padding: 13px; }
}
@media (prefers-reduced-motion: reduce) {
.bwp-community-weekly-champion,
.bwp-community-trend-card img { transition: none !important; }
} @media (min-width: 1025px) {
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-premium-nav-text {
margin-left: 7px !important;
}
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-premium-nav-text > a.menu-link {
padding-right: 14px !important;
padding-left: 14px !important;
border-color: rgba(255, 200, 87, .26) !important;
background: transparent !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
color: #ffc857 !important;
text-shadow: 0 0 12px rgba(255, 200, 87, .16) !important;
}
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-premium-nav-text > a.menu-link .menu-item-inner,
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-premium-nav-text > a.menu-link .menu-item-text-container {
color: #ffc857 !important;
}
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-premium-nav-text > a.menu-link::before {
content: none !important;
display: none !important;
}
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-premium-nav-text > a.menu-link:hover,
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-premium-nav-text > a.menu-link:focus-visible {
border-color: rgba(255, 220, 141, .58) !important;
background: rgba(255, 200, 87, .07) !important;
color: #ffdc8d !important;
text-shadow: 0 0 14px rgba(255, 200, 87, .26) !important;
}
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-premium-nav-text > a.menu-link:hover .menu-item-inner,
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-premium-nav-text > a.menu-link:hover .menu-item-text-container,
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-premium-nav-text > a.menu-link:focus-visible .menu-item-inner,
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-premium-nav-text > a.menu-link:focus-visible .menu-item-text-container {
color: #ffdc8d !important;
}
}
.lumina-middle-menu li.hot > a .menu-item-text-container::before,
.nav-menu-mobile li.hot > a .menu-item-text-container::before {
content: '' !important;
display: block !important;
width: 13px !important;
height: 16px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--bwp-community-gold) !important;
box-shadow: none !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.5c.4 3.1-.8 4.7-2.1 6.1-1.1-1.2-1.8-2.5-1.8-4.1C6.5 7 4 10 4 14a8 8 0 0 0 16 0c0-4.7-3-8.6-6.5-11.5ZM12 20a4.2 4.2 0 0 1-4.2-4.2c0-1.7.8-3.2 2-4.3.2 1.5 1.1 2.7 2.2 3.5 1.2-1.2 2-2.5 2.2-4.1 1.2 1.2 2 2.8 2 4.9A4.2 4.2 0 0 1 12 20Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.5c.4 3.1-.8 4.7-2.1 6.1-1.1-1.2-1.8-2.5-1.8-4.1C6.5 7 4 10 4 14a8 8 0 0 0 16 0c0-4.7-3-8.6-6.5-11.5ZM12 20a4.2 4.2 0 0 1-4.2-4.2c0-1.7.8-3.2 2-4.3.2 1.5 1.1 2.7 2.2 3.5 1.2-1.2 2-2.5 2.2-4.1 1.2 1.2 2 2.8 2 4.9A4.2 4.2 0 0 1 12 20Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
.lumina-middle-menu li.hot > a:hover .menu-item-text-container::before,
.lumina-middle-menu li.hot > a:focus-visible .menu-item-text-container::before,
.nav-menu-mobile li.hot > a:hover .menu-item-text-container::before,
.nav-menu-mobile li.hot > a:focus-visible .menu-item-text-container::before {
background: #ffdc8d !important;
filter: drop-shadow(0 0 6px rgba(255, 200, 87, .34));
}
.bwp-community-nav-item .menu-item-text-container {
display: inline-flex;
align-items: center;
gap: 7px;
}
.bwp-community-nav-icon {
width: 20px;
height: 20px;
flex: 0 0 auto;
}
.bwp-community-nav-item > a {
position: relative;
}
.bwp-community-nav-item .bwp-community-avatar--small {
width: 28px;
height: 28px;
font-size: 11px;
box-shadow: 0 0 0 1px rgba(35, 211, 205, 0.42);
}
.bwp-community-account-menu > .sub-menu {
min-width: 205px !important;
right: 0;
left: auto !important;
}
.bwp-community-account-menu > .sub-menu a {
height: auto !important;
padding: 13px 18px !important;
line-height: 1.2 !important;
}
@media (min-width: 1025px) {
html body .lumina-hybrid-layout .lumina-menu.lumina-right-menu {
gap: 5px !important;
}
html body .lumina-hybrid-layout .lumina-menu.lumina-right-menu > li:not(.bwp-app-download-nav):not(.bwp-community-account-menu--mobile) > a,
html body .lumina-hybrid-layout .lumina-menu.lumina-right-menu > li:not(.bwp-app-download-nav):not(.bwp-community-account-menu--mobile) > button {
width: 35px !important;
height: 35px !important;
min-height: 35px !important;
}
html body #navbar-container.lumina-hybrid-layout .lumina-right-menu > .cart-menu-item {
order: 98 !important;
}
html body #navbar-container.lumina-hybrid-layout .lumina-right-menu > .bwp-community-account-menu--desktop {
order: 99 !important;
}
html body #navbar-container.lumina-hybrid-layout .lumina-right-menu > .menu-item-trend > .icon-btn,
html body #navbar-container.lumina-hybrid-layout .lumina-right-menu > .menu-item-trend > .icon-btn svg {
color: var(--bwp-community-gold) !important;
stroke: var(--bwp-community-gold) !important;
transition: color 160ms ease !important;
}
html body #navbar-container.lumina-hybrid-layout .lumina-right-menu > .menu-item-trend > .icon-btn:hover,
html body #navbar-container.lumina-hybrid-layout .lumina-right-menu > .menu-item-trend > .icon-btn:hover svg,
html body #navbar-container.lumina-hybrid-layout .lumina-right-menu > .menu-item-trend > .icon-btn:focus-visible,
html body #navbar-container.lumina-hybrid-layout .lumina-right-menu > .menu-item-trend > .icon-btn:focus-visible svg {
color: #ffdc8d !important;
stroke: #ffdc8d !important;
}
.lumina-right-menu .bwp-app-download-nav,
.lumina-right-menu .bwp-community-account-menu--mobile {
display: none !important;
}
.lumina-right-menu .bwp-community-nav-item > .menu-link {
display: grid !important;
place-items: center;
width: 35px;
height: 35px !important;
min-height: 35px;
margin: 0;
padding: 0 !important;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 50%;
background: rgba(255, 255, 255, 0.035);
color: #f4f8f8 !important;
transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}
.lumina-right-menu .bwp-community-nav-item > .menu-link .menu-item-inner,
.lumina-right-menu .bwp-community-nav-item > .menu-link .menu-item-text-container {
display: grid !important;
place-items: center;
width: 100%;
height: 100%;
padding: 0 !important;
}
.lumina-right-menu .bwp-community-nav-item > .menu-link .bwp-community-nav-label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.lumina-right-menu .bwp-community-discover > .menu-link {
border-color: rgba(35, 211, 205, 0.52);
background: rgba(35, 211, 205, 0.13);
color: var(--bwp-community-accent) !important;
}
.lumina-right-menu .bwp-community-discover .bwp-community-nav-icon {
color: var(--bwp-community-accent) !important;
stroke: var(--bwp-community-accent) !important;
}
.lumina-right-menu .bwp-community-discover > .menu-link:hover,
.lumina-right-menu .bwp-community-discover > .menu-link:focus-visible {
border-color: var(--bwp-community-accent);
background: rgba(35, 211, 205, 0.2);
box-shadow: 0 0 18px rgba(35, 211, 205, 0.18);
}
.lumina-right-menu .bwp-community-account-menu > .menu-link:hover,
.lumina-right-menu .bwp-community-account-menu > .menu-link:focus-visible {
border-color: rgba(35, 211, 205, 0.58);
background: rgba(35, 211, 205, 0.11);
color: var(--bwp-community-accent) !important;
}
.lumina-right-menu .bwp-community-nav-icon {
width: 18px;
height: 18px;
}
.lumina-right-menu .bwp-community-account-menu .bwp-community-avatar--small {
width: 22px;
height: 22px;
}
.lumina-right-menu .bwp-community-account-menu > .sub-menu {
top: calc(100% + 8px) !important;
right: 0 !important;
left: auto !important;
overflow: hidden !important;
scrollbar-width: none;
display: flex;
flex-direction: column;
gap: 5px;
min-width: 205px !important;
padding: 10px !important;
border: 1px solid rgba(255, 255, 255, .08) !important;
border-radius: 12px !important;
background: rgba(10, 10, 18, .94) !important;
box-shadow: 0 18px 48px rgba(0, 0, 0, .34) !important;
}
.lumina-right-menu .bwp-community-account-menu > .sub-menu > li > a {
display: flex !important;
align-items: center !important;
width: 100% !important;
padding: 7px 12px !important;
border-radius: 6px !important;
font-family: Inter, sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
color: #f1f1f1 !important;
transition: color 150ms ease, background-color 150ms ease !important;
}
.lumina-right-menu .bwp-community-account-menu > .sub-menu > li > a:hover,
.lumina-right-menu .bwp-community-account-menu > .sub-menu > li > a:focus-visible {
background: rgba(35, 211, 205, .10) !important;
color: #7ce5db !important;
}
.lumina-right-menu .bwp-community-account-menu > .sub-menu::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.lumina-right-menu .bwp-community-account-menu:hover > .sub-menu,
.lumina-right-menu .bwp-community-account-menu:focus-within > .sub-menu {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
}
.lumina-right-menu > .cart-menu-item {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 35px !important;
height: 35px !important;
margin: 0 !important;
}
.lumina-right-menu .cart-menu-item-link {
position: relative !important;
display: grid !important;
place-items: center !important;
width: 35px !important;
height: 35px !important;
min-height: 35px !important;
padding: 0 !important;
border: 1px solid rgba(255, 255, 255, .12) !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, .035) !important;
color: #f4f8f8 !important;
font-size: 0 !important;
line-height: 1 !important;
}
.lumina-right-menu .cart-menu-item-link::before {
position: static !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
}
.lumina-right-menu .cart-menu-item .product-count {
position: absolute !important;
top: -5px !important;
right: -5px !important;
display: grid !important;
place-items: center !important;
min-width: 17px !important;
height: 17px !important;
padding: 0 4px !important;
border: 2px solid #0a1010 !important;
border-radius: 999px !important;
background: #ff5c7a !important;
color: #fff !important;
font-size: 9px !important;
font-weight: 850 !important;
line-height: 1 !important;
}
.lumina-right-menu .cart-menu-item .cart-text,
.lumina-right-menu .cart-menu-item .woocommerce-Price-amount {
display: none !important;
}
}
.lumina-middle-menu .cart-menu-item,
.injected-mobile-icons .cart-menu-item {
display: none !important;
}
.nav-menu-mobile .bwp-community-account-menu--desktop {
display: none !important;
}
.bwp-app-download-nav > button {
display: flex;
align-items: center;
height: 38px;
margin: 0 5px;
padding: 0 13px;
border: 1px solid rgba(35, 211, 205, 0.28);
border-radius: 999px;
background: linear-gradient(135deg, rgba(35, 211, 205, 0.14), rgba(255, 92, 122, 0.08));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
color: #f4ffff;
cursor: default;
}
.bwp-app-download-nav .bwp-community-nav-label {
display: grid;
gap: 1px;
font-size: 11px;
font-weight: 700;
line-height: 1;
text-align: left;
}
.bwp-app-download-nav .bwp-community-nav-label small {
color: var(--bwp-community-accent);
font-size: 7px;
font-weight: 600;
letter-spacing: 0.04em;
}
.bwp-mobile-dock,
.bwp-mobile-search-sheet {
display: none;
}
.bwp-community-avatar {
display: inline-grid;
place-items: center;
width: 42px;
height: 42px;
flex: 0 0 auto;
overflow: hidden;
border-radius: 50%;
background: linear-gradient(145deg, #244443, #142020 62%, #41212e);
color: var(--bwp-community-accent);
font-size: 16px;
font-weight: 800;
letter-spacing: 0;
text-transform: uppercase;
}
.bwp-community-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bwp-community-avatar--small {
width: 32px;
height: 32px;
font-size: 12px;
}
.bwp-community-avatar--large {
width: 112px;
height: 112px;
font-size: 38px;
box-shadow: 0 0 0 7px rgba(35, 211, 205, 0.06), 0 0 0 1px rgba(35, 211, 205, 0.32);
}
body.bwp-community-page {
background: var(--bwp-community-bg);
color: var(--bwp-community-ink);
}
body.bwp-community-page .site-main,
body.bwp-community-page .site-content,
body.bwp-community-page .content-inner,
body.bwp-community-page .content-wrapper {
width: 100%;
max-width: none;
padding-right: 0;
padding-left: 0;
background: transparent;
}
body.bwp-community-page .content-wrapper {
padding-top: 24px;
padding-bottom: 24px;
}
.bwp-community-shell,
.bwp-community-shell * {
box-sizing: border-box;
}
.bwp-community-shell {
width: min(1180px, calc(100% - 36px));
margin: 0 auto;
padding: clamp(22px, 2.5vw, 32px) 0 clamp(32px, 4vw, 48px);
color: var(--bwp-community-ink);
}
.bwp-community-shell a {
color: inherit;
}
body.bwp-community-page .post-header-container .post-title-container {
display: flex;
align-items: center;
flex-direction: column;
}
body.bwp-community-page .post-header-container .post-header {
opacity: 1 !important;
}
body.bwp-community-page .post-header-container .post-title {
order: 1;
margin-top: 0;
}
.bwp-community-theme-eyebrow {
order: 0;
display: block;
margin: 0 0 11px;
color: #45ebe3;
font-size: 10px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.19em;
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.72);
}
.bwp-community-intro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
width: 100%;
margin: 0 auto 22px;
padding: 16px 18px;
border: 1px solid rgba(255, 255, 255, 0.09);
border-radius: 18px;
background: linear-gradient(120deg, rgba(35, 211, 205, 0.09), rgba(13, 20, 20, 0.72) 38%, rgba(13, 20, 20, 0.58));
box-shadow: 0 14px 42px rgba(0, 0, 0, 0.16);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
.bwp-community-intro--centered {
max-width: 950px;
justify-content: center;
text-align: center;
}
.bwp-community-intro p {
max-width: 760px;
margin: 0;
color: #afbfbe;
font-size: 13px;
line-height: 1.65;
}
.bwp-community-eyebrow {
display: block;
margin-bottom: 12px;
color: var(--bwp-community-accent);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.17em;
}
.bwp-community-hero {
display: flex;
align-items: end;
justify-content: space-between;
gap: 32px;
padding: 34px 38px;
border: 1px solid var(--bwp-community-line);
border-radius: 28px;
background:
linear-gradient(112deg, rgba(35, 211, 205, 0.1), transparent 37%),
radial-gradient(circle at 91% 12%, rgba(255, 92, 122, 0.12), transparent 28%),
#0e1414;
box-shadow: 0 22px 80px rgba(0, 0, 0, 0.28);
}
.bwp-community-hero h1,
.bwp-community-auth-head h1,
.bwp-community-upload-head h1,
.bwp-community-profile-head h1 {
margin: 0;
color: #fff;
font-size: clamp(34px, 5vw, 58px);
font-weight: 800;
line-height: 0.98;
letter-spacing: -0.045em;
}
.bwp-community-hero p,
.bwp-community-auth-head p,
.bwp-community-upload-head p {
max-width: 680px;
margin: 15px 0 0;
color: var(--bwp-community-muted);
font-size: 14px;
line-height: 1.7;
}
.bwp-community-primary,
.bwp-community-secondary,
.bwp-community-danger,
.bwp-community-load-more {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 46px;
padding: 0 19px;
border: 0;
border-radius: 14px;
font: inherit;
font-size: 12px;
font-weight: 800;
line-height: 1;
cursor: pointer;
transition: transform 160ms ease, background 160ms ease, color 160ms ease, border-color 160ms ease;
}
.bwp-community-primary {
background: var(--bwp-community-accent);
color: #061110 !important;
box-shadow: 0 10px 30px rgba(35, 211, 205, 0.15);
}
.bwp-community-primary:hover,
.bwp-community-primary:focus-visible {
background: #63e5df;
color: #061110 !important;
transform: translateY(-1px);
}
.bwp-community-primary.is-following {
border: 1px solid rgba(35, 211, 205, 0.45);
background: transparent;
color: var(--bwp-community-accent) !important;
}
.bwp-community-secondary,
.bwp-community-load-more {
border: 1px solid var(--bwp-community-line);
background: var(--bwp-community-raised);
color: #fff !important;
}
.bwp-community-danger {
border: 1px solid rgba(255, 92, 122, 0.25);
background: rgba(255, 92, 122, 0.08);
color: #ff91a5;
}
.bwp-community-feed-tabs {
display: flex;
align-items: center;
gap: 8px;
margin: 24px 0;
padding: 5px;
border: 1px solid var(--bwp-community-line);
border-radius: 16px;
background: rgba(16, 22, 22, 0.8);
}
.bwp-community-feed-tabs a {
padding: 10px 17px;
border-radius: 11px;
color: var(--bwp-community-muted);
font-size: 11px;
font-weight: 800;
}
.bwp-community-feed-tabs a.is-active {
background: var(--bwp-community-accent-soft);
color: var(--bwp-community-accent);
}
.bwp-community-feed-tabs .bwp-community-clear-tag {
margin-left: auto;
}
.bwp-community-layout {
display: grid;
grid-template-columns: minmax(0, 700px) minmax(250px, 1fr);
align-items: start;
gap: 28px;
}
.bwp-community-card {
overflow: hidden;
margin: 0 0 22px;
border: 1px solid var(--bwp-community-line);
border-radius: 22px;
background: var(--bwp-community-surface);
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.19);
}
.bwp-community-card__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 17px;
}
.bwp-community-author {
display: inline-flex;
align-items: center;
gap: 11px;
}
.bwp-community-author span:not(.bwp-community-avatar) {
display: grid;
gap: 3px;
}
.bwp-community-author strong {
color: #fff;
font-size: 12px;
line-height: 1.1;
}
.bwp-community-author small,
.bwp-community-card__time {
color: var(--bwp-community-muted);
font-size: 9.5px;
}
.bwp-community-card__image {
position: relative;
display: block;
aspect-ratio: var(--bwp-community-ratio, 0.8);
min-height: 0;
background: #050707;
overflow: hidden;
}
.bwp-community-card__image::before,
.bwp-community-card__image::after {
position: absolute;
z-index: 2;
width: 34px;
height: 34px;
border-color: rgba(35, 211, 205, 0.72);
content: "";
pointer-events: none;
}
.bwp-community-card__image::before {
top: 14px;
left: 14px;
border-top: 1px solid;
border-left: 1px solid;
}
.bwp-community-card__image::after {
right: 14px;
bottom: 14px;
border-right: 1px solid;
border-bottom: 1px solid;
}
.bwp-community-card__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
background: #050707;
}
.bwp-community-card__body {
padding: 14px 17px 18px;
}
.bwp-community-actions {
display: flex;
align-items: center;
gap: 8px;
}
.bwp-community-reaction-picker {
display: flex;
align-items: center;
gap: 5px;
margin-left: auto;
}
.bwp-community-vote-score {
min-width: 30px;
text-align: center;
font-size: 12px;
}
.bwp-community-reaction,
.bwp-community-comment-link,
.bwp-community-more {
display: inline-grid;
place-items: center;
width: 35px;
height: 35px;
padding: 0;
border: 1px solid transparent;
border-radius: 50%;
background: transparent;
color: #dfe7e7;
font: inherit;
font-size: 19px;
cursor: pointer;
}
.bwp-community-reaction:hover,
.bwp-community-reaction.is-selected {
border-color: rgba(35, 211, 205, 0.3);
background: rgba(35, 211, 205, 0.1);
color: var(--bwp-community-accent);
}
.bwp-community-reaction.is-down {
border-color: rgba(255, 92, 122, 0.24);
background: rgba(255, 92, 122, 0.1);
color: var(--bwp-community-live);
}
.bwp-community-section-title {
display: flex;
flex-direction: column;
gap: 4px;
margin: 4px 0 14px;
font-size: 19px;
}
.bwp-community-section-title span {
color: var(--bwp-community-accent);
font-size: 10px;
letter-spacing: .18em;
}
.bwp-community-weekly {
margin-bottom: 35px;
padding: 8px;
border: 1px solid rgba(35, 211, 205, .24);
border-radius: 27px;
background: linear-gradient(145deg, rgba(35, 211, 205, .06), transparent);
}
.bwp-community-weekly .bwp-community-card {
margin: 0;
}
.bwp-community-comment-link svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
}
.bwp-community-more {
margin-left: auto;
color: var(--bwp-community-muted);
font-size: 15px;
letter-spacing: 1px;
}
.bwp-community-counts {
margin-top: 9px;
color: var(--bwp-community-muted);
font-size: 10px;
}
.bwp-community-counts strong {
color: #fff;
}
.bwp-community-caption {
margin: 12px 0 0;
color: #d8e1e1;
font-size: 12px;
line-height: 1.62;
}
.bwp-community-caption strong {
color: #fff;
}
.bwp-community-tags {
display: flex;
flex-wrap: wrap;
gap: 7px 11px;
margin-top: 11px;
}
.bwp-community-tags a {
color: var(--bwp-community-accent);
font-size: 10.5px;
}
.bwp-community-sidebar {
position: sticky;
top: 104px;
display: grid;
gap: 15px;
}
.bwp-community-side-card {
padding: 22px;
border: 1px solid var(--bwp-community-line);
border-radius: 20px;
background: var(--bwp-community-surface);
}
.bwp-community-side-card--accent {
background: linear-gradient(145deg, rgba(35, 211, 205, 0.11), transparent 52%), #101616;
}
.bwp-community-side-card h2 {
margin: 0 0 9px;
color: #fff;
font-size: 17px;
line-height: 1.25;
}
.bwp-community-side-card p {
margin: 0 0 15px;
color: var(--bwp-community-muted);
font-size: 10.5px;
line-height: 1.65;
}
.bwp-community-side-card > a {
color: var(--bwp-community-accent);
font-size: 10.5px;
font-weight: 800;
}
.bwp-community-side-kicker {
display: block;
margin-bottom: 9px;
color: var(--bwp-community-live);
font-size: 8px;
font-weight: 800;
letter-spacing: 0.16em;
}
.bwp-community-tag-cloud {
display: grid;
}
.bwp-community-tag-cloud a {
display: flex;
justify-content: space-between;
gap: 10px;
padding: 9px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
color: #dce5e5;
font-size: 10.5px;
}
.bwp-community-tag-cloud small {
color: var(--bwp-community-muted);
}
.bwp-community-load-more {
width: 100%;
margin-top: 3px;
}
.bwp-community-empty,
.bwp-community-upload-gate {
display: grid;
place-items: center;
min-height: 360px;
padding: 45px;
border: 1px dashed rgba(255, 255, 255, 0.15);
border-radius: 24px;
background: rgba(16, 22, 22, 0.72);
text-align: center;
}
.bwp-community-empty > span,
.bwp-community-upload-gate > span {
color: var(--bwp-community-accent);
font-size: 38px;
}
.bwp-community-empty h2,
.bwp-community-upload-gate h2 {
margin: 10px 0 4px;
color: #fff;
}
.bwp-community-empty p,
.bwp-community-upload-gate p {
margin: 0 0 20px;
color: var(--bwp-community-muted);
}
.bwp-community-editor-preview {
margin-top: 18px;
padding: 22px;
border: 1px solid rgba(35, 211, 205, .2);
border-radius: 24px;
background: linear-gradient(145deg, rgba(35, 211, 205, .07), rgba(8, 12, 12, .86) 42%);
}
.bwp-community-editor-preview > div:first-child > span {
color: var(--bwp-community-accent);
font-size: 10px;
font-weight: 800;
letter-spacing: .18em;
}
.bwp-community-editor-preview h2 {
margin: 7px 0 3px;
color: #f5ffff;
}
.bwp-community-editor-preview p {
margin: 0 0 17px;
color: var(--bwp-community-muted);
}
.bwp-community-editor-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 7px;
}
.bwp-community-editor-grid a {
display: block;
aspect-ratio: 4 / 5;
overflow: hidden;
border-radius: 13px;
background: #101818;
}
.bwp-community-editor-grid img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .2s ease;
}
.bwp-community-editor-grid a:hover img,
.bwp-community-editor-grid a:focus-visible img {
transform: scale(1.025);
}
.bwp-community-notice {
margin: 0 0 18px;
padding: 13px 16px;
border: 1px solid var(--bwp-community-line);
border-radius: 13px;
background: var(--bwp-community-raised);
font-size: 11px;
}
.bwp-community-notice--success {
border-color: rgba(35, 211, 205, 0.32);
color: #9cf5f1;
}
.bwp-community-notice--error {
border-color: rgba(255, 92, 122, 0.3);
color: #ff9bae;
}
.bwp-community-notice--info {
border-color: rgba(255, 200, 87, 0.3);
color: #ffe1a0;
}
.bwp-community-shell--single {
width: min(1240px, calc(100% - 36px));
}
.bwp-community-back {
display: inline-block;
margin-bottom: 18px;
color: var(--bwp-community-muted) !important;
font-size: 11px;
}
.bwp-community-single-grid {
display: grid;
grid-template-columns: minmax(0, 720px) minmax(300px, 1fr);
align-items: start;
gap: 24px;
}
.bwp-community-single-grid .bwp-community-card {
margin: 0;
}
.bwp-community-comments {
overflow: hidden;
border: 1px solid var(--bwp-community-line);
border-radius: 22px;
background: var(--bwp-community-surface);
}
.bwp-community-comments > header {
padding: 21px;
border-bottom: 1px solid var(--bwp-community-line);
}
.bwp-community-comments > header span {
color: var(--bwp-community-accent);
font-size: 8px;
font-weight: 800;
letter-spacing: 0.16em;
}
.bwp-community-comments > header h2 {
margin: 6px 0 0;
font-size: 20px;
}
.bwp-community-comment-list {
display: grid;
gap: 19px;
max-height: 560px;
overflow: auto;
padding: 21px;
}
.bwp-community-comment {
display: flex;
align-items: start;
gap: 11px;
}
.bwp-community-comment > div {
min-width: 0;
}
.bwp-community-comment strong {
font-size: 10.5px;
}
.bwp-community-comment p {
margin: 4px 0;
color: #cedada;
font-size: 10.5px;
line-height: 1.55;
}
.bwp-community-comment small {
color: var(--bwp-community-muted);
font-size: 8.5px;
}
.bwp-community-comment-form {
display: grid;
gap: 10px;
padding: 20px;
border-top: 1px solid var(--bwp-community-line);
}
.bwp-community-comment-form label {
font-size: 10px;
font-weight: 800;
}
.bwp-community-comment-form textarea,
.bwp-community-form input,
.bwp-community-form textarea,
.bwp-community-upload-fields input,
.bwp-community-upload-fields textarea {
width: 100%;
border: 1px solid var(--bwp-community-line);
border-radius: 13px;
outline: 0;
background: #0a0f0f;
color: #fff;
font: inherit;
font-size: 12px;
}
.bwp-community-comment-form textarea,
.bwp-community-form textarea,
.bwp-community-upload-fields textarea {
padding: 13px;
resize: vertical;
}
.bwp-community-form input,
.bwp-community-upload-fields input {
height: 47px;
padding: 0 13px;
}
.bwp-community-comment-form textarea:focus,
.bwp-community-form input:focus,
.bwp-community-form textarea:focus,
.bwp-community-upload-fields input:focus,
.bwp-community-upload-fields textarea:focus {
border-color: var(--bwp-community-accent);
box-shadow: 0 0 0 3px rgba(35, 211, 205, 0.08);
}
.bwp-community-comment-gate {
display: block;
padding: 18px 20px;
border-top: 1px solid var(--bwp-community-line);
color: var(--bwp-community-accent) !important;
font-size: 10px;
}
.bwp-community-shell--profile {
width: min(1120px, calc(100% - 36px));
}
.bwp-community-profile-head {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 30px;
padding: 34px;
border: 1px solid var(--bwp-community-line);
border-radius: 26px;
background: linear-gradient(118deg, rgba(35, 211, 205, 0.08), transparent 40%), var(--bwp-community-surface);
}
.bwp-community-profile-head h1 {
font-size: clamp(32px, 4vw, 48px);
}
.bwp-community-handle {
margin: 6px 0 0;
color: var(--bwp-community-accent);
font-size: 11px;
}
.bwp-community-profile-head.is-premium {
--bwp-profile-accent: #23d3cd;
position: relative;
border-color: color-mix(in srgb, var(--bwp-profile-accent) 34%, transparent);
box-shadow: 0 24px 72px rgba(0,0,0,.27), inset 0 2px 0 var(--bwp-profile-accent);
}
.bwp-community-profile-head.is-premium.accent-gold { --bwp-profile-accent: #ffc857; }
.bwp-community-profile-head.is-premium.accent-rose { --bwp-profile-accent: #ff7990; }
.bwp-community-profile-head.is-premium.accent-violet { --bwp-profile-accent: #c7a7ff; }
.bwp-community-premium-badge { display: inline-flex; margin-left: 8px; padding: 4px 7px; border: 1px solid color-mix(in srgb, var(--bwp-profile-accent) 42%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--bwp-profile-accent) 11%, transparent); color: var(--bwp-profile-accent); font-size: 7px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; vertical-align: middle; }
.bwp-community-bio {
max-width: 620px;
margin: 13px 0 0;
color: var(--bwp-community-muted);
font-size: 11.5px;
line-height: 1.62;
}
.bwp-community-profile-stats {
display: flex;
flex-wrap: wrap;
gap: 22px;
margin-top: 18px;
color: var(--bwp-community-muted);
font-size: 10px;
}
.bwp-community-profile-stats strong {
color: #fff;
font-size: 13px;
}
.bwp-community-profile-actions {
display: grid;
gap: 9px;
}
.bwp-community-profile-gallery {
margin-top: 32px;
}
.bwp-community-profile-gallery > header {
display: flex;
align-items: end;
justify-content: space-between;
margin-bottom: 15px;
}
.bwp-community-profile-gallery h2 {
margin: 0;
font-size: 19px;
}
.bwp-community-profile-gallery header span {
color: var(--bwp-community-muted);
font-size: 10px;
}
.bwp-community-profile-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 7px;
}
.bwp-community-profile-grid > a {
position: relative;
display: block;
aspect-ratio: 1;
overflow: hidden;
background: var(--bwp-community-surface);
}
.bwp-community-profile-grid img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 250ms ease, opacity 250ms ease;
}
.bwp-community-profile-grid > a > span {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
background: rgba(4, 8, 8, 0.67);
opacity: 0;
transition: opacity 180ms ease;
}
.bwp-community-profile-grid a:hover img {
transform: scale(1.025);
}
.bwp-community-profile-grid a:hover span {
opacity: 1;
}
.bwp-community-auth-head,
.bwp-community-upload-head {
max-width: 760px;
margin: 0 auto 28px;
text-align: center;
}
.bwp-community-auth-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
max-width: 760px;
margin: 0 auto;
}
.bwp-community-account-grid {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
gap: 22px;
max-width: 950px;
margin: 0 auto;
}
.bwp-community-form-card {
padding: 28px;
border: 1px solid var(--bwp-community-line);
border-radius: 22px;
background: var(--bwp-community-surface);
}
.bwp-community-form-card h2 {
margin: 0 0 21px;
color: #fff;
font-size: 23px;
}
.bwp-community-auth-card {
padding: 0;
overflow: hidden;
transition: border-color 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
}
.bwp-community-auth-card.is-open {
border-color: rgba(35, 211, 205, 0.28);
background: linear-gradient(135deg, rgba(35, 211, 205, 0.055), transparent 42%), var(--bwp-community-surface);
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}
.bwp-community-auth-toggle {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%;
margin: 0;
padding: 23px 28px;
border: 0;
background: transparent;
box-shadow: none;
color: inherit;
text-align: left;
cursor: pointer;
}
.bwp-community-auth-toggle:hover,
.bwp-community-auth-toggle:focus-visible {
background: rgba(35, 211, 205, 0.045);
}
.bwp-community-auth-toggle:focus-visible {
outline: 3px solid rgba(35, 211, 205, 0.55);
outline-offset: -3px;
}
.bwp-community-auth-heading {
display: grid;
gap: 7px;
}
.bwp-community-auth-heading .bwp-community-eyebrow {
margin: 0;
}
.bwp-community-auth-title {
color: #fff;
font-size: 23px;
font-weight: 700;
line-height: 1.2;
}
.bwp-community-auth-indicator {
position: relative;
flex: 0 0 38px;
width: 38px;
height: 38px;
border: 1px solid var(--bwp-community-line);
border-radius: 50%;
background: rgba(255, 255, 255, 0.035);
}
.bwp-community-auth-indicator::before,
.bwp-community-auth-indicator::after {
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 2px;
border-radius: 999px;
background: var(--bwp-community-accent);
content: '';
transform: translate(-50%, -50%);
transition: transform 220ms ease;
}
.bwp-community-auth-indicator::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.bwp-community-auth-card.is-open .bwp-community-auth-indicator::after {
transform: translate(-50%, -50%) rotate(0deg);
}
.bwp-community-auth-panel {
display: grid;
grid-template-rows: 1fr;
}
.bwp-community-auth-panel-inner {
min-height: 0;
padding: 0 28px 27px;
overflow: hidden;
}
.bwp-community-auth-grid.is-ready .bwp-community-auth-panel {
grid-template-rows: 0fr;
opacity: 0;
visibility: hidden;
transition: grid-template-rows 340ms cubic-bezier(.22, .7, .24, 1), opacity 180ms ease, visibility 340ms;
}
.bwp-community-auth-grid.is-ready .bwp-community-auth-panel-inner {
padding-bottom: 0;
transition: padding-bottom 340ms cubic-bezier(.22, .7, .24, 1);
}
.bwp-community-auth-grid.is-ready .bwp-community-auth-card.is-open .bwp-community-auth-panel {
grid-template-rows: 1fr;
opacity: 1;
visibility: visible;
transition: grid-template-rows 380ms cubic-bezier(.22, .7, .24, 1), opacity 220ms ease 90ms, visibility 0ms;
}
.bwp-community-auth-grid.is-ready .bwp-community-auth-card.is-open .bwp-community-auth-panel-inner {
padding-bottom: 27px;
}
.bwp-community-form {
display: grid;
gap: 15px;
}
.bwp-community-form label,
.bwp-community-upload-fields label {
display: grid;
gap: 7px;
color: #d7e0e0;
font-size: 10px;
font-weight: 800;
}
.bwp-community-form label small,
.bwp-community-upload-fields label small {
color: var(--bwp-community-muted);
font-size: 8.5px;
font-weight: 400;
line-height: 1.5;
}
.bwp-community-check {
display: flex !important;
grid-template-columns: auto 1fr;
align-items: start;
gap: 9px !important;
color: var(--bwp-community-muted) !important;
font-weight: 400 !important;
line-height: 1.5;
}
.bwp-community-check input {
width: 16px;
height: 16px;
margin: 0;
accent-color: var(--bwp-community-accent);
}
.bwp-community-check a {
color: var(--bwp-community-accent) !important;
font-weight: 800;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}
.bwp-community-check a:hover,
.bwp-community-check a:focus-visible {
color: #7ff8f1 !important;
}
.bwp-community-form-link {
color: var(--bwp-community-accent) !important;
font-size: 9.5px;
text-align: center;
}
.bwp-community-reset {
margin-top: 18px;
color: var(--bwp-community-accent);
font-size: 9.5px;
}
.bwp-community-reset summary {
cursor: pointer;
}
.bwp-community-reset form {
margin-top: 14px;
}
.bwp-community-honeypot {
position: absolute !important;
left: -9999px !important;
opacity: 0 !important;
}
.bwp-community-account-user {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 24px;
}
.bwp-community-account-user h2 {
margin: 0 0 5px;
}
.bwp-community-account-user p {
margin: 0;
color: var(--bwp-community-accent);
font-size: 10px;
}
.bwp-community-avatar-button {
position: relative;
display: inline-grid;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: inherit;
cursor: pointer;
}
.bwp-community-avatar-button:focus-visible {
outline: 3px solid var(--bwp-community-accent);
outline-offset: 6px;
}
.bwp-community-avatar-button__edit {
position: absolute;
right: -2px;
bottom: 2px;
display: grid;
place-items: center;
width: 31px;
height: 31px;
border: 3px solid var(--bwp-community-surface);
border-radius: 50%;
background: var(--bwp-community-accent);
color: #061110;
font-size: 13px;
font-weight: 900;
}
.bwp-community-avatar-text-button {
margin-top: 8px;
padding: 0;
border: 0;
background: transparent;
color: var(--bwp-community-muted);
font-size: 9px;
cursor: pointer;
}
.bwp-community-avatar-text-button:hover,
.bwp-community-avatar-text-button:focus-visible {
color: var(--bwp-community-accent);
}
.bwp-community-avatar-dialog {
width: min(620px, calc(100vw - 32px));
max-height: min(760px, calc(100vh - 32px));
padding: 24px;
border: 1px solid rgba(35, 211, 205, 0.22);
border-radius: 24px;
background: #101616;
color: var(--bwp-community-ink);
box-shadow: 0 30px 90px rgba(0, 0, 0, 0.72);
}
.bwp-community-avatar-dialog::backdrop {
background: rgba(2, 5, 5, 0.82);
backdrop-filter: blur(7px);
}
.bwp-community-avatar-dialog__head {
display: flex;
align-items: start;
justify-content: space-between;
gap: 18px;
margin-bottom: 20px;
}
.bwp-community-avatar-dialog__head h2 {
margin: 5px 0 0;
}
.bwp-community-avatar-dialog__head > button {
display: grid;
place-items: center;
width: 38px;
height: 38px;
padding: 0;
border: 1px solid var(--bwp-community-line);
border-radius: 50%;
background: var(--bwp-community-raised);
color: #fff;
font-size: 24px;
cursor: pointer;
}
.bwp-community-avatar-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 11px;
max-height: 430px;
padding: 3px;
overflow: auto;
}
.bwp-community-avatar-choice {
position: relative;
padding: 3px;
border: 2px solid transparent;
border-radius: 50%;
background: transparent;
cursor: pointer;
transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.bwp-community-avatar-choice img {
display: block;
width: 100%;
aspect-ratio: 1;
border-radius: 50%;
object-fit: cover;
}
.bwp-community-avatar-choice:hover,
.bwp-community-avatar-choice:focus-visible {
transform: translateY(-2px);
border-color: rgba(35, 211, 205, 0.5);
}
.bwp-community-avatar-choice.is-selected {
border-color: var(--bwp-community-accent);
box-shadow: 0 0 0 4px rgba(35, 211, 205, 0.12);
}
.bwp-community-avatar-choice.is-selected::after {
content: '\2713';
position: absolute;
right: -1px;
bottom: 1px;
display: grid;
place-items: center;
width: 22px;
height: 22px;
border: 2px solid #101616;
border-radius: 50%;
background: var(--bwp-community-accent);
color: #061110;
font-size: 12px;
font-weight: 900;
}
.bwp-community-avatar-credit {
margin: 15px 0;
color: var(--bwp-community-muted);
font-size: 8.5px;
text-align: center;
}
.bwp-community-verify-box {
margin: 0 0 22px;
padding: 16px;
border: 1px solid rgba(255, 200, 87, 0.25);
border-radius: 15px;
background: rgba(255, 200, 87, 0.06);
}
.bwp-community-verify-box strong {
color: var(--bwp-community-gold);
font-size: 11px;
}
.bwp-community-verify-box p,
.bwp-community-session-card p {
color: var(--bwp-community-muted);
font-size: 10px;
line-height: 1.6;
}
.bwp-community-session-card > a {
display: block;
margin: 13px 0;
color: var(--bwp-community-accent);
font-size: 10px;
}
.bwp-community-session-card form {
margin-top: 24px;
}
.bwp-community-upload-form {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
gap: 22px;
max-width: 1040px;
margin: 0 auto;
}
.bwp-community-dropzone {
position: relative;
display: grid;
place-items: center;
min-height: 570px;
overflow: hidden;
border: 1px dashed rgba(35, 211, 205, 0.42);
border-radius: 24px;
background: linear-gradient(145deg, rgba(35, 211, 205, 0.08), transparent 45%), #0b1010;
cursor: pointer;
}
.bwp-community-dropzone.is-dragging {
border-color: var(--bwp-community-accent);
background-color: var(--bwp-community-accent-soft);
}
.bwp-community-dropzone input {
position: absolute;
inset: 0;
z-index: 3;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.bwp-community-dropzone__prompt {
display: grid;
place-items: center;
gap: 7px;
padding: 25px;
text-align: center;
}
.bwp-community-dropzone__prompt b {
display: grid;
place-items: center;
width: 58px;
height: 58px;
margin-bottom: 7px;
border: 1px solid rgba(35, 211, 205, 0.32);
border-radius: 50%;
background: var(--bwp-community-accent-soft);
color: var(--bwp-community-accent);
font-size: 30px;
font-weight: 400;
}
.bwp-community-dropzone__prompt strong {
font-size: 15px;
}
.bwp-community-dropzone__prompt small {
color: var(--bwp-community-muted);
font-size: 9px;
}
.bwp-community-dropzone img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
background: #050707;
}
.bwp-community-upload-fields {
display: flex;
flex-direction: column;
gap: 17px;
padding: 25px;
border: 1px solid var(--bwp-community-line);
border-radius: 22px;
background: var(--bwp-community-surface);
}
.bwp-community-upload-fields label > small {
display: flex;
justify-content: space-between;
}
.bwp-community-upload-safety {
margin-top: auto;
padding: 15px;
border: 1px solid rgba(35, 211, 205, 0.16);
border-radius: 14px;
background: rgba(35, 211, 205, 0.05);
}
.bwp-community-upload-safety strong {
color: var(--bwp-community-accent);
font-size: 9.5px;
}
.bwp-community-upload-safety p {
margin: 7px 0 0;
color: var(--bwp-community-muted);
font-size: 8.5px;
line-height: 1.55;
}
.bwp-community-upload-gate {
max-width: 720px;
margin: 0 auto;
}
.bwp-community-toast {
position: fixed;
z-index: 999999;
right: 20px;
bottom: 20px;
max-width: 340px;
padding: 13px 16px;
border: 1px solid var(--bwp-community-line);
border-radius: 13px;
background: #172020;
color: #fff;
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.42);
font-size: 10.5px;
}
@media (max-width: 1100px) {
.bwp-community-nav-label {
display: none;
}
.bwp-community-layout,
.bwp-community-single-grid {
grid-template-columns: minmax(0, 1fr) 280px;
}
}
@media (max-width: 900px) {
.bwp-community-shell {
padding-top: 28px;
}
.bwp-community-layout,
.bwp-community-single-grid,
.bwp-community-upload-form {
grid-template-columns: minmax(0, 1fr);
}
.bwp-community-sidebar {
position: static;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwp-community-rules {
display: none;
}
.bwp-community-profile-head {
grid-template-columns: auto minmax(0, 1fr);
}
.bwp-community-profile-actions {
grid-column: 1 / -1;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwp-community-dropzone {
min-height: 520px;
}
} @media (max-width: 1024px) {
.bwp-community-discover,
.bwp-community-account-menu,
.bwp-app-download-nav,
.bwp-live-menu--text {
display: none !important;
}
body {
padding-bottom: calc(78px + env(safe-area-inset-bottom) + var(--bwp-mobile-ad-reserve, 0px)) !important;
}
body.bwp-mobile-search-open {
overflow: hidden;
}
.bwp-mobile-dock {
display: block;
position: fixed;
z-index: 99990;
right: 0;
bottom: var(--bwp-mobile-ad-reserve, 0px);
left: 0;
min-height: calc(72px + env(safe-area-inset-bottom));
padding-bottom: env(safe-area-inset-bottom);
border-top: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(8, 12, 12, 0.94);
box-shadow: 0 -16px 42px rgba(0, 0, 0, 0.42);
backdrop-filter: blur(20px) saturate(145%);
-webkit-backdrop-filter: blur(20px) saturate(145%);
}
.bwp-mobile-dock__inner {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
align-items: stretch;
width: min(100%, 560px);
height: 72px;
margin: 0 auto;
padding: 0 5px;
}
.bwp-mobile-dock__item,
.bwp-mobile-dock button.bwp-mobile-dock__item {
display: flex;
position: relative;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 4px;
min-width: 0;
min-height: 52px;
margin: 0;
padding: 9px 2px 7px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: #7f9191 !important;
font-family: 'Hammersmith One', sans-serif;
font-size: 9.5px;
font-weight: 400;
line-height: 1;
text-align: center;
text-decoration: none;
text-transform: none;
letter-spacing: 0.15px;
-webkit-tap-highlight-color: transparent;
}
.bwp-mobile-dock__item::after {
content: '';
display: block;
position: absolute;
top: 4px;
width: 18px;
height: 2px;
border-radius: 99px;
background: transparent;
}
.bwp-mobile-dock__item.is-active {
color: #f7ffff !important;
}
.bwp-mobile-dock__item.is-active::after {
background: var(--bwp-community-accent);
box-shadow: 0 0 12px rgba(35, 211, 205, 0.68);
}
.bwp-mobile-dock__item:focus-visible,
.bwp-mobile-search-sheet button:focus-visible,
.bwp-mobile-search-sheet input:focus-visible {
outline: 2px solid var(--bwp-community-accent);
outline-offset: -2px;
}
.bwp-mobile-dock__icon {
width: 23px;
height: 23px;
flex: 0 0 auto;
}
.bwp-mobile-dock__create {
justify-content: flex-start;
padding-top: 0;
color: #eefafa !important;
}
.bwp-mobile-dock__create::after {
display: none;
}
.bwp-mobile-dock__create-orb {
display: grid;
place-items: center;
width: 52px;
height: 52px;
margin-top: -14px;
margin-bottom: 1px;
border: 4px solid #0a0e0e;
border-radius: 50%;
background: linear-gradient(145deg, #25ddd6 6%, #1db6c4 58%, #ff5c7a 135%);
box-shadow: 0 10px 24px rgba(15, 194, 191, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.12);
color: #071010;
}
.bwp-mobile-dock__create-orb .bwp-mobile-dock__icon {
width: 25px;
height: 25px;
stroke-width: 2.15;
}
.bwp-mobile-dock__profile .bwp-community-avatar--small {
width: 25px;
height: 25px;
font-size: 10px;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22);
}
.bwp-mobile-dock__profile.is-active .bwp-community-avatar--small {
box-shadow: 0 0 0 2px var(--bwp-community-accent);
}
.bwp-mobile-search-sheet:not([hidden]) {
display: flex;
position: fixed;
z-index: 99989;
inset: 0;
align-items: flex-end;
padding: 20px 12px calc(92px + env(safe-area-inset-bottom));
background: rgba(2, 5, 5, 0.68);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.bwp-mobile-search-sheet__form {
display: block;
position: relative;
width: min(100%, 540px);
margin: 0 auto;
padding: 17px;
border: 1px solid rgba(255, 255, 255, 0.11);
border-radius: 22px;
background: linear-gradient(145deg, #152020, #0d1313);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5);
}
.bwp-mobile-search-sheet__form > label {
display: block;
margin: 0 38px 11px 2px;
color: #f4fafa;
font-size: 16px;
font-weight: 700;
}
.bwp-mobile-search-sheet__field {
display: flex;
align-items: center;
gap: 10px;
height: 52px;
padding: 0 7px 0 14px;
border: 1px solid rgba(35, 211, 205, 0.22);
border-radius: 16px;
background: rgba(0, 0, 0, 0.26);
color: var(--bwp-community-muted);
}
.bwp-mobile-search-sheet__field input[type='search'] {
min-width: 0;
height: 48px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
color: #fff;
font-size: 12px;
}
.bwp-mobile-search-sheet__field button {
width: auto;
height: 38px;
margin: 0;
padding: 0 16px;
border: 0;
border-radius: 12px;
background: var(--bwp-community-accent);
color: #061111;
font-size: 10px;
font-weight: 800;
text-transform: none;
}
.bwp-mobile-search-sheet__close {
position: absolute;
top: 10px;
right: 10px;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.06);
color: #a9b8b8;
font-size: 24px;
line-height: 1;
}
.bwp-community-toast {
bottom: calc(92px + env(safe-area-inset-bottom));
}
}
@media (max-width: 700px) {
.bwp-community-shell,
.bwp-community-shell--single,
.bwp-community-shell--profile {
width: min(100% - 20px, 620px);
padding: 20px 0 32px;
}
body.bwp-community-page .content-wrapper {
padding-top: 18px;
padding-bottom: 18px;
}
.bwp-community-intro {
align-items: stretch;
flex-direction: column;
gap: 13px;
padding: 14px 15px;
border-radius: 16px;
}
.bwp-community-intro .bwp-community-primary {
width: 100%;
}
.bwp-community-hero {
align-items: start;
flex-direction: column;
padding: 26px 22px;
border-radius: 21px;
}
.bwp-community-hero h1,
.bwp-community-auth-head h1,
.bwp-community-upload-head h1 {
font-size: 34px;
}
.bwp-community-hero .bwp-community-primary {
width: 100%;
}
.bwp-community-feed-tabs {
position: sticky;
top: 58px;
z-index: 8;
backdrop-filter: blur(16px);
}
.bwp-community-card {
margin-bottom: 13px;
border-radius: 17px;
}
.bwp-community-card__header {
padding: 12px;
}
.bwp-community-card__image {
min-height: 0;
max-height: min(78vh, 720px);
}
.bwp-community-card__body {
padding: 11px 13px 15px;
}
.bwp-community-sidebar {
grid-template-columns: 1fr;
}
.bwp-community-single-grid {
gap: 13px;
}
.bwp-community-comments {
border-radius: 17px;
}
.bwp-community-profile-head {
grid-template-columns: 1fr;
justify-items: center;
padding: 25px 20px;
text-align: center;
}
.bwp-community-profile-stats {
justify-content: center;
}
.bwp-community-profile-actions {
width: 100%;
grid-template-columns: 1fr;
}
.bwp-community-avatar--large {
width: 94px;
height: 94px;
}
.bwp-community-profile-grid {
gap: 3px;
}
.bwp-community-auth-grid,
.bwp-community-account-grid {
grid-template-columns: 1fr;
}
.bwp-community-form-card {
padding: 21px;
}
.bwp-community-auth-card {
padding: 0;
}
.bwp-community-auth-toggle {
padding: 20px;
}
.bwp-community-auth-panel-inner {
padding: 0 20px 22px;
}
.bwp-community-auth-grid.is-ready .bwp-community-auth-card.is-open .bwp-community-auth-panel-inner {
padding-bottom: 22px;
}
.bwp-community-avatar-dialog {
padding: 20px 16px;
}
.bwp-community-avatar-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 9px;
}
.bwp-community-dropzone {
min-height: 430px;
}
.bwp-community-upload-fields {
padding: 20px;
}
}
@media (prefers-reduced-motion: reduce) {
.bwp-community-shell *,
.bwp-community-nav-item * {
scroll-behavior: auto !important;
transition: none !important;
animation: none !important;
}
} .bwp-community-shell--account {
width: min(1240px, calc(100% - 36px));
}
.bwp-community-account-hub {
display: grid;
grid-template-columns: 276px minmax(0, 1fr);
gap: 22px;
align-items: start;
}
.bwp-community-account-rail {
position: sticky;
top: 102px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .09);
border-radius: 24px;
background: linear-gradient(155deg, rgba(35, 211, 205, .055), transparent 31%), #0e1515;
box-shadow: 0 22px 62px rgba(0, 0, 0, .24);
}
.bwp-community-passport {
position: relative;
padding: 21px 18px 18px;
border-bottom: 1px solid rgba(255, 255, 255, .075);
}
.bwp-community-passport__spectrum {
position: absolute;
top: 0;
left: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
width: 100%;
height: 3px;
}
.bwp-community-passport__spectrum i:nth-child(1) { background: #23d3cd; }
.bwp-community-passport__spectrum i:nth-child(2) { background: #ffc857; }
.bwp-community-passport__spectrum i:nth-child(3) { background: #ff5c7a; }
.bwp-community-passport__spectrum i:nth-child(4) { background: #77e3aa; }
.bwp-community-passport__identity {
display: grid;
grid-template-columns: 62px minmax(0, 1fr);
gap: 13px;
align-items: center;
}
.bwp-community-passport__identity .bwp-community-avatar--large {
width: 62px;
height: 62px;
font-size: 22px;
box-shadow: 0 0 0 4px rgba(35, 211, 205, .055), 0 0 0 1px rgba(35, 211, 205, .3);
}
.bwp-community-passport__identity div { min-width: 0; }
.bwp-community-passport__identity span { display: block; margin-bottom: 5px; color: #5edfd6; font-size: 7px; font-weight: 850; letter-spacing: .15em; }
.bwp-community-passport__identity strong { display: block; overflow: hidden; color: #fff; font-size: 14px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.bwp-community-passport__identity small { display: block; overflow: hidden; margin-top: 3px; color: #7f9190; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.bwp-community-passport__status {
display: flex;
align-items: center;
gap: 7px;
margin-top: 15px;
color: #8fa09f;
font-size: 8px;
}
.bwp-community-passport__status > span {
width: 7px;
height: 7px;
border-radius: 50%;
background: #ffc857;
box-shadow: 0 0 0 4px rgba(255, 200, 87, .08);
}
.bwp-community-passport__status > span.is-verified { background: #77e3aa; box-shadow: 0 0 0 4px rgba(119, 227, 170, .08); }
.bwp-community-account-nav {
display: grid;
padding: 8px;
}
.bwp-community-account-nav button {
display: grid;
grid-template-columns: 35px minmax(0, 1fr) auto;
gap: 11px;
align-items: center;
width: 100%;
min-height: 58px;
margin: 0;
padding: 8px 10px;
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, .055);
border-radius: 10px;
background: transparent;
box-shadow: none;
color: #8fa09f;
font: inherit;
text-align: left;
cursor: pointer;
transition: background-color 160ms ease, color 160ms ease;
}
.bwp-community-account-nav button:last-child { border-bottom-color: transparent; }
.bwp-community-account-nav button:hover { background: rgba(255, 255, 255, .025); color: #dfe9e8; }
.bwp-community-account-nav button:focus-visible { outline: 2px solid rgba(35, 211, 205, .52); outline-offset: -2px; }
.bwp-community-account-nav button.is-active { border-bottom-color: transparent; background: linear-gradient(100deg, rgba(35, 211, 205, .13), rgba(35, 211, 205, .035)); color: #6fe9e0; }
.bwp-community-account-nav svg {
width: 18px;
height: 18px;
margin: auto;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.bwp-community-account-nav button > span { display: grid; gap: 3px; min-width: 0; }
.bwp-community-account-nav button strong { color: #dce7e6; font-size: 9px; line-height: 1.2; }
.bwp-community-account-nav button small { overflow: hidden; color: #667776; font-size: 7.5px; font-weight: 500; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.bwp-community-account-nav button.is-active strong { color: #fff; }
.bwp-community-account-nav button.is-active small { color: #86aaa7; }
.bwp-community-account-nav button > b { min-width: 23px; color: currentColor; font-size: 9px; text-align: right; }
.bwp-community-account-mobile-nav-slot {
position: sticky;
top: 12px;
z-index: 125;
display: block;
grid-column: 1 / -1;
min-width: 0;
height: 78px;
}
.bwp-community-account-mobile-nav {
position: relative;
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 7px;
width: 100%;
padding: 7px;
overflow: hidden;
border: 1px solid rgba(35, 211, 205, .2);
border-radius: 18px;
background: rgba(10, 18, 18, .95);
box-shadow: 0 16px 38px rgba(0, 0, 0, .34), 0 0 0 1px rgba(255, 255, 255, .025) inset;
backdrop-filter: blur(18px) saturate(135%);
}
.bwp-community-account-mobile-nav::before {
content: "";
position: absolute;
top: 0;
left: 18px;
right: 18px;
height: 2px;
border-radius: 0 0 3px 3px;
background: linear-gradient(90deg, #23d3cd 0 16.6%, #6ddfd6 16.6% 33.2%, #ffc857 33.2% 49.8%, #ff7990 49.8% 66.4%, #77e3aa 66.4% 83%, #c7a7ff 83%);
}
.bwp-community-account-mobile-nav button {
position: relative;
display: grid;
grid-template-columns: 34px minmax(0, 1fr) auto;
gap: 10px;
align-items: center;
min-width: 0;
min-height: 62px;
margin: 0;
padding: 8px 12px;
border: 1px solid transparent;
border-radius: 12px;
background: transparent;
box-shadow: none;
color: #718584;
font: inherit;
text-align: left;
cursor: pointer;
transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.bwp-community-account-mobile-nav button:hover {
background: rgba(255, 255, 255, .035);
color: #dce8e7;
}
.bwp-community-account-mobile-nav button.is-active {
border-color: rgba(35, 211, 205, .18);
background: linear-gradient(145deg, rgba(35, 211, 205, .16), rgba(35, 211, 205, .045));
color: #6fe9e0;
}
.bwp-community-account-mobile-nav button:focus-visible { outline: 2px solid rgba(35, 211, 205, .65); outline-offset: -2px; }
.bwp-community-account-mobile-nav svg { width: 19px; height: 19px; margin: auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.bwp-community-account-mobile-nav button > span { display: grid; gap: 3px; min-width: 0; }
.bwp-community-account-mobile-nav strong { overflow: hidden; color: #edf5f4; font-size: 9px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.bwp-community-account-mobile-nav small { overflow: hidden; color: #6f8281; font-size: 7px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.bwp-community-account-mobile-nav b { min-width: 22px; color: currentColor; font-size: 8px; text-align: right; }
.bwp-community-account-rail__actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
padding: 13px;
border-top: 1px solid rgba(255, 255, 255, .065);
}
.bwp-community-account-rail__actions .bwp-community-primary,
.bwp-community-account-rail__actions .bwp-community-secondary { min-height: 38px; padding: 0 10px; border-radius: 11px; font-size: 8px; }
.bwp-community-account-content {
display: grid;
min-width: 0;
gap: 22px;
}
.bwp-community-account-panel { min-width: 0; scroll-margin-top: 102px; }
.bwp-community-account-panel[hidden] { display: none !important; }
.bwp-community-account-panel.is-active { animation: bwp-account-panel-in 260ms cubic-bezier(.22, .7, .24, 1) both; }
@keyframes bwp-account-panel-in {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
.bwp-community-account-panel__card,
.bwp-community-account-panel[data-bwp-account-panel="profile"] {
padding: clamp(23px, 3.2vw, 34px);
border: 1px solid rgba(255, 255, 255, .09);
border-radius: 24px;
background: linear-gradient(130deg, rgba(35, 211, 205, .05), transparent 34%), #0f1616;
box-shadow: 0 22px 64px rgba(0, 0, 0, .22);
}
.bwp-community-account-panel__head {
display: flex;
align-items: start;
justify-content: space-between;
gap: 24px;
margin-bottom: 24px;
padding-bottom: 19px;
border-bottom: 1px solid rgba(255, 255, 255, .075);
}
.bwp-community-account-panel__head .bwp-community-eyebrow { margin: 0 0 7px; font-size: 8px; }
.bwp-community-account-panel__head h2 { margin: 0; color: #fff; font-size: clamp(25px, 3vw, 34px); line-height: 1.05; letter-spacing: -.035em; }
.bwp-community-account-panel__head p { max-width: 590px; margin: 7px 0 0; color: #8fa09f; font-size: 10.5px; line-height: 1.65; }
.bwp-community-account-panel__head > a,
.bwp-community-account-panel__head > button { flex: 0 0 auto; margin-top: 4px; padding: 10px 13px; border: 1px solid rgba(35, 211, 205, .23); border-radius: 11px; background: transparent; box-shadow: none; color: #68ded5 !important; font: inherit; font-size: 8px; font-weight: 800; cursor: pointer; }
.bwp-community-profile-stage {
display: grid;
grid-template-columns: 128px minmax(0, 1fr) 122px;
gap: clamp(20px, 3vw, 34px);
align-items: center;
min-height: 270px;
padding: clamp(23px, 3.5vw, 36px);
border: 1px solid rgba(35, 211, 205, .13);
border-radius: 20px;
background:
radial-gradient(circle at 15% 15%, rgba(35, 211, 205, .14), transparent 29%),
radial-gradient(circle at 92% 82%, rgba(255, 92, 122, .09), transparent 27%),
#0a1111;
}
.bwp-community-profile-stage__portrait { display: grid; justify-items: center; gap: 12px; }
.bwp-community-profile-stage__portrait .bwp-community-avatar--large { width: 118px; height: 118px; }
.bwp-community-profile-stage__portrait > small { color: #758685; font-size: 7.5px; }
.bwp-community-profile-stage__copy { min-width: 0; }
.bwp-community-profile-stage__name > span { color: #62ddd4; font-size: 8px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.bwp-community-profile-stage__name h3 { margin: 7px 0 2px; color: #fff; font-size: clamp(27px, 4vw, 42px); line-height: 1; letter-spacing: -.045em; }
.bwp-community-profile-stage__name p { margin: 0; color: #4fd1c5; font-size: 9px; }
.bwp-community-profile-stage__copy blockquote { max-width: 510px; margin: 20px 0 0; padding-left: 14px; border-left: 2px solid rgba(35, 211, 205, .45); color: #aab9b8; font-size: 11px; font-style: normal; line-height: 1.65; }
.bwp-community-profile-stage__website { display: inline-flex; margin-top: 14px; color: #67ded5 !important; font-size: 8.5px; font-weight: 700; }
.bwp-community-profile-stage__stats { display: grid; align-self: stretch; border-left: 1px solid rgba(255, 255, 255, .075); }
.bwp-community-profile-stage__stats div { display: grid; align-content: center; padding-left: 23px; border-bottom: 1px solid rgba(255, 255, 255, .065); }
.bwp-community-profile-stage__stats div:last-child { border-bottom: 0; }
.bwp-community-profile-stage__stats strong { color: #fff; font-size: 21px; line-height: 1; }
.bwp-community-profile-stage__stats span { margin-top: 4px; color: #718281; font-size: 7.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.bwp-community-account-panel .bwp-community-verify-box { margin: 17px 0 0; }
.bwp-community-profile-essentials { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 17px; }
.bwp-community-profile-essentials article { padding: 17px 18px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 15px; background: rgba(255, 255, 255, .02); }
.bwp-community-profile-essentials article > span { color: #6ddfd6; font-size: 7px; font-weight: 850; letter-spacing: .14em; }
.bwp-community-profile-essentials strong { display: block; margin-top: 6px; color: #e7efee; font-size: 12px; }
.bwp-community-profile-essentials p { margin: 6px 0 0; color: #778988; font-size: 8.5px; line-height: 1.55; }
.bwp-community-profile-essentials a { display: inline-flex; margin-top: 9px; color: #63dcd3 !important; font-size: 8px; font-weight: 800; }
.bwp-community-profile-gallery--account {
margin-top: 28px;
padding-top: 23px;
border-top: 1px solid rgba(255, 255, 255, .075);
}
.bwp-community-profile-gallery--account > header { align-items: center; }
.bwp-community-profile-gallery--account > header h2 { color: #f1f7f6; font-size: clamp(18px, 2vw, 23px); }
.bwp-community-profile-gallery--account .bwp-community-profile-grid { gap: 8px; }
.bwp-community-profile-gallery--account .bwp-community-profile-grid > a { border-radius: 13px; }
.bwp-community-profile-gallery--account .bwp-community-empty { grid-column: 1 / -1; min-height: 230px; }
.bwp-community-settings-form { max-width: 740px; }
.bwp-community-settings-form__avatar { display: flex; align-items: center; gap: 17px; margin-bottom: 3px; padding: 16px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 16px; background: rgba(255, 255, 255, .02); }
.bwp-community-settings-form__avatar .bwp-community-avatar--large { width: 78px; height: 78px; }
.bwp-community-settings-form__avatar strong { display: block; color: #e7efee; font-size: 11px; }
.bwp-community-settings-form__avatar .bwp-community-avatar-text-button { color: #63dcd3; }
.bwp-community-settings-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bwp-community-security-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.bwp-community-security-grid article { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; min-height: 150px; padding: 20px; border: 1px solid rgba(255, 255, 255, .075); border-radius: 17px; background: rgba(255, 255, 255, .022); }
.bwp-community-security-icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(35, 211, 205, .22); border-radius: 13px; background: rgba(35, 211, 205, .075); color: #63dcd3; font-size: 15px; }
.bwp-community-security-grid small { color: #5fd8cf; font-size: 7px; font-weight: 850; letter-spacing: .13em; }
.bwp-community-security-grid strong { display: block; margin-top: 6px; color: #e8f0ef; font-size: 12px; }
.bwp-community-security-grid p { margin: 7px 0 0; color: #7c8d8c; font-size: 8.5px; line-height: 1.55; overflow-wrap: anywhere; }
.bwp-community-security-grid a { display: inline-flex; margin-top: 10px; color: #63dcd3 !important; font-size: 8px; font-weight: 800; }
.bwp-community-signout-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 17px; padding: 18px 20px; border: 1px solid rgba(255, 92, 122, .13); border-radius: 16px; background: rgba(255, 92, 122, .035); }
.bwp-community-signout-row strong { color: #e8efee; font-size: 11px; }
.bwp-community-signout-row p { margin: 4px 0 0; color: #7e8e8d; font-size: 8.5px; }
@media (max-width: 1020px) {
.bwp-community-account-hub { grid-template-columns: 1fr; }
.bwp-community-account-rail { position: static; }
.bwp-community-passport { padding-bottom: 16px; }
.bwp-community-account-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.bwp-community-account-nav button { border: 1px solid rgba(255, 255, 255, .045); }
.bwp-community-account-rail__actions { max-width: 420px; }
}
@media (max-width: 720px) {
.bwp-community-shell--account { width: min(100% - 24px, 1240px); }
.bwp-community-account-rail .bwp-community-account-nav { display: none; }
.bwp-community-account-mobile-nav-slot {
position: relative;
top: auto;
display: block;
min-width: 0;
height: 74px;
}
.bwp-community-account-mobile-nav {
position: relative;
z-index: 110;
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 4px;
width: 100%;
padding: 7px;
overflow: hidden;
border: 1px solid rgba(35, 211, 205, .22);
border-radius: 17px;
background: rgba(10, 18, 18, .94);
box-shadow: 0 14px 34px rgba(0, 0, 0, .38), 0 0 0 1px rgba(255, 255, 255, .025) inset;
backdrop-filter: blur(18px) saturate(135%);
}
.bwp-community-account-mobile-nav.is-docked {
position: fixed;
top: calc(8px + var(--wp-admin--admin-bar--height, 0px));
left: 12px;
right: 12px;
width: auto;
}
.bwp-community-account-mobile-nav::before {
content: "";
position: absolute;
top: 0;
left: 15px;
right: 15px;
height: 2px;
border-radius: 0 0 3px 3px;
background: linear-gradient(90deg, #23d3cd 0 16.6%, #6ddfd6 16.6% 33.2%, #ffc857 33.2% 49.8%, #ff7990 49.8% 66.4%, #77e3aa 66.4% 83%, #c7a7ff 83%);
}
.bwp-community-account-mobile-nav button {
position: relative;
display: grid;
grid-template-columns: 1fr;
place-items: center;
align-content: center;
gap: 5px;
min-width: 0;
min-height: 58px;
margin: 0;
padding: 7px 2px 5px;
border: 1px solid transparent;
border-radius: 11px;
background: transparent;
box-shadow: none;
color: #718584;
font: inherit;
text-align: center;
cursor: pointer;
transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}
.bwp-community-account-mobile-nav button.is-active {
border-color: rgba(35, 211, 205, .18);
background: linear-gradient(145deg, rgba(35, 211, 205, .16), rgba(35, 211, 205, .045));
color: #6fe9e0;
}
.bwp-community-account-mobile-nav button:focus-visible { outline: 2px solid rgba(35, 211, 205, .65); outline-offset: -2px; }
.bwp-community-account-mobile-nav svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.bwp-community-account-mobile-nav strong {
display: block;
max-width: 100%;
overflow: hidden;
color: currentColor;
font-size: clamp(6.6px, 2vw, 7.5px);
font-weight: 800;
line-height: 1;
text-overflow: ellipsis;
white-space: nowrap;
}
.bwp-community-account-mobile-nav small { display: none; }
.bwp-community-account-mobile-nav b {
position: absolute;
top: 5px;
right: 6px;
display: grid;
place-items: center;
min-width: 15px;
height: 15px;
padding: 0 3px;
border-radius: 8px;
background: rgba(35, 211, 205, .13);
color: #8ff1e9;
font-size: 6px;
}
.bwp-community-account-panel { scroll-margin-top: calc(88px + var(--wp-admin--admin-bar--height, 0px)); }
.bwp-community-account-panel__head { display: grid; }
.bwp-community-account-panel__head > a { justify-self: start; }
.bwp-community-profile-stage { grid-template-columns: 1fr; justify-items: center; text-align: center; }
.bwp-community-profile-stage__copy blockquote { padding: 0; border-left: 0; }
.bwp-community-profile-stage__stats { grid-template-columns: repeat(3, 1fr); width: 100%; border-top: 1px solid rgba(255, 255, 255, .075); border-left: 0; }
.bwp-community-profile-stage__stats div { min-height: 72px; padding: 15px 8px 0; border-right: 1px solid rgba(255, 255, 255, .065); border-bottom: 0; }
.bwp-community-profile-stage__stats div:last-child { border-right: 0; }
.bwp-community-profile-essentials,
.bwp-community-security-grid { grid-template-columns: 1fr; }
.bwp-community-settings-form__row { grid-template-columns: 1fr; }
}
@media (max-width: 500px) {
.bwp-community-account-hub { gap: 14px; }
.bwp-community-account-rail,
.bwp-community-account-panel__card,
.bwp-community-account-panel[data-bwp-account-panel="profile"] { border-radius: 19px; }
.bwp-community-account-nav { grid-template-columns: 1fr; }
.bwp-community-account-nav button { min-height: 54px; }
.bwp-community-account-rail__actions { max-width: none; }
.bwp-community-profile-stage { min-height: 0; padding: 24px 18px; }
.bwp-community-profile-stage__portrait .bwp-community-avatar--large { width: 105px; height: 105px; }
.bwp-community-profile-essentials { grid-template-columns: 1fr; }
.bwp-community-security-grid article { min-height: 0; padding: 17px; }
.bwp-community-signout-row { align-items: start; flex-direction: column; }
.bwp-community-signout-row form,
.bwp-community-signout-row button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.bwp-community-account-panel.is-active { animation: none; }
} .bwp-community-shell--account .bwp-community-account-mobile-nav-slot {
height: auto;
}
.bwp-community-shell--account .bwp-community-account-mobile-nav button {
min-height: 72px;
padding: 10px 12px;
}
.bwp-community-shell--account .bwp-community-account-mobile-nav strong {
font-size: 13px;
line-height: 1.2;
}
.bwp-community-shell--account .bwp-community-account-mobile-nav small {
font-size: 10px;
line-height: 1.35;
}
.bwp-community-shell--account .bwp-community-account-mobile-nav b {
font-size: 11px;
}
.bwp-community-shell--account .bwp-community-passport__identity span,
.bwp-community-shell--account .bwp-community-passport__status {
font-size: 10px;
}
.bwp-community-shell--account .bwp-community-passport__identity strong {
font-size: 16px;
}
.bwp-community-shell--account .bwp-community-passport__identity small {
font-size: 12px;
}
.bwp-community-shell--account .bwp-community-account-rail__actions .bwp-community-primary,
.bwp-community-shell--account .bwp-community-account-rail__actions .bwp-community-secondary {
min-height: 42px;
font-size: 12px;
}
.bwp-community-shell--account .bwp-community-account-panel__head .bwp-community-eyebrow,
.bwp-community-shell--account .bwp-community-profile-stage__name > span,
.bwp-community-shell--account .bwp-community-profile-essentials article > span,
.bwp-community-shell--account .bwp-community-security-grid small {
font-size: 10px;
}
.bwp-community-shell--account .bwp-community-account-panel__head p {
font-size: 14px;
}
.bwp-community-shell--account .bwp-community-account-panel__head > a,
.bwp-community-shell--account .bwp-community-account-panel__head > button {
min-height: 42px;
font-size: 12px;
}
.bwp-community-shell--account .bwp-community-profile-stage__name p,
.bwp-community-shell--account .bwp-community-profile-stage__website,
.bwp-community-shell--account .bwp-community-profile-stage__stats span,
.bwp-community-shell--account .bwp-community-profile-stage__portrait > small {
font-size: 11px;
}
.bwp-community-shell--account .bwp-community-profile-stage__copy blockquote {
font-size: 14px;
}
.bwp-community-shell--account .bwp-community-profile-essentials strong,
.bwp-community-shell--account .bwp-community-security-grid strong,
.bwp-community-shell--account .bwp-community-signout-row strong {
font-size: 14px;
}
.bwp-community-shell--account .bwp-community-profile-essentials p,
.bwp-community-shell--account .bwp-community-security-grid p,
.bwp-community-shell--account .bwp-community-signout-row p {
font-size: 12px;
}
.bwp-community-shell--account .bwp-community-profile-essentials a,
.bwp-community-shell--account .bwp-community-security-grid a {
font-size: 12px;
}
@media (max-width: 720px) {
.bwp-community-shell--account .bwp-community-account-mobile-nav-slot {
min-height: 76px;
}
.bwp-community-shell--account .bwp-community-account-mobile-nav button {
min-height: 60px;
padding: 7px 2px 6px;
}
.bwp-community-shell--account .bwp-community-account-mobile-nav strong {
font-size: clamp(8.5px, 2.45vw, 10px);
}
.bwp-community-shell--account .bwp-community-account-mobile-nav b {
font-size: 8px;
}
} @media (min-width: 1025px) {
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li > a.menu-link {
height: 28px !important;
min-height: 28px !important;
padding-right: 12px !important;
padding-left: 12px !important;
font-size: 10px !important;
}
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-app-download-menu--desktop {
margin-left: 7px !important;
}
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-app-download-menu--desktop > a.menu-link {
border-color: rgba(35, 211, 205, .22) !important;
background: rgba(0, 0, 0, .22) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
color: #23d3cd !important;
}
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-app-download-menu--desktop > a.menu-link .menu-item-inner,
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-app-download-menu--desktop > a.menu-link .menu-item-text-container {
color: #23d3cd !important;
}
html body #site-navigation-primary-desktop-left .lumina-left-menu > li.bwp-app-download-menu--desktop > a.menu-link,
html body #site-navigation-primary-desktop-left .lumina-left-menu > li.bwp-app-download-menu--desktop > a.menu-link .menu-item-inner,
html body #site-navigation-primary-desktop-left .lumina-left-menu > li.bwp-app-download-menu--desktop > a.menu-link .menu-item-text-container {
color: #23d3cd !important;
}
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-app-download-menu--desktop > a.menu-link::before,
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-app-download-menu--desktop > a.menu-link::after,
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-app-download-menu--desktop .menu-item-text-container::before {
content: none !important;
display: none !important;
}
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-app-download-menu--desktop > a.menu-link:hover,
html body .lumina-hybrid-layout .lumina-menu.lumina-left-menu > li.bwp-app-download-menu--desktop > a.menu-link:focus-visible {
border-color: rgba(35, 211, 205, .48) !important;
background: rgba(0, 0, 0, .34) !important;
color: #65ebe4 !important;
}
html body #navbar-container.lumina-hybrid-layout #navbar-left.lumina-navbar-left .logo-img,
#site-navigation-primary-desktop .logo-img,
#site-navigation-primary-desktop-left .logo-img,
.lumina-hybrid-layout .logo-img {
width: 67px !important;
height: 51px !important;
max-height: 51px !important;
object-fit: contain !important;
}
html body #navbar-container.lumina-hybrid-layout #navbar-left.lumina-navbar-left > .logo-container {
margin-right: 10px !important;
}
html body .lumina-middle-menu li.hot > a .menu-item-text-container {
position: relative !important;
}
html body .lumina-middle-menu li.hot > a .menu-item-text-container::before {
top: -15.3px !important;
right: -13.3px !important;
bottom: auto !important;
left: auto !important;
width: 13px !important;
height: 15px !important;
margin: 0 !important;
transform: none !important;
}
html body .lumina-right-menu .cart-menu-item .product-count {
top: -3px !important;
right: -3px !important;
bottom: auto !important;
left: auto !important;
box-sizing: border-box !important;
width: 14px !important;
min-width: 14px !important;
height: 14px !important;
margin: 0 !important;
padding: 0 !important;
border-width: 1px !important;
font-size: 8px !important;
line-height: 1 !important;
}
html body .lumina-right-menu .cart-menu-panel {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
html body .lumina-right-menu .cart-menu-item-container:focus-within .cart-menu-panel {
display: none !important;
}
html body .lumina-right-menu .cart-menu-panel-link {
display: grid !important;
grid-template-columns: 32px minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
column-gap: 9px !important;
row-gap: 2px !important;
align-items: center !important;
box-sizing: border-box !important;
width: 100% !important;
height: auto !important;
min-height: 58px !important;
padding: 8px !important;
border: 1px solid transparent !important;
border-radius: 10px !important;
background: rgba(255, 255, 255, .018) !important;
color: #dce7e5 !important;
font-size: 10px !important;
line-height: 1.25 !important;
text-align: left !important;
transition: border-color .18s ease, background-color .18s ease !important;
}
html body .lumina-right-menu .cart-menu-panel-link:hover,
html body .lumina-right-menu .cart-menu-panel-link:focus-visible {
border-color: rgba(35, 211, 205, .18) !important;
background: rgba(35, 211, 205, .06) !important;
}
html body .lumina-right-menu .cart-menu-panel .icon-cart {
display: grid !important;
grid-column: 1 !important;
grid-row: 1 / 3 !important;
place-items: center !important;
width: 32px !important;
height: 32px !important;
margin: 0 !important;
border: 1px solid rgba(35, 211, 205, .22) !important;
border-radius: 9px !important;
background: rgba(35, 211, 205, .08) !important;
color: #23d3cd !important;
font-size: 14px !important;
line-height: 1 !important;
}
html body .lumina-right-menu .cart-menu-panel .icon-cart::before {
display: block !important;
position: static !important;
width: 14px !important;
height: 14px !important;
margin: 0 !important;
font-size: 14px !important;
line-height: 1 !important;
transform: none !important;
}
html body .lumina-right-menu .cart-menu-panel-link .panel-product-count {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
align-self: end !important;
color: #f3f8f7 !important;
font-size: 10px !important;
font-weight: 750 !important;
line-height: 1.2 !important;
}
html body .lumina-right-menu .cart-menu-panel-link br {
display: none !important;
}
html body .lumina-right-menu .cart-menu-panel-link .panel-total {
display: block !important;
grid-column: 2 !important;
grid-row: 2 !important;
align-self: start !important;
color: #829794 !important;
font-size: 8.5px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
}
html body .lumina-right-menu .cart-menu-panel-link .panel-total .woocommerce-Price-amount {
color: #b9cbc8 !important;
font-size: 9px !important;
font-weight: 700 !important;
}
} .bwp-community-account-mobile-nav {
grid-template-columns: repeat(8, minmax(105px, 1fr));
overflow-x: auto;
scrollbar-width: none;
}
.bwp-community-account-mobile-nav::-webkit-scrollbar { display: none; }
.bwp-community-account-mobile-nav::before {
background: linear-gradient(90deg, #23d3cd 0 12.5%, #6ddfd6 12.5% 25%, #ffc857 25% 37.5%, #ff7990 37.5% 50%, #77e3aa 50% 62.5%, #c7a7ff 62.5% 75%, #dca764 75% 87.5%, #c5d4da 87.5%);
}
@media (max-width: 720px) {
.bwp-community-account-mobile-nav {
grid-template-columns: repeat(8, minmax(64px, 1fr));
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x proximity;
}
.bwp-community-account-mobile-nav button { scroll-snap-align: start; }
}