: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-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;
}
.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;
}
.bwp-community-shell,
.bwp-community-shell * {
box-sizing: border-box;
}
.bwp-community-shell {
width: min(1180px, calc(100% - 36px));
min-height: 70vh;
margin: 0 auto;
padding: 126px 0 70px;
color: var(--bwp-community-ink);
}
.bwp-community-shell a {
color: inherit;
}
.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;
min-height: 320px;
background: #050707;
}
.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%;
max-height: 780px;
object-fit: contain;
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 h1 {
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 h1 {
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-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,
.bwp-community-account-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
max-width: 950px;
margin: 0 auto;
}
.bwp-community-account-grid {
grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
}
.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-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-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-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: 95px;
}
.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: 700px) {
.bwp-community-discover,
.bwp-community-account-menu {
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: 11px;
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-shell,
.bwp-community-shell--single,
.bwp-community-shell--profile {
width: min(100% - 20px, 620px);
padding: 80px 0 46px;
}
.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: 260px;
}
.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-dropzone {
min-height: 430px;
}
.bwp-community-upload-fields {
padding: 20px;
}
.bwp-community-toast {
bottom: calc(92px + env(safe-area-inset-bottom));
}
}
@media (prefers-reduced-motion: reduce) {
.bwp-community-shell *,
.bwp-community-nav-item * {
scroll-behavior: auto !important;
transition: none !important;
animation: none !important;
}
}:root {
--bwp-live-accent: #4fd1c5;
--bwp-live-dark: #0a0a0a;
--bwp-live-panel: #222;
} .bwp-live-menu--icon > a { display:flex!important; align-items:center; justify-content:center; }
.bwp-live-menu--icon > a.bwp-live-icon-btn { width:38px; height:38px; padding:0!important; color:#fff; line-height:0!important; }
.bwp-live-menu--icon > a .bwp-live-menu-icon { display:block; width:22px!important; height:22px!important; color:inherit; transform:none; transition:color .22s ease,transform .22s ease; }
.bwp-live-menu--icon > a .bwp-live-menu-icon svg { display:block; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; overflow:visible; }
.bwp-live-menu-frame { fill:none; stroke:currentColor; stroke-width:2; }
.bwp-live-menu-play { fill:currentColor; transform-box:fill-box; transform-origin:center; animation:bwp-live-menu-breathe 2.8s ease-in-out infinite; }
.bwp-live-icon-btn:hover .bwp-live-menu-icon,.bwp-live-icon-btn:focus-visible .bwp-live-menu-icon { color:var(--bwp-live-accent); transform:translateY(-1px); }
.bwp-live-menu--text .bwp-live-dot { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--bwp-live-accent); box-shadow:0 0 0 4px rgba(79,209,197,.12); }
@media (min-width:1281px) { .bwp-live-menu--text { display:none!important; } }
@media (max-width:1280px) { .bwp-live-menu--icon { display:none!important; } }
@keyframes bwp-live-menu-breathe { 0%,100% { transform:scale(1); opacity:1; } 50% { transform:scale(.86); opacity:.72; } } .bwp-media-switcher { position:relative; display:block; width:132px; max-width:100%; font-family:inherit; transition:width .2s ease; }
.bwp-media-switcher[data-value="default"] { width:142px; }
.bwp-media-switcher[data-value="live"] { width:88px; }
.bwp-media-switcher[data-value="photo"] { width:104px; }
.bwp-media-switcher[data-value="desktop"] { width:118px; }
.bwp-media-switcher--search { position:absolute; z-index:30; top:50%; right:111px; height:40px; margin:0; transform:translateY(-50%); }
.bwp-media-switcher__trigger { appearance:none; -webkit-appearance:none; display:flex!important; align-items:center; justify-content:space-between; gap:6px; width:100%!important; min-width:0!important; max-width:100%; height:40px; margin:0!important; padding:0 10px 0 14px; border:1px solid rgba(255,255,255,.24); border-radius:999px; color:#fff!important; background:linear-gradient(135deg,rgba(30,42,43,.78),rgba(34,45,46,.58))!important; -webkit-backdrop-filter:blur(12px) saturate(135%); backdrop-filter:blur(12px) saturate(135%); font-family:inherit!important; font-size:15px!important; font-weight:400!important; line-height:40px!important; letter-spacing:normal!important; text-align:left; text-shadow:0 1px 2px rgba(0,0,0,.32); cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 16px rgba(4,16,16,.16); transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.bwp-media-switcher__trigger svg { flex:0 0 18px; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; }
.bwp-media-switcher.is-open .bwp-media-switcher__trigger svg { transform:rotate(180deg); }
.bwp-media-switcher__trigger:hover,.bwp-media-switcher__trigger:focus-visible,.bwp-media-switcher.is-open .bwp-media-switcher__trigger { border-color:rgba(114,233,223,.7); outline:none; background:linear-gradient(135deg,rgba(27,49,49,.9),rgba(34,52,52,.72))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 3px rgba(79,209,197,.16),0 8px 22px rgba(4,16,16,.22); }
.bwp-media-switcher__options { position:absolute; top:calc(100% + 8px); right:0; display:grid; width:100%; min-width:132px; padding:6px; border:1px solid rgba(255,255,255,.18); border-radius:16px; background:rgba(22,31,32,.94); -webkit-backdrop-filter:blur(16px) saturate(140%); backdrop-filter:blur(16px) saturate(140%); box-shadow:0 16px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.1); overflow:hidden; }
.bwp-media-switcher__options[hidden] { display:none!important; }
.bwp-media-switcher__option { appearance:none; -webkit-appearance:none; display:block; width:100%; height:36px; margin:0; padding:0 10px; border:0; border-radius:10px; color:rgba(255,255,255,.84); background:transparent; font-family:inherit; font-size:14px; font-weight:400; line-height:36px; text-align:left; cursor:pointer; transition:color .16s ease,background .16s ease; }
.bwp-media-switcher__option:hover,.bwp-media-switcher__option:focus-visible { color:#fff; background:rgba(255,255,255,.1); outline:none; }
.bwp-media-switcher__option[aria-selected="true"] { color:#071918; background:var(--bwp-live-accent); font-weight:700; }
body.is-photos .gaia-search-form.bwp-live-search-has-switcher input.search-field { padding-right:248px!important; } .bwp-live-photo-archive .content-area,
.bwp-live-photo-archive .site-content,
.bwp-live-photo-archive .site-main { width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; }
.bwp-live-archive-content { padding-top:0!important; background:#1a1a1a; }
.bwp-live-archive-search { width:min(1140px,calc(100% - 40px)); margin:0 auto!important; text-align:center; }
.bwp-live-archive-search .gaia-search-form { position:relative; width:min(760px,100%); margin:0 auto!important; }
.bwp-live-archive-search .popular-photo-tags-title { display:block; margin-top:18px; }
.bwp-live-term-description { width:min(860px,calc(100% - 40px)); margin:0 auto 24px; color:#aab1b3; text-align:center; }
.bwp-live-photo-grid { display:block!important; width:auto!important; margin:0!important; padding:0!important; min-height:300px; overflow:hidden; }
.bwp-live-photo-grid::before,.bwp-live-photo-grid::after { display:none!important; content:none!important; }
.bwp-live-photo-grid > figure.bwp-live-card { display:block; }
.bwp-live-photo-archive .bwp-live-archive-content > nav.navigation { position:absolute!important; width:1px!important; height:1px!important; margin:0!important; padding:0!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; pointer-events:none!important; }
.bwp-live-pagination { padding:35px 20px 55px; text-align:center; background:#1a1a1a; }
.bwp-live-empty { width:min(900px,calc(100% - 32px)); margin:25px auto 70px; padding:60px 24px; border:1px dashed rgba(79,209,197,.28); border-radius:14px; text-align:center; color:#aab1b3; background:rgba(0,0,0,.18); }
.bwp-live-empty__icon { display:grid; width:62px; height:62px; margin:0 auto 16px; place-items:center; border-radius:50%; color:var(--bwp-live-accent); background:rgba(79,209,197,.1); }
.bwp-live-empty h2 { color:#fff; } figure.bwp-live-card { position:relative; overflow:hidden; min-width:0; background:#111; content-visibility:auto; contain-intrinsic-size:197px 350px; }
figure.bwp-live-card > .permalink { z-index:3; }
figure.bwp-live-card > .bwp-live-card__poster,
figure.bwp-live-card > .bwp-live-card__preview { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
figure.bwp-live-card > .bwp-live-card__poster { z-index:1; transform:scale(1.002); transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .2s ease; }
figure.bwp-live-card > .bwp-live-card__preview { z-index:2; opacity:0; background:#080808; pointer-events:none; transition:opacity .2s ease; }
figure.bwp-live-card > .bwp-live-card__preview.is-playing { opacity:1; }
figure.bwp-live-card:hover > .bwp-live-card__poster { transform:scale(1.035); }
figure.bwp-live-card .photo-item-meta-container { z-index:5; }
figure.bwp-live-card .css-emoji-render::before { content:attr(data-emoji); }
figure.bwp-live-card .bwp-live-badge { z-index:5; }
.bwp-live-card--mixed { content-visibility:visible!important; contain-intrinsic-size:none!important; }
.bwp-live-badge { position:absolute; z-index:5; top:10px; left:10px; display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:4px 11px 4px 5px; border:1px solid rgba(255,255,255,.24); border-radius:999px; color:#fff; background:rgba(6,16,16,.82); box-shadow:0 5px 18px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.11); -webkit-backdrop-filter:blur(9px) saturate(130%); backdrop-filter:blur(9px) saturate(130%); box-sizing:border-box; font-size:11px; font-weight:800; line-height:1; letter-spacing:.045em; text-transform:uppercase; }
.bwp-live-badge__play { position:relative; flex:0 0 22px; width:22px; height:22px; border:0; border-radius:50%; background:var(--bwp-live-accent); box-shadow:0 2px 8px rgba(0,0,0,.28); box-sizing:border-box; }
.bwp-live-badge__play::after { position:absolute; top:5px; left:8px; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:8px solid #08201e; content:""; }
.bwp-live-card__play-meta { pointer-events:none; } body.bwp-live-photo-single { background-color:var(--bwp-live-dark)!important; color:#fff!important; font-family:"Sora",ui-sans-serif,system-ui,sans-serif!important; }
body.bwp-live-photo-single #primary,
body.bwp-live-photo-single #content,
body.bwp-live-photo-single .site-content,
body.bwp-live-photo-single .content-area,
body.bwp-live-photo-single .site-main,
body.bwp-live-photo-single .content-inner,
body.bwp-live-photo-single .content-wrapper { width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-sizing:border-box!important; }
.bwp-live-single-parity { position:relative; overflow:hidden; }
.bwp-live-single-gallery { isolation:isolate; }
.bwp-live-player-frame { transform:none!important; transition:border-color .25s ease,box-shadow .25s ease!important; }
.bwp-live-player-frame:hover { border-color:rgba(79,209,197,.38); box-shadow:0 0 55px rgba(0,0,0,.82),0 0 0 1px rgba(79,209,197,.12)!important; }
.bwp-live-main-video { display:block; background:#050505; }
.bwp-live-main-video:fullscreen,.bwp-live-player-frame:fullscreen .bwp-live-main-video { width:100vw!important; height:100vh!important; max-width:100vw!important; max-height:100vh!important; object-fit:contain!important; background:#000!important; }
.bwp-live-main-video:-webkit-full-screen,.bwp-live-player-frame:-webkit-full-screen .bwp-live-main-video { width:100vw!important; height:100vh!important; max-width:100vw!important; max-height:100vh!important; object-fit:contain!important; background:#000!important; }
.bwp-live-badge--player { top:16px; left:16px; min-height:36px; padding:5px 12px 5px 6px; gap:8px; font-size:12px; pointer-events:none; }
.bwp-live-badge--player .bwp-live-badge__play { flex-basis:26px; width:26px; height:26px; }
.bwp-live-badge--player .bwp-live-badge__play::after { top:6px; left:10px; border-top-width:7px; border-bottom-width:7px; border-left-width:9px; }
.accent-gradient-top { border-top:2px solid; border-image:linear-gradient(to right,#4fd1c5,#2d3748) 1; }
@keyframes bwp-live-fade-in-up { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }
body.bwp-live-photo-single .animate-fade-in-up { animation:bwp-live-fade-in-up .8s ease-out forwards; opacity:0; }
body.bwp-live-photo-single .delay-200 { animation-delay:200ms; }
body.bwp-live-photo-single .delay-300 { animation-delay:300ms; }
body.bwp-live-photo-single .delay-400 { animation-delay:400ms; }
body.bwp-live-photo-single .delay-500 { animation-delay:500ms; }
@keyframes bwp-live-pulse-glow { 0% { box-shadow:0 0 0 0 rgba(79,209,197,.4); } 70% { box-shadow:0 0 15px 10px rgba(79,209,197,0); } 100% { box-shadow:0 0 0 0 rgba(79,209,197,0); } }
.bwp-live-photo-single .btn-glow { animation:bwp-live-pulse-glow 2s infinite; transition:all .3s ease; }
.bwp-live-photo-single .btn-glow:hover { box-shadow:0 0 20px 5px rgba(79,209,197,.6); transform:translateY(-2px); }
.bwp-live-quality-badge { display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:20px; padding:0 7px; border:2px solid rgba(255,255,255,.2); border-radius:999px; color:#0a0a0a; background:#4fd1c5; box-shadow:0 0 6px rgba(0,0,0,.4); font-size:7px; font-weight:900; }
.bwp-follow-socials { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; width:100%; }
.bwp-follow-social { display:flex!important; align-items:center; justify-content:center; width:54px; height:54px; border-radius:9999px; color:#2d3748!important; background:#f1f5f9; text-decoration:none!important; transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.bwp-follow-social__icon { display:block; width:31px; height:31px; transition:filter .25s ease,transform .25s ease; }
.bwp-follow-social:hover,.bwp-follow-social:focus-visible { color:#fff!important; background:#4fd1c5; box-shadow:0 0 15px rgba(79,209,197,.6); transform:translateY(-3px); outline:none; }
.bwp-follow-social:hover .bwp-follow-social__icon,.bwp-follow-social:focus-visible .bwp-follow-social__icon { filter:brightness(0) invert(1); transform:scale(1.04); }
.bwp-live-related-photo { position:relative; }
.bwp-live-related-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.bwp-live-single-tags a { text-decoration:none!important; }
#bwp-live-particles { position:absolute; inset:0; z-index:-10; width:100%; height:100%; pointer-events:none; }
@media (max-width:860px) {
.bwp-media-switcher--search { right:102px; height:38px; }
.bwp-media-switcher[data-value="default"] { width:138px; }
.bwp-media-switcher[data-value="live"] { width:84px; }
.bwp-media-switcher[data-value="photo"] { width:100px; }
.bwp-media-switcher[data-value="desktop"] { width:114px; }
.bwp-media-switcher__trigger { height:38px; padding:0 9px 0 12px; font-size:15px!important; line-height:38px!important; }
body.is-photos .gaia-search-form.bwp-live-search-has-switcher input.search-field { padding-right:222px!important; }
}
@media (max-width:760px) {
.bwp-live-archive-search { width:calc(100% - 24px); }
.bwp-live-badge--player { top:12px; left:12px; min-height:33px; padding:5px 10px 5px 5px; font-size:11px; }
.bwp-live-badge--player .bwp-live-badge__play { flex-basis:24px; width:24px; height:24px; }
.bwp-live-badge--player .bwp-live-badge__play::after { top:6px; left:9px; border-top-width:6px; border-bottom-width:6px; border-left-width:8px; }
.bwp-live-badge:not(.bwp-live-badge--player) { top:7px; left:7px; gap:5px; min-height:25px; padding:4px 8px 4px 4px; font-size:10px; }
.bwp-live-badge:not(.bwp-live-badge--player) .bwp-live-badge__play { flex-basis:20px; width:20px; height:20px; }
.bwp-live-badge:not(.bwp-live-badge--player) .bwp-live-badge__play::after { top:5px; left:7px; border-top-width:5px; border-bottom-width:5px; border-left-width:7px; }
}
@media (min-width:768px) {
.bwp-follow-socials { gap:16px; }
.bwp-follow-social { width:80px; height:80px; }
.bwp-follow-social__icon { width:46px; height:46px; }
}
@media (max-width:380px) {
.bwp-follow-socials { gap:10px; }
.bwp-follow-social { width:50px; height:50px; }
.bwp-follow-social__icon { width:29px; height:29px; }
}
@media (max-width:600px) {
.bwp-media-switcher--search { right:94px; height:36px; }
.bwp-media-switcher[data-value="default"] { width:128px; }
.bwp-media-switcher[data-value="live"] { width:76px; }
.bwp-media-switcher[data-value="photo"] { width:94px; }
.bwp-media-switcher[data-value="desktop"] { width:108px; }
.bwp-media-switcher__trigger { height:36px; padding:0 8px 0 10px; font-size:14px!important; line-height:36px!important; }
.bwp-media-switcher__trigger svg { flex-basis:16px; width:16px; height:16px; }
.bwp-media-switcher__options { top:calc(100% + 6px); right:-2px; min-width:124px; border-radius:14px; }
body.is-photos .gaia-search-form.bwp-live-search-has-switcher input.search-field { padding-right:205px!important; }
}
@media (prefers-reduced-motion:reduce) {
.bwp-live-menu-play,.bwp-live-photo-single .btn-glow,body.bwp-live-photo-single .animate-fade-in-up { animation:none!important; opacity:1!important; }
.bwp-live-card__poster,.bwp-live-card__preview { transition:none!important; }
.bwp-follow-social,.bwp-follow-social__icon { transition:none!important; }
.bwp-follow-social:hover,.bwp-follow-social:focus-visible { transform:none!important; }
}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } *,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.right-6{right:1.5rem}.top-0{top:0}.top-6{top:1.5rem}.-z-10{z-index:-10}.z-\[1000000\]{z-index:1000000}.z-\[999999\]{z-index:999999}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-\[15px\]{margin-top:15px;margin-bottom:15px}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[15px\]{margin-bottom:15px}.mt-6{margin-top:1.5rem}.mt-\[15px\]{margin-top:15px}.mt-\[25px\]{margin-top:25px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-square{aspect-ratio:1/1}.h-12{height:3rem}.h-16{height:4rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-auto{height:auto}.h-full{height:100%}.max-h-full{max-height:100%}.w-12{width:3rem}.w-16{width:4rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[28\%\]{width:28%}.w-full{width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.bg-\[\#222222\]{--tw-bg-opacity:1;background-color:rgb(34 34 34/var(--tw-bg-opacity,1))}.bg-\[\#4fd1c5\]{--tw-bg-opacity:1;background-color:rgb(79 209 197/var(--tw-bg-opacity,1))}.bg-black\/95{background-color:rgba(0,0,0,.95)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-10{padding:2.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-black{font-weight:900}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-\[0\.2em\]{letter-spacing:.2em}.text-\[\#0a0a0a\]{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.text-\[\#2d3748\]{--tw-text-opacity:1;color:rgb(45 55 72/var(--tw-text-opacity,1))}.text-\[\#4fd1c5\]{--tw-text-opacity:1;color:rgb(79 209 197/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.opacity-40{opacity:.4}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_0_50px_rgba\(0\2c 0\2c 0\2c 0\.8\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_50px_rgba\(0\2c 0\2c 0\2c 0\.8\)\]{--tw-shadow:0 0 50px rgba(0,0,0,.8);--tw-shadow-colored:0 0 50px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.blur-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-md{--tw-blur:blur(12px)}.blur-sm{--tw-blur:blur(4px)}.blur-sm,.drop-shadow-xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.hover\:bg-\[\#38b2ac\]:hover{--tw-bg-opacity:1;background-color:rgb(56 178 172/var(--tw-bg-opacity,1))}.hover\:bg-\[\#4fd1c5\]:hover{--tw-bg-opacity:1;background-color:rgb(79 209 197/var(--tw-bg-opacity,1))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.hover\:\!text-gray-300:hover{--tw-text-opacity:1!important;color:rgb(209 213 219/var(--tw-text-opacity,1))!important}.hover\:text-\[\#38b2ac\]:hover{--tw-text-opacity:1;color:rgb(56 178 172/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_15px_rgba\(79\2c 209\2c 197\2c 0\.5\)\]:hover{--tw-shadow:0 0 15px rgba(79,209,197,.5);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_15px_rgba\(79\2c 209\2c 197\2c 0\.6\)\]:hover{--tw-shadow:0 0 15px rgba(79,209,197,.6);--tw-shadow-colored:0 0 15px var(--tw-shadow-color)}.hover\:shadow-\[0_0_15px_rgba\(79\2c 209\2c 197\2c 0\.6\)\]:hover,.hover\:shadow-lg:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:ring-2:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:ring-\[\#4fd1c5\]:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(79 209 197/var(--tw-ring-opacity,1))}.hover\:blur-none:hover{--tw-blur: }.hover\:blur-none:hover,.hover\:blur-sm:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:blur-sm:hover{--tw-blur:blur(4px)}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:brightness-0{--tw-brightness:brightness(0)}.group:hover .group-hover\:brightness-0,.group:hover .group-hover\:invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .group-hover\:invert{--tw-invert:invert(100%)}@media (min-width:640px){.sm\:right-10{right:2.5rem}.sm\:top-10{top:2.5rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-6{gap:1.5rem}.sm\:p-8{padding:2rem}}@media (min-width:768px){.md\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-6{margin-bottom:1.5rem}.md\:flex{display:flex}.md\:h-16{height:4rem}.md\:h-28{height:7rem}.md\:w-16{width:4rem}.md\:w-28{width:7rem}.md\:w-\[38\%\]{width:38%}.md\:max-w-\[calc\(100\%-150px\)\]{max-width:calc(100% - 150px)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-12{gap:3rem}.md\:gap-6{gap:1.5rem}.md\:p-14{padding:3.5rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.bwp-reactions-card {
width: 100%;
min-width: 0;
border: 1px solid rgba(15, 23, 42, .08);
background: linear-gradient(145deg, #fff 0%, #f8fafc 100%);
box-shadow: 0 18px 42px rgba(15, 23, 42, .13);
}
.bwp-reactions-card__title {
margin: 0 0 18px;
color: #2d3748;
font-family: "Hammersmith One", sans-serif;
font-size: clamp(17px, 1.45vw, 22px);
font-weight: 400;
line-height: 1.25;
letter-spacing: .035em;
text-transform: uppercase;
}
.bwp-reactions {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 11px;
width: 100%;
max-width: 660px;
margin: 0 auto;
}
.bwp-reaction {
position: relative;
display: flex;
min-width: 0;
min-height: 82px;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
padding: 10px 6px 8px;
border: 1px solid rgba(148, 163, 184, .28);
border-radius: 16px;
background: rgba(241, 245, 249, .86);
box-shadow: 0 4px 12px rgba(15, 23, 42, .06);
cursor: pointer;
transition: transform .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
-webkit-tap-highlight-color: transparent;
}
.bwp-reaction:hover,
.bwp-reaction:focus-visible {
border-color: rgba(79, 209, 197, .75);
background: #fff;
box-shadow: 0 9px 22px rgba(45, 55, 72, .13), 0 0 0 3px rgba(79, 209, 197, .12);
outline: none;
transform: translateY(-3px);
}
.bwp-reaction--selected {
border-color: #4fd1c5;
background: rgba(79, 209, 197, .12);
box-shadow: 0 8px 18px rgba(56, 178, 172, .16);
}
.bwp-reaction__emoji {
display: block;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
font-size: 32px;
font-style: normal;
line-height: 1;
transform-origin: center;
}
.bwp-reaction__count {
display: block;
max-width: 100%;
overflow: hidden;
color: #64748b;
font-size: 13px;
font-weight: 800;
line-height: 1.2;
text-overflow: ellipsis;
}
.bwp-reaction--selected .bwp-reaction__count {
color: #287f79;
}
.bwp-reaction--pulse .bwp-reaction__emoji {
animation: bwp-reaction-pulse .38s ease;
}
.bwp-reactions__noscript {
margin: 0;
color: #64748b;
font-size: 14px;
}
@keyframes bwp-reaction-pulse {
0%, 100% { transform: scale(1); }
45% { transform: scale(1.22) rotate(-4deg); }
}
@media (max-width: 767px) {
.bwp-reactions-card {
padding: 20px 18px !important;
}
.bwp-reactions-card__title {
margin-bottom: 14px;
font-size: 17px;
}
.bwp-reactions {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 9px;
}
.bwp-reaction {
min-height: 68px;
padding: 8px 4px 7px;
border-radius: 14px;
}
.bwp-reaction__emoji {
font-size: 28px;
}
.bwp-reaction__count {
font-size: 12px;
}
}
@media (max-width: 374px) {
.bwp-reactions-card {
padding-right: 14px !important;
padding-left: 14px !important;
}
.bwp-reactions {
gap: 7px;
}
}
@media (prefers-reduced-motion: reduce) {
.bwp-reaction {
transition: none;
}
.bwp-reaction:hover,
.bwp-reaction:focus-visible {
transform: none;
}
.bwp-reaction--pulse .bwp-reaction__emoji {
animation: none;
}
}@media (max-width: 1024px) {
.lumina-hybrid-layout { display: none !important; }
}
@media (min-width: 1025px) { .lumina-hybrid-layout {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
transition: all 0.3s ease; background: transparent;
}
.lumina-hybrid-layout.scrolled {
background: rgba(10, 10, 18, 0.4);
backdrop-filter: blur(22px) saturate(160%);
-webkit-backdrop-filter: blur(22px) saturate(160%);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 2px 24px rgba(0,0,0,0.18);
} .lumina-hybrid-layout nav > div[class*="menu-"] { height: 100%; display: flex; align-items: center; }
.lumina-hybrid-layout .lumina-menu { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; height: 100%; }
.lumina-hybrid-layout .lumina-menu > li { position: relative; height: 100%; display: flex; align-items: center; } .lumina-hybrid-layout .lumina-menu > li > a.menu-link {
color: #e5e2e1;
text-decoration: none;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.5px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
display: flex;
align-items: center;
height: 100%;
gap: 8px;
} .lumina-hybrid-layout .lumina-menu > li > a.menu-link:hover {
color: #64C5B1;
text-shadow: 0 0 10px rgba(100, 197, 177, 0.3);
transform: translateY(-2px);
} .lumina-hybrid-layout .lumina-menu ul.sub-menu {
position: absolute;
top: calc(100% - 15px);
left: 50%;
transform: translateX(-50%) translateY(0);
background: rgba(19, 19, 19, 0.4);
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 12px;
padding: 15px;
min-width: 220px;
max-height: 600px;
overflow-y: auto;
opacity: 0;
visibility: hidden;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
box-shadow: 0 20px 40px rgba(0,0,0,0.5);
display: flex;
flex-direction: column;
gap: 5px;
list-style: none;
}
.lumina-hybrid-layout .lumina-menu ul.sub-menu li { width: 100%; height: auto; }
.lumina-hybrid-layout .lumina-menu ul.sub-menu a.menu-link {
font-size: 15px;
font-weight: 500;
color: #ffffff;
padding: 10px 15px;
border-radius: 6px;
width: 100%;
display: block;
transition: all 0.2s;
background: transparent;
text-decoration: none;
}
.lumina-hybrid-layout .lumina-menu ul.sub-menu a.menu-link:hover {
background: rgba(255,255,255,0.1);
color: #64C5B1;
transform: translateX(3px);
} .lumina-hybrid-layout .lumina-menu li.mega-menu > ul.sub-menu { width: 600px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 30px; }
.lumina-hybrid-layout .lumina-menu li.mega-menu > ul.sub-menu .mega-menu-tagline { grid-column: 1 / -1; color: #8e9192; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; } .lumina-hybrid-layout .lumina-left-menu > li > a.menu-link {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #ffffff;
padding: 10px 24px;
border-radius: 9999px;
text-shadow: none;
font-weight: 600;
font-family: 'Inter', sans-serif !important;
transform: none !important;
transition: all 0.3s ease;
height: 40px !important; display: inline-flex !important; justify-content: center; align-items: center;
}
.lumina-hybrid-layout .lumina-left-menu > li > a.menu-link:hover {
background: #64C5B1;
border-color: #64C5B1;
color: #fff !important;
box-shadow: 0 0 15px rgba(100, 197, 177, 0.6);
} .lumina-hybrid-layout .lumina-left-menu > li > a.menu-link::before {
content: "";
display: inline-block;
width: 18px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='3' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='21' y2='18'%3E%3C/line%3E%3C/svg%3E");
background-size: cover;
margin-right: 8px;
}
.lumina-hybrid-layout .lumina-left-menu ul.sub-menu { left: 0; transform: translateY(0); } .lumina-hybrid-layout .lumina-middle-menu { gap: 30px; justify-content: center; } .lumina-hybrid-layout .lumina-right-menu { justify-content: flex-end; width: 100%; }
.lumina-hybrid-layout .lumina-right-menu ul.sub-menu { left: auto; right: -15px; transform: translateY(15px); } .lumina-hybrid-layout .lumina-menu li { position: relative; }
.lumina-hybrid-layout .lumina-menu li > ul.sub-menu::before {
content: '';
position: absolute;
top: -30px;
left: 0;
width: 100%;
height: 30px;
background: transparent;
z-index: -1;
}
.lumina-hybrid-layout .lumina-menu li.menu-item-has-children:hover > ul.sub-menu,
.lumina-hybrid-layout .lumina-menu li.mega-menu:hover > ul.sub-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.lumina-hybrid-layout .lumina-left-menu li.menu-item-has-children:hover > ul.sub-menu,
.lumina-hybrid-layout .lumina-left-menu li.mega-menu:hover > ul.sub-menu { transform: translateY(0); }
.lumina-hybrid-layout .lumina-right-menu li.menu-item-has-children:hover > ul.sub-menu { transform: translateY(0); } .lumina-hybrid-layout .lumina-menu a { transition: color 0.3s, text-shadow 0.3s; }
.lumina-hybrid-layout .lumina-menu a:hover {
color: #64C5B1 !important;
text-shadow: 0 0 10px rgba(79, 209, 197, 0.6);
} .lumina-hybrid-layout .lumina-menu li > a .menu-item-text-container { position: relative; }
.lumina-hybrid-layout .lumina-menu li.new > a .menu-item-text-container:before,
.lumina-hybrid-layout .lumina-menu li.hot > a .menu-item-text-container:before {
line-height: 1;
position: absolute;
display: inline-block;
color: #fff;
font-size: 9px;
right: -24px;
padding: 3px 5px 2px;
top: -14px;
border-radius: 3px;
text-transform: uppercase;
font-weight: bold;
}
.lumina-hybrid-layout .lumina-menu li.new > a .menu-item-text-container:before { content: 'new'; background: #ff2d55; }
.lumina-hybrid-layout .lumina-menu li.hot > a .menu-item-text-container:before { content: 'hot'; background: #ff4757; } .lumina-hybrid-layout .lumina-right-menu { gap: 8px !important; }
.btn-4k, .icon-btn, .btn-plus {
display: inline-flex; align-items: center; justify-content: center;
background: transparent !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
border-radius: 50% !important;
width: 38px; height: 38px;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease !important;
}
.btn-4k { font-size: 13px; font-family: 'Inter', sans-serif; } .icon-btn .icon-4k-text { font-size: 13px; font-weight: 700; font-family: 'Inter', sans-serif; line-height: 1; letter-spacing: 0.3px; color: #fff; }
.btn-4k:hover, .icon-btn:hover, .btn-plus:hover {
background-color: #64C5B1 !important;
color: #ffffff !important;
box-shadow: 0 0 20px rgba(79, 209, 197, 0.6) !important;
border-color: #64C5B1 !important;
transform: translateY(-2px);
}
.icon-btn svg, .btn-plus svg { width: 18px; height: 18px; transition: stroke 0.3s; stroke: #fff !important; }
.icon-btn:hover svg, .btn-plus:hover svg { stroke: #fff !important; } .btn-4k:focus:not(:hover), .icon-btn:focus:not(:hover), .btn-plus:focus:not(:hover) {
background-color: transparent !important;
border-color: rgba(255, 255, 255, 0.2) !important;
color: #ffffff !important;
box-shadow: none !important;
transform: none !important;
}
.icon-btn:focus:not(:hover) svg, .btn-plus:focus:not(:hover) svg { stroke: #fff !important; } @keyframes firePulse {
0% { filter: drop-shadow(0 0 5px rgba(255,152,0,0.4)); transform: scale(1); }
100% { filter: drop-shadow(0 0 15px rgba(255,152,0,0.9)); color: #ff9800; transform: scale(1.1); }
}
@keyframes radarPulse {
0% { box-shadow: 0 0 0 0 rgba(79, 209, 197, 0.6); }
70% { box-shadow: 0 0 0 8px rgba(79, 209, 197, 0); }
100% { box-shadow: 0 0 0 0 rgba(79, 209, 197, 0); }
}
.menu-item-trend .icon-btn:hover {
background-color: transparent !important;
color: #ff9800 !important;
animation: firePulse 0.5s infinite alternate;
box-shadow: none !important;
border-color: #ff9800 !important;
}
.menu-item-trend .icon-btn:hover svg { stroke: #ff9800 !important; }
.menu-item-bell .icon-btn {
animation: radarPulse 2s infinite;
}
.menu-item-bell .icon-btn:hover {
background-color: #64C5B1 !important;
box-shadow: none !important;
} .social-sub-menu {
border-radius: 16px !important;
padding: 10px !important;
min-width: 140px !important;
text-align: left !important;
}
.social-sub-menu li {
width: 100% !important;
}
.social-sub-menu li > a {
border-radius: 8px !important;
padding: 10px 15px !important;
display: flex !important;
justify-content: flex-start !important;
gap: 10px !important;
}
.social-sub-menu a { display: flex; align-items: center; gap: 10px; font-family: 'Inter', sans-serif; color: #e5e2e1; text-decoration: none; padding: 8px 0; transition: all 0.2s; }
.social-sub-menu a:hover { color: #64C5B1; transform: translateX(3px); }
} @media (max-width: 1024px) { body, html, .site-container, #page { transform: none !important; left: 0 !important; right: 0 !important; } .mobile-logo-table-cell { padding-left: 20px !important; } #navbar-mobile-container,
#navbar-mobile-container.lumina-mobile-container,
#navbar-mobile-container .navbar {
background: rgba(19, 19, 19, 0.4) !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
}
#navbar-mobile-container {
border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
position: fixed !important;
z-index: 999999 !important;
top: 0 !important;
bottom: 0 !important;
height: auto !important; max-height: 100% !important;
overflow-y: auto !important;
} #navbar-mobile-container .navbar { background: transparent !important; box-shadow: none !important; position: relative !important; width: 100%; min-height: 0 !important; }
#navbar-mobile-container .nav-menu-mobile { background: transparent !important; padding-bottom: 80px; }
#navbar-mobile-container .nav-menu-mobile a,
#navbar-mobile-container .nav-menu-mobile span {
color: #ffffff !important;
font-family: 'Inter', sans-serif !important;
font-size: 16px !important;
transition: all 0.3s ease;
}
#navbar-mobile-container .nav-menu-mobile > li {
border-bottom: 1px solid rgba(255,255,255,0.05) !important;
margin: 0 !important;
}
#navbar-mobile-container .nav-menu-mobile a:hover {
background: rgba(100,197,177,0.15) !important;
color: #64C5B1 !important;
border-radius: 8px !important;
}
#mobile-bar { background: transparent !important; position: absolute; width: 100%; z-index: 9999; }
#mobile-bar.scrolled { position: fixed; background: rgba(19, 19, 19, 0.4) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } #navbar-mobile-container .sub-menu { display: none; }
#navbar-mobile-container li.active > .sub-menu,
#navbar-mobile-container li.open > .sub-menu { display: block; } #navbar-mobile-container .toggle-child { display: none !important; }
} .lumina-hybrid-layout .lumina-wrap { padding: 0 40px !important; width: 100% !important; max-width: 100% !important; }
.lumina-hybrid-layout .logo-container { padding: 0 !important; } .lumina-hybrid-layout .lumina-middle-menu ul.sub-menu, .lumina-hybrid-layout .lumina-left-menu ul.sub-menu { top: 70px !important; }
.lumina-hybrid-layout .lumina-right-menu ul.sub-menu { top: 70px !important; transform: none !important; } @media (max-width: 1024px) {
.lumina-hybrid-layout { display: none !important; }
#navbar-container { display: none !important; }
} @media (max-width: 1024px) {
#navbar-mobile-container ul.dropdown { background: transparent !important; box-shadow: none !important; border: none !important; }
body.menu-toggle #mobile-closer-overlay { display: block !important; opacity: 1 !important; z-index: 999998 !important; }
body.menu-toggle #mobile-closer-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(0,0,0,0.5) !important; z-index: 999998 !important; display: block !important; cursor: pointer !important; }
#navbar-mobile-container { box-shadow: none !important; }
.menu-toggle.breakpoint #navbar-mobile-container { right: 0 !important; width: 320px !important; max-width: 90vw !important; }
#navbar-mobile-container { width: 320px !important; max-width: 90vw !important; }
}
.menu-item-social .sub-menu li a img.emoji { display: none !important; } .social-sub-menu {
display: flex !important;
flex-direction: row !important;
gap: 8px !important;
min-width: auto !important;
padding: 12px 14px !important;
border-radius: 20px !important;
background: rgba(19, 19, 19, 0.85) !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
}
.social-sub-menu li {
width: auto !important;
flex: 0 0 auto !important;
border: none !important;
}
.social-icon-link {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
text-decoration: none !important;
padding: 6px 4px !important;
border-radius: 10px !important;
transition: all 0.2s ease !important;
background: transparent !important;
}
.social-icon-link:hover {
background: rgba(255,255,255,0.08) !important;
transform: translateY(-3px) !important;
color: #fff !important;
}
.social-icon-circle {
width: 38px !important;
height: 38px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.social-icon-link:hover .social-icon-circle {
transform: scale(1.1) !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}
.social-name {
font-size: 9px !important;
color: rgba(255,255,255,0.7) !important;
font-family: 'Inter', sans-serif !important;
font-weight: 500 !important;
letter-spacing: 0.2px !important;
white-space: nowrap !important;
text-align: center !important;
}
.social-icon-link:hover .social-name {
color: #fff !important;
}
.menu-item-social .sub-menu { display: flex !important; flex-direction: row !important; gap: 8px !important; padding: 12px 14px !important; min-width: auto !important; background: rgba(19, 19, 19, 0.85) !important; backdrop-filter: blur(24px) !important; -webkit-backdrop-filter: blur(24px) !important; border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important; border-radius: 20px !important; }
.menu-item-social .sub-menu li { border: none !important; width: auto !important; flex: 0 0 auto !important; }
.menu-item-social .sub-menu li a { background: transparent !important; padding: 6px 4px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; border: none !important; width: auto !important; height: auto !important; border-radius: 10px !important; font-size: unset !important; color: unset !important; gap: 5px !important; }  @media (min-width: 1025px) {
.lumina-right-menu .menu-item-social > ul.sub-menu,
.lumina-right-menu .menu-item-social > ul.social-sub-menu {
right: 0 !important;
left: auto !important;
top: calc(100% + 8px) !important;
transform: none !important;
min-width: 170px !important;
flex-direction: column !important;
align-items: stretch !important;
}
.lumina-right-menu .menu-item-social:hover > ul.sub-menu,
.lumina-right-menu .menu-item-social:hover > ul.social-sub-menu,
.lumina-hybrid-layout .lumina-right-menu .menu-item-social:hover > ul.sub-menu {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
right: 0 !important;
left: auto !important;
top: calc(100% + 8px) !important;
flex-direction: column !important;
}
} #navbar-container.scrolled,
.lumina-hybrid-layout.scrolled,
.site-header.scrolled #navbar-container,
body.sticking #navbar-container,
body.sticking .lumina-hybrid-layout,
.sticking .site-header #navbar-container,
.sticking #navbar-container,
.sticking .lumina-hybrid-layout {
background: rgba(10, 10, 18, 0.4) !important;
backdrop-filter: blur(22px) saturate(160%) !important;
-webkit-backdrop-filter: blur(22px) saturate(160%) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25) !important;
transition: all 0.3s ease !important;
}
#navbar-container.scrolled .lumina-wrap,
.lumina-hybrid-layout.scrolled .lumina-wrap,
body.sticking #navbar-container .lumina-wrap,
body.sticking .lumina-hybrid-layout .lumina-wrap,
.sticking #navbar-container .lumina-wrap {
background: transparent !important;
} #navbar-container,
.lumina-hybrid-layout,
.lumina-hybrid-layout .lumina-wrap,
.sticking #navbar-container {
height: 64px !important;
min-height: 64px !important;
}
.lumina-hybrid-layout .lumina-navbar-left,
.lumina-hybrid-layout .lumina-navbar-center,
.lumina-hybrid-layout .lumina-navbar-right {
height: 64px !important;
}
.lumina-hybrid-layout .lumina-middle-menu ul.sub-menu,
.lumina-hybrid-layout .lumina-left-menu ul.sub-menu {
top: 64px !important;
} @media (min-width: 1025px) {
.lumina-navbar-left > .logo-container {
margin-right: 30px !important; margin-left: 0 !important; }
} .lumina-hybrid-layout .logo-container,
.lumina-hybrid-layout .logo,
.lumina-hybrid-layout .logo a.logo-link,
.lumina-hybrid-layout .logo a,
.lumina-hybrid-layout .logo-img-inner {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 64px !important;
min-height: 64px !important;
max-height: 64px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
transform: none !important;
float: none !important;
}
.lumina-hybrid-layout .logo-img {
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
max-height: 74px !important;
height: 74px !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.lumina-hybrid-layout .logo-light { display: block !important; }
.lumina-hybrid-layout .logo-dark  { display: none !important; }
.lumina-left-menu {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
height: 100% !important;
}
.lumina-left-menu > li {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
height: 100% !important;
} .lumina-hybrid-layout .lumina-left-menu > li > a.menu-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
height: 32px !important;
padding: 0 16px !important;
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1 !important;
border-radius: 9999px !important;
} .lumina-hybrid-layout .lumina-left-menu > li > a.menu-link::before {
content: "" !important;
display: inline-block !important;
width: 16px !important;
height: 12px !important;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='3' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='21' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
margin: 0 !important;
padding: 0 !important;
} .lumina-hybrid-layout .lumina-left-menu > li > a.menu-link span.menu-item-inner {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
height: 100% !important;
}
.lumina-hybrid-layout .lumina-left-menu > li > a.menu-link .menu-item-text-container {
display: inline-flex !important;
align-items: center !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}  .lumina-hybrid-layout .lumina-right-menu ul.sub-menu,
.lumina-hybrid-layout .lumina-right-menu ul.social-sub-menu {
background: rgba(10, 10, 18, 0.4) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 12px !important;
box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
padding: 10px !important;
} .lumina-hybrid-layout .lumina-left-menu ul.sub-menu,
.lumina-hybrid-layout .lumina-middle-menu ul.sub-menu {
background: rgba(10, 10, 18, 0.4) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 12px !important;
box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
padding: 10px !important;
text-align: left !important;
} .lumina-hybrid-layout .lumina-left-menu ul.sub-menu li,
.lumina-hybrid-layout .lumina-middle-menu ul.sub-menu li {
display: block !important;
width: 100% !important;
text-align: left !important;
}
.lumina-hybrid-layout .lumina-left-menu ul.sub-menu a.menu-link,
.lumina-hybrid-layout .lumina-middle-menu ul.sub-menu a.menu-link {
font-size: 13px !important;
padding: 6px 12px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
text-align: left !important;
width: 100% !important;
box-sizing: border-box !important;
line-height: 1.4 !important;
white-space: nowrap !important;
}  .lumina-menu li.cart-menu-item:empty,
.nav-menu-mobile li.cart-menu-item:empty {
display: none !important;
} @media (min-width: 1025px) {
.lumina-hybrid-layout .lumina-navbar-left .logo-img {
transform: translateY(-2px) !important;
}
} @media (min-width: 1025px) {
.lumina-right-menu .social-name { display: none !important; }
.lumina-right-menu .social-icon-circle {
width: 30px !important;
height: 30px !important;
}
.lumina-right-menu .social-icon-circle svg {
width: 20px !important; height: 20px !important;
}
.lumina-right-menu .menu-item-social .social-icon-link {
padding: 4px !important;
gap: 0 !important;
}
.lumina-hybrid-layout .lumina-right-menu .menu-item-social > ul.social-sub-menu {
min-width: 0 !important;
width: auto !important;
padding: 7px !important;
gap: 5px !important;
}
} @media (max-width: 1024px) { html body #navbar-mobile-container,
html body #navbar-mobile-container.lumina-mobile-container {
background: rgba(16, 16, 22, 0.20) !important;
backdrop-filter: blur(26px) saturate(160%) !important;
-webkit-backdrop-filter: blur(26px) saturate(160%) !important;
border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
box-shadow: none !important;
}
html body #navbar-mobile-container .navbar {
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
min-height: 0 !important;
box-shadow: none !important;
} html body #navbar-mobile-container #site-navigation-primary-mobile {
display: block !important;
min-height: 0 !important;
padding-top: 5px !important; padding-bottom: 170px !important;
padding-left: 1px !important; padding-right: 1px !important;
}
html body #navbar-mobile-container .menu-main-menu-left-part-container,
html body #navbar-mobile-container .menu-main-menu-standard-container { width: 100% !important; } html body #navbar-mobile-container .nav-menu-mobile > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
margin: 0 !important;
min-height: 0 !important;
height: auto !important;
}
html body #navbar-mobile-container .nav-menu-mobile > li > a {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
text-align: left !important;
padding: 12px 22px !important;
font-size: 16px !important;
line-height: 1.2 !important;
min-height: 0 !important;
height: auto !important;
text-transform: none !important;
}
html body #navbar-mobile-container .nav-menu-mobile > li > a > span,
html body #navbar-mobile-container .nav-menu-mobile > li > a .menu-item-inner,
html body #navbar-mobile-container .nav-menu-mobile > li > a .menu-item-text-container {
text-align: left !important;
justify-content: flex-start !important;
display: inline-flex !important;
align-items: center !important;
padding: 0 !important;
}
html body #navbar-mobile-container .nav-menu-mobile li.menu-item-has-children > a::after {
content: '+' !important;
font-weight: 300 !important;
font-size: 22px !important;
margin-left: auto !important;
line-height: 1 !important;
opacity: 0.8;
}  html body #navbar-mobile-container .injected-mobile-icons .menu-item-social > a.btn-plus,
html body #navbar-mobile-container .injected-mobile-icons .menu-item-share,
html body #navbar-mobile-container .injected-mobile-icons .cart-menu-item { display: none !important; } html body #navbar-mobile-container .injected-mobile-icons {
position: absolute !important;
bottom: 22px !important;
left: 0 !important;
width: 100% !important;
}
html body #navbar-mobile-container .injected-mobile-icons ul.nav-menu-mobile {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 14px !important;
row-gap: 16px !important;
padding: 0 14px !important;
margin: 0 !important;
background: transparent !important;
}
html body #navbar-mobile-container .injected-mobile-icons ul.nav-menu-mobile > li {
border-bottom: none !important;
width: auto !important;
margin: 0 !important;
flex: 0 0 auto !important;
} html body #navbar-mobile-container .injected-mobile-icons .menu-item-4k      { order: 1 !important; }
html body #navbar-mobile-container .injected-mobile-icons .menu-item-desktop { order: 2 !important; }
html body #navbar-mobile-container .injected-mobile-icons .menu-item-trend   { order: 3 !important; }
html body #navbar-mobile-container .injected-mobile-icons .menu-item-bell    { order: 4 !important; } html body #navbar-mobile-container .injected-mobile-icons .menu-item-social  { order: 5 !important; width: 100% !important; flex: 0 0 100% !important; } html body #navbar-mobile-container .injected-mobile-icons .icon-btn {
display: inline-flex !important;
align-items: center !important; justify-content: center !important;
width: 40px !important; height: 40px !important;
min-width: 40px !important; min-height: 40px !important;
max-width: 40px !important; max-height: 40px !important;
border-radius: 50% !important;
background: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.25) !important;
color: #fff !important;
padding: 0 !important; margin: 0 !important;
transition: all 0.3s ease !important;
}
html body #navbar-mobile-container .injected-mobile-icons .icon-btn svg { width: 19px !important; height: 19px !important; stroke: #fff !important; }
html body #navbar-mobile-container .injected-mobile-icons .icon-4k-text { font-size: 13px !important; font-weight: 700 !important; font-family: 'Inter', sans-serif !important; color: #fff !important; line-height: 1 !important; }
html body #navbar-mobile-container .injected-mobile-icons .icon-btn:hover,
html body #navbar-mobile-container .injected-mobile-icons .icon-btn:active {
background-color: #64C5B1 !important; border-color: #64C5B1 !important; color: #fff !important;
} html body #navbar-mobile-container .injected-mobile-icons .menu-item-social .social-sub-menu,
html body #navbar-mobile-container .injected-mobile-icons .menu-item-social ul.sub-menu {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: center !important;
align-items: center !important;
gap: 12px !important;
position: static !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
background: transparent !important;
backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
border: none !important; box-shadow: none !important;
padding: 0 !important; margin: 0 !important;
width: 100% !important; min-width: 0 !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-sub-menu > li {
width: auto !important; flex: 0 0 auto !important; border: none !important; margin: 0 !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-icon-link {
display: flex !important; flex-direction: column !important;
align-items: center !important; justify-content: center !important;
padding: 0 !important; background: transparent !important; gap: 0 !important;
transform: none !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-name { display: none !important; }
html body #navbar-mobile-container .injected-mobile-icons .social-icon-circle {
width: 40px !important; height: 40px !important;
min-width: 40px !important; min-height: 40px !important;
border-radius: 50% !important;
display: flex !important; align-items: center !important; justify-content: center !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-icon-circle svg { width: 27px !important; height: 27px !important; }
} @media (max-width: 1024px) { html body #navbar-mobile-container .nav-menu-mobile { padding-bottom: 0 !important; }
html body #navbar-mobile-container .menu-main-menu-left-part-container,
html body #navbar-mobile-container .menu-main-menu-standard-container { margin: 0 !important; padding: 0 !important; } html body #navbar-mobile-container .nav-menu-mobile li .fa,
html body #navbar-mobile-container .nav-menu-mobile li i[class*="fa-"],
html body #navbar-mobile-container .nav-menu-mobile .toggle-child { display: none !important; } html body #navbar-mobile-container .nav-menu-mobile > li > a { padding: 12px 16px !important; } html body #navbar-mobile-container .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li { border-bottom: none !important; margin: 0 !important; }
html body #navbar-mobile-container .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
text-align: left !important;
padding: 8px 16px 8px 30px !important; font-size: 13px !important; }
html body #navbar-mobile-container .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a span {
font-size: 13px !important;
text-align: left !important;
justify-content: flex-start !important;
} html body #navbar-mobile-container .nav-menu-mobile li.menu-item-has-children:not(.menu-item-social) > ul.sub-menu:not(.social-sub-menu),
html body #navbar-mobile-container .nav-menu-mobile ul.sub-menu.menu-item-open:not(.social-sub-menu),
html body #navbar-mobile-container .nav-menu-mobile li.open > ul.sub-menu:not(.social-sub-menu),
html body #navbar-mobile-container .nav-menu-mobile li.active > ul.sub-menu:not(.social-sub-menu) {
max-height: 45vh !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
}
} @media (max-width: 1024px) { html body #navbar-mobile-container .nav-menu-mobile li.menu-item-has-children:before,
html body #navbar-mobile-container .nav-menu-mobile li.page_item_has_children:before,
html body #navbar-mobile-container .nav-menu-mobile li.active:before {
content: none !important;
display: none !important;
} html body #navbar-mobile-container #site-navigation-primary-mobile { padding-left: 1px !important; padding-right: 1px !important; }
html body #navbar-mobile-container .nav-menu-mobile { padding-left: 0 !important; margin-left: 0 !important; list-style: none !important; }
html body #navbar-mobile-container .menu-main-menu-left-part-container,
html body #navbar-mobile-container .menu-main-menu-standard-container { padding-left: 0 !important; margin-left: 0 !important; }
html body #navbar-mobile-container .nav-menu-mobile > li { padding-left: 0 !important; margin-left: 0 !important; }
html body #navbar-mobile-container .nav-menu-mobile > li > a {
padding-left: 1px !important;
padding-right: 14px !important; }
html body #navbar-mobile-container .nav-menu-mobile > li > a > span,
html body #navbar-mobile-container .nav-menu-mobile > li > a .menu-item-inner {
margin-left: 0 !important;
padding-left: 0 !important;
} html body #navbar-mobile-container .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a {
padding-left: 16px !important;
}
} @media (max-width: 1024px) {
html body #navbar-mobile-container #navbar-mobile,
html body #navbar-mobile-container .navbar,
html body #navbar-mobile-container #site-navigation-primary-mobile,
html body #navbar-mobile-container #site-navigation-primary-mobile > div,
html body #navbar-mobile-container .menu-main-menu-left-part-container,
html body #navbar-mobile-container .menu-main-menu-standard-container,
html body #navbar-mobile-container #site-navigation-primary-mobile .nav-menu-mobile,
html body #navbar-mobile-container #site-navigation-primary-mobile .nav-menu-mobile > li {
padding-left: 0 !important;
margin-left: 0 !important;
} html body #navbar-mobile-container #site-navigation-primary-mobile .nav-menu-mobile > li > a {
padding-left: 1px !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a {
padding-left: 14px !important;
}
} @media (max-width: 1024px) {
html body #navbar-mobile-container #site-navigation-primary-mobile {
text-align: left !important;
display: block !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div,
html body #navbar-mobile-container .menu-main-menu-left-part-container,
html body #navbar-mobile-container .menu-main-menu-standard-container,
html body #navbar-mobile-container .injected-mobile-icons {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
text-align: left !important;
box-sizing: border-box !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile .nav-menu-mobile {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
text-align: left !important;
}
} @media (max-width: 1024px) {
html body #navbar-mobile-container {
padding-left: 5px !important; padding-right: 5px !important;
padding-top: 8px !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile .nav-menu-mobile > li > a {
padding-left: 0 !important;
padding-right: 0 !important;
}
} @media (max-width: 1024px) { html body #navbar-mobile-container .nav-menu-mobile a,
html body #navbar-mobile-container .nav-menu-mobile span {
font-family: 'Hammersmith One', sans-serif !important;
} html body #navbar-mobile-container .menu-main-menu-left-part-container .nav-menu-mobile > li > a,
html body #navbar-mobile-container .menu-main-menu-left-part-container .nav-menu-mobile > li > a span,
html body #navbar-mobile-container .menu-main-menu-standard-container .nav-menu-mobile > li > a,
html body #navbar-mobile-container .menu-main-menu-standard-container .nav-menu-mobile > li > a span {
font-size: 14px !important; font-weight: 700 !important; } html body #navbar-mobile-container .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a,
html body #navbar-mobile-container .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a span {
font-weight: 400 !important;
font-size: 13px !important;
}
} @media (max-width: 1024px) { html body #navbar-mobile-container {
padding-left: 20px !important;
padding-right: 20px !important;
} html body #navbar-mobile-container .menu-main-menu-left-part-container .nav-menu-mobile > li > a,
html body #navbar-mobile-container .menu-main-menu-standard-container .nav-menu-mobile > li > a {
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
html body #navbar-mobile-container .menu-main-menu-left-part-container .nav-menu-mobile > li > a span,
html body #navbar-mobile-container .menu-main-menu-standard-container .nav-menu-mobile > li > a span {
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
} html body #navbar-mobile-container .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a,
html body #navbar-mobile-container .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a span {
text-transform: uppercase !important;
letter-spacing: 1px !important;
}
} @media (max-width: 1024px) { body.menu-toggle #mobile-bar .logo-container,
body.menu-toggle #mobile-bar .logo { display: none !important; }
body.menu-toggle #toggle,
body.menu-toggle.breakpoint #mobile-bar #toggle {
display: block !important;
position: fixed !important;
top: 14px !important;
left: 16px !important;
right: auto !important;
width: 42px !important;
height: 42px !important;
z-index: 100000000 !important; background: transparent !important;
cursor: pointer !important;
} body.menu-toggle #toggle:before {
content: "" !important;
display: block !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
width: 26px !important;
height: 20px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20'%3E%3Cg stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'%3E%3Cline x1='1.5' y1='2' x2='24.5' y2='2'/%3E%3Cline x1='1.5' y1='10' x2='24.5' y2='10'/%3E%3Cline x1='1.5' y1='18' x2='24.5' y2='18'/%3E%3C/g%3E%3C/svg%3E") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
} @media (max-width: 1024px) { html body.menu-toggle .site-container,
html body.menu-toggle.breakpoint .site-container,
html body.menu-toggle #page,
html body.menu-toggle.breakpoint #page,
html body.menu-toggle .parallax-slider,
html body.menu-toggle.breakpoint .parallax-slider {
-webkit-transform: none !important;
transform: none !important;
margin-left: 0 !important;
left: 0 !important;
right: 0 !important;
} html, body {
overflow-x: hidden !important;
max-width: 100% !important;
} html body #navbar-mobile-container,
html body #navbar-mobile-container.lumina-mobile-container {
top: 0 !important;
bottom: 0 !important;
height: auto !important;
max-height: 100% !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
}
html body #navbar-mobile-container #navbar-mobile,
html body #navbar-mobile-container .navbar {
min-height: 0 !important;
height: 100% !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile {
min-height: 0 !important;
}
}  .wolf-albums-photo-search.gaia-search-form {
position: relative !important;
} .gaia-search-form input.search-field {
padding-right: 168px !important;
} .gaia-search-form .gaia-sort-wrap {
position: absolute !important;
top: 50% !important;
right: 46px !important;
transform: translateY(-50%) !important;
z-index: 16 !important;
display: flex !important;
align-items: center !important;
}
.gaia-search-form .gaia-sort {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
height: 30px !important;
margin: 0 !important;
padding: 0 26px 0 12px !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 30px !important;
color: #2b2b2b !important;
background-color: rgba(0, 0, 0, 0.045) !important;
border: 1px solid rgba(0, 0, 0, 0.14) !important;
border-radius: 999px !important;
cursor: pointer !important;
outline: none !important;
box-shadow: none !important;
transition: background .2s ease, border-color .2s ease, color .2s ease !important; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364C5B1' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
}
.gaia-search-form .gaia-sort:hover,
.gaia-search-form .gaia-sort:focus {
background-color: rgba(100, 197, 177, 0.16) !important;
border-color: #64C5B1 !important;
color: #0e6e5e !important;
}
.gaia-search-form .gaia-sort option {
color: #1a1a1a !important;
background: #fff !important;
} .gaia-search-form .gaia-suggest {
position: absolute !important;
top: calc(100% + 8px) !important;
left: 0 !important;
right: 0 !important;
z-index: 9999 !important;
max-height: 60vh !important;
overflow-y: auto !important;
padding: 6px !important;
text-align: left !important;
background: rgba(255, 255, 255, 0.98) !important;
-webkit-backdrop-filter: blur(14px) saturate(140%) !important;
backdrop-filter: blur(14px) saturate(140%) !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
border-radius: 14px !important;
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28) !important;
}
.gaia-search-form .gaia-suggest[hidden] {
display: none !important;
}
.gaia-suggest .gaia-suggest-group {
padding: 10px 12px 6px !important;
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: #0e9c84 !important;
}
.gaia-suggest .gaia-suggest-item {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
padding: 9px 12px !important;
border-radius: 9px !important;
text-decoration: none !important;
color: #20242b !important;
transition: background .15s ease !important;
}
.gaia-suggest .gaia-suggest-item:hover,
.gaia-suggest .gaia-suggest-item.is-active {
background: rgba(100, 197, 177, 0.18) !important;
}
.gaia-suggest .gaia-suggest-name {
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.gaia-suggest .gaia-suggest-name strong {
color: #000000 !important;
font-weight: 700 !important;
}
.gaia-suggest .gaia-suggest-count {
flex: 0 0 auto !important;
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
color: rgba(20, 24, 30, 0.5) !important;
} .gaia-search-fallback-notice {
display: block !important;
width: -moz-fit-content !important;
width: fit-content !important;
max-width: 92% !important;
margin: 18px auto 0 !important; padding: 12px 30px !important;
text-align: center !important;
background: rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important;
border-radius: 16px !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
transition: background .25s ease, border-color .25s ease !important;
}
.gaia-search-fallback-notice:hover {
background: rgba(82, 240, 233, 0.12) !important; border-color: rgba(82, 240, 233, 0.45) !important;
}
.gaia-search-fallback-notice .gaia-fallback-title {
font-family: 'Inter', sans-serif !important;
font-size: 19px !important;
font-weight: 700 !important;
color: #ffffff !important;
margin: 0 0 3px !important;
transition: color .25s ease !important;
}
.gaia-search-fallback-notice:hover .gaia-fallback-title {
color: #52f0e9 !important;
}
.gaia-search-fallback-notice .gaia-fallback-sub {
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
color: rgba(233, 238, 242, 0.65) !important;
margin: 0 !important;
} #top-search-form .gaia-search-form input.search-field {
padding-right: 168px !important;
} @media (max-width: 600px) {
.gaia-search-form input.search-field {
padding-right: 150px !important;
}
.gaia-search-form .gaia-sort {
max-width: 104px !important;
font-size: 11px !important;
}
}  section.post-header-container {
position: relative !important;
overflow: hidden !important;
}
.post-header-container .gaia-particles {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 1 !important; pointer-events: none !important; }
.post-header-container .header-overlay {
z-index: 0 !important;
}
.post-header-container .post-header-inner {
position: relative !important;
z-index: 2 !important; } .wolf-albums-photo-search.gaia-search-form {
max-width: 820px !important;
margin: 0 auto !important;
} .gaia-search-form:before {
left: 22px !important;
right: auto !important;
top: 0 !important;
bottom: 0 !important;
height: 100% !important;
width: 24px !important;
display: inline-flex !important;
align-items: center !important; justify-content: center !important;
line-height: 1 !important;
font-size: 21px !important;
color: #9aa0a6 !important;
z-index: 3 !important;
pointer-events: none !important;
}
.gaia-search-form input.search-field {
height: 64px !important;
margin: 0 !important;
padding: 0 140px 0 58px !important; background: #ffffff !important;
border: 0 !important;
border-radius: 9999px !important;
color: #16181c !important; font-family: inherit !important;
font-size: 16px !important;
line-height: 64px !important;
box-shadow: 0 12px 44px rgba(0, 0, 0, 0.38) !important;
-webkit-appearance: none !important;
appearance: none !important;
}
.gaia-search-form input.search-field::-webkit-input-placeholder { color: #9aa0a6 !important; }
.gaia-search-form input.search-field::placeholder { color: #9aa0a6 !important; }
.gaia-search-form input.search-field:focus {
outline: none !important;
box-shadow: 0 12px 44px rgba(0, 0, 0, 0.38), 0 0 0 3px rgba(82, 240, 233, 0.45) !important;
} .gaia-search-form input[type=submit] {
position: absolute !important;
top: 50% !important;
right: 8px !important;
left: auto !important;
transform: translateY(-50%) !important;
width: auto !important;
height: 48px !important;
padding: 0 28px !important;
text-indent: 0 !important; background: #52f0e9 !important;
color: #003735 !important;
border: 0 !important;
border-radius: 9999px !important;
font-family: 'Inter', sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
opacity: 1 !important;
z-index: 4 !important;
cursor: pointer !important;
transition: background .2s ease, transform .2s ease !important;
}
.gaia-search-form input[type=submit]:hover {
background: #23d3cd !important;
} .popular-photo-tags-title {
display: none !important; }
.most-used-photos-tags {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 12px !important;
max-width: 760px !important;
margin: 30px auto 0 !important;
}
.most-used-photos-tags a {
display: inline-block !important;
padding: 9px 18px !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
line-height: 1 !important;
color: #e5e2e1 !important;
background: rgba(255, 255, 255, 0.07) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
border-radius: 9999px !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
text-decoration: none !important;
transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}
.most-used-photos-tags a:hover {
background: rgba(82, 240, 233, 0.16) !important;
border-color: rgba(82, 240, 233, 0.5) !important;
color: #ffffff !important;
transform: translateY(-1px) !important;
}  .gaia-filter {
position: absolute !important;
right: 40px !important;
bottom: 20px !important;
z-index: 100 !important;
margin: 0 !important;
} .gaia-filter-btn {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 9px 16px !important;
background: rgba(255, 255, 255, 0.07) !important;
border: 1px solid rgba(255, 255, 255, 0.16) !important;
border-radius: 9999px !important;
color: #ffffff !important;
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
cursor: pointer !important;
-webkit-backdrop-filter: blur(14px) saturate(140%) !important;
backdrop-filter: blur(14px) saturate(140%) !important;
transition: background .2s ease, border-color .2s ease, color .2s ease !important;
}
.gaia-filter-btn:hover,
.gaia-filter[data-open="true"] .gaia-filter-btn {
background: rgba(82, 240, 233, 0.16) !important;
border-color: rgba(82, 240, 233, 0.5) !important;
color: #52f0e9 !important;
}
.gaia-filter-icon { display: block !important; } .gaia-filter-panel {
position: absolute !important;
right: 0 !important;
bottom: calc(100% + 8px) !important; top: auto !important;
min-width: 210px !important;
z-index: 9999 !important;
padding: 8px !important;
text-align: left !important;
background: rgba(16, 18, 22, 0.45) !important;
-webkit-backdrop-filter: blur(26px) saturate(160%) !important;
backdrop-filter: blur(26px) saturate(160%) !important;
border: 1px solid rgba(255, 255, 255, 0.14) !important;
border-radius: 14px !important;
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45) !important;
}
.gaia-filter-panel[hidden] {
display: none !important;
}
.gaia-filter-heading {
display: block !important;
padding: 8px 12px 6px !important;
font-family: 'Inter', sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: #52f0e9 !important;
}
.gaia-filter-option {
display: block !important;
padding: 10px 12px !important;
border-radius: 8px !important;
color: #e5e2e1 !important;
text-decoration: none !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
transition: background .15s ease !important;
}
.gaia-filter-option:hover {
background: rgba(255, 255, 255, 0.06) !important;
}
.gaia-filter-option.is-active {
color: #52f0e9 !important;
background: rgba(82, 240, 233, 0.12) !important;
font-weight: 600 !important;
} @media (max-width: 600px) {
.gaia-search-form input.search-field {
height: 56px !important;
line-height: 56px !important;
padding: 0 104px 0 48px !important;
font-size: 14px !important;
}
.gaia-search-form:before { left: 16px !important; font-size: 19px !important; }
.gaia-search-form input[type=submit] {
height: 42px !important;
padding: 0 18px !important;
font-size: 13px !important;
}
.gaia-results-bar { padding: 4px 20px 16px !important; }
} @media (min-width: 1025px) {
#navbar-container,
.lumina-hybrid-layout,
.lumina-hybrid-layout .lumina-wrap,
.sticking #navbar-container,
.lumina-hybrid-layout .lumina-navbar-left,
.lumina-hybrid-layout .lumina-navbar-center,
.lumina-hybrid-layout .lumina-navbar-right {
height: 58px !important;
min-height: 58px !important;
}
.lumina-hybrid-layout .logo-container,
.lumina-hybrid-layout .logo,
.lumina-hybrid-layout .logo a.logo-link,
.lumina-hybrid-layout .logo a,
.lumina-hybrid-layout .logo-img-inner {
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
}
.lumina-hybrid-layout .logo-img {
height: 64px !important;
max-height: 64px !important;
}
.lumina-hybrid-layout .lumina-middle-menu { gap: 24px !important; }
.lumina-hybrid-layout .lumina-menu > li > a.menu-link { font-size: 14px !important; }
.lumina-hybrid-layout .lumina-left-menu > li > a.menu-link {
height: 30px !important;
padding: 0 14px !important;
font-size: 12px !important;
}
.lumina-hybrid-layout .lumina-middle-menu ul.sub-menu,
.lumina-hybrid-layout .lumina-left-menu ul.sub-menu,
.lumina-hybrid-layout .lumina-right-menu ul.sub-menu { top: 58px !important; }
body.is-photos .post-header-container .post-header { padding: 55px 0 !important; }
body.is-photos .post-header-container .post-title {
font-size: 28px !important;
line-height: 1.15 !important;
}
body.is-photos .photos-search-header { margin-top: 16px !important; }
body.is-photos .wolf-albums-photo-search.gaia-search-form { max-width: 760px !important; }
body.is-photos .gaia-search-form:before {
left: 20px !important;
font-size: 20px !important;
}
body.is-photos .gaia-search-form input.search-field {
height: 56px !important;
padding: 0 126px 0 54px !important;
font-size: 15px !important;
line-height: 56px !important;
}
body.is-photos .gaia-search-form input[type=submit] {
height: 42px !important;
padding: 0 24px !important;
font-size: 14px !important;
}
body.is-photos .most-used-photos-tags {
gap: 10px !important;
max-width: 720px !important;
margin-top: 22px !important;
}
body.is-photos .most-used-photos-tags a {
padding: 8px 15px !important;
font-size: 11px !important;
}
} body:not(.sticking) .site-header:not(.scrolled),
body:not(.sticking) #navbar-container.lumina-hybrid-layout:not(.scrolled) {
background: transparent !important;
background-color: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
border-bottom: 0 !important;
}