.bwp-human-dialog{position:fixed;z-index:1000000;top:50%;left:50%;width:min(92vw,430px);max-height:calc(100vh - 32px);margin:0;padding:0;transform:translate(-50%,-50%);overflow:auto;border:1px solid #294645;border-radius:22px;background:#101818;color:#eef8f7;box-shadow:0 28px 90px #000b}.bwp-human-dialog::backdrop{background:transparent}.bwp-human-open{overflow:hidden}.bwp-human-open body::before{position:fixed;z-index:999998;inset:0;background:#020606d9;backdrop-filter:blur(8px);content:""}.bwp-human-card{position:relative;padding:27px;text-align:center}.bwp-human-card h2{margin:4px 0 9px;font-size:24px}.bwp-human-card>p{margin:0 auto 19px;color:#afbfbe;line-height:1.55}.bwp-human-eyebrow{color:#64d8cd!important;font-size:11px;font-weight:800;letter-spacing:1.5px}.bwp-human-widget{min-height:80px;display:flex;justify-content:center}.bwp-human-status{min-height:23px;margin:12px 0 8px!important;font-size:14px}.bwp-human-status.is-error{color:#ff9c92}.bwp-human-card small{display:block;color:#829392;line-height:1.45}.bwp-human-card a{color:#91e5de}.bwp-human-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff0c;color:#dcebea;font-size:25px;cursor:pointer}.bwp-human-close:hover{background:#ffffff17}@media(max-width:360px){.bwp-human-card{padding:24px 12px}.bwp-human-widget{transform:scale(.88);transform-origin:center}}: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; } }
@media (max-width:700px) { .bwp-live-menu--text { 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; }
}@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;
} @media (min-width: 1025px) {
.lumina-hybrid-layout .lumina-navbar-left .logo-img {
width: 48px !important;
height: 24px !important;
max-height: 24px !important;
object-fit: cover !important;
object-position: center 43% !important;
transform: none !important;
}
}@media (max-width: 1024px) {
:root {
--bwp-drawer-accent: #64c5b1;
--bwp-drawer-neon: #5cffb1;
--bwp-drawer-ink: #080c10;
--bwp-drawer-text: #f4ffff;
--bwp-drawer-muted: #a8b8b7;
}
html,
body {
max-width: 100% !important;
overflow-x: hidden !important;
} 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 {
left: 0 !important;
right: 0 !important;
margin-left: 0 !important;
-webkit-transform: none !important;
transform: none !important;
} html body #navbar-mobile-container,
html body #navbar-mobile-container.lumina-mobile-container {
box-sizing: border-box !important;
width: min(82vw, 336px) !important;
max-width: 336px !important;
height: 100% !important;
height: 100dvh !important;
max-height: 100dvh !important;
padding: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
background:
radial-gradient(115% 42% at 52% 108%, rgba(92, 255, 177, 0.26) 0%, rgba(100, 197, 177, 0.10) 36%, transparent 72%),
linear-gradient(180deg, rgba(8, 12, 16, 0.34) 0%, rgba(8, 12, 16, 0.47) 58%, rgba(7, 18, 17, 0.58) 100%) !important;
-webkit-backdrop-filter: blur(28px) saturate(145%) !important;
backdrop-filter: blur(28px) saturate(145%) !important;
border-left: 1px solid rgba(192, 255, 238, 0.16) !important;
box-shadow: -20px 0 64px rgba(0, 0, 0, 0.36) !important;
color: var(--bwp-drawer-text) !important;
isolation: isolate;
}
body.menu-toggle.breakpoint #navbar-mobile-container,
body.menu-toggle #navbar-mobile-container {
right: 0 !important;
width: min(82vw, 336px) !important;
max-width: 336px !important;
}
html body #navbar-mobile-container #navbar-mobile,
html body #navbar-mobile-container .navbar {
box-sizing: border-box !important;
width: 100% !important;
min-height: 100% !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
box-shadow: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile {
display: flex !important;
flex-direction: column !important;
box-sizing: border-box !important;
width: 100% !important;
min-height: 100dvh !important;
padding: max(8px, env(safe-area-inset-top)) 6px 0 !important;
margin: 0 !important;
text-align: left !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div,
html body #navbar-mobile-container #site-navigation-primary-mobile .nav-menu-mobile {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
background: transparent !important;
list-style: none !important;
text-align: left !important;
} html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile a,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile span {
font-family: Inter, sans-serif !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li {
position: relative !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-bottom: 1px solid rgba(232, 255, 249, 0.07) !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 7px 4px !important;
margin: 0 !important;
border-radius: 8px !important;
background: transparent !important;
color: var(--bwp-drawer-text) !important;
font-family: Inter, sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
letter-spacing: 0.72px !important;
text-align: left !important;
text-transform: uppercase !important;
transition: color 180ms ease, background-color 180ms ease, transform 180ms ease !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a > span,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a .menu-item-inner,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a .menu-item-text-container {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 0 !important;
margin: 0 !important;
color: inherit !important;
font: inherit !important;
letter-spacing: inherit !important;
text-align: left !important;
text-transform: inherit !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a:hover,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a:focus-visible,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li.active > a,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li.open > a {
background: rgba(100, 197, 177, 0.11) !important;
color: #bffff0 !important;
outline: none !important;
transform: translateX(2px) !important;
} 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,
html body #navbar-mobile-container .nav-menu-mobile .toggle-child,
html body #navbar-mobile-container .nav-menu-mobile li .fa,
html body #navbar-mobile-container .nav-menu-mobile li i[class*="fa-"] {
content: none !important;
display: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile li.menu-item-has-children > a::after {
content: "" !important;
display: block !important;
flex: 0 0 7px !important;
width: 7px !important;
height: 7px !important;
margin: -4px 4px 0 12px !important;
border-right: 1.5px solid currentColor !important;
border-bottom: 1.5px solid currentColor !important;
opacity: 0.72 !important;
transform: rotate(45deg) !important;
transition: transform 180ms ease !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile li.active > a::after,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile li.open > a::after {
margin-top: 3px !important;
transform: rotate(225deg) !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .sub-menu:not(.social-sub-menu) {
box-sizing: border-box !important;
max-height: 42vh !important;
padding: 2px 0 4px !important;
margin: 0 !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
background: rgba(0, 0, 0, 0.10) !important;
border: 0 !important;
box-shadow: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a {
padding: 6px 6px 6px 12px !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a span {
color: var(--bwp-drawer-muted) !important;
font-family: Inter, sans-serif !important;
font-size: 10.5px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
letter-spacing: 0.32px !important;
text-align: left !important;
text-transform: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a span {
padding: 0 !important;
margin: 0 !important;
} html body #navbar-mobile-container #site-navigation-primary-mobile .bwp-tools-menu > .bwp-tools-menu__panel {
display: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile .bwp-tools-menu > .bwp-tools-menu__panel.menu-item-open {
display: block !important;
} html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .bwp-live-menu--text {
display: none !important;
}
html body #navbar-mobile-container .injected-mobile-icons {
position: relative !important;
z-index: 2 !important;
left: auto !important;
bottom: 0 !important;
width: calc(100% + 12px) !important;
max-width: none !important;
margin: auto -6px 0 !important;
padding: 14px 6px max(10px, env(safe-area-inset-bottom)) !important;
background:
radial-gradient(90% 125% at 50% 118%, rgba(92, 255, 177, 0.28) 0%, rgba(100, 197, 177, 0.11) 45%, transparent 73%),
linear-gradient(180deg, transparent 0%, rgba(5, 17, 15, 0.52) 42%, rgba(5, 16, 15, 0.76) 100%) !important;
text-align: center !important;
}
html body #navbar-mobile-container .injected-mobile-icons::before {
content: "" !important;
display: block !important;
position: absolute !important;
top: 5px !important;
left: 15% !important;
width: 70% !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, rgba(92, 255, 177, 0.88), transparent) !important;
box-shadow: 0 0 12px rgba(92, 255, 177, 0.48) !important;
pointer-events: none !important;
}
html body #navbar-mobile-container .injected-mobile-icons > ul.nav-menu-mobile {
display: grid !important;
grid-template-columns: repeat(5, 38px) !important;
align-items: center !important;
justify-content: space-between !important;
column-gap: 0 !important;
row-gap: 11px !important;
box-sizing: border-box !important;
width: 100% !important;
padding-inline: 0 !important;
}
html body #navbar-mobile-container .injected-mobile-icons > ul.nav-menu-mobile > li {
flex: 0 0 auto !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
html body #navbar-mobile-container .injected-mobile-icons .bwp-community-nav-item,
html body #navbar-mobile-container .injected-mobile-icons .cart-menu-item,
html body #navbar-mobile-container .injected-mobile-icons .menu-item-share,
html body #navbar-mobile-container .injected-mobile-icons .menu-item-social > a.btn-plus {
display: none !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 .bwp-live-menu--icon {
display: flex !important;
order: 3 !important;
}
html body #navbar-mobile-container .injected-mobile-icons .menu-item-trend { order: 4 !important; }
html body #navbar-mobile-container .injected-mobile-icons .menu-item-bell { order: 5 !important; }
html body #navbar-mobile-container .injected-mobile-icons .menu-item-social {
display: block !important;
order: 6 !important;
grid-column: 1 / -1 !important;
flex: 0 0 100% !important;
width: 100% !important;
}
html body #navbar-mobile-container .injected-mobile-icons .icon-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
padding: 0 !important;
margin: 0 !important;
border: 1px solid rgba(225, 255, 247, 0.25) !important;
border-radius: 50% !important;
background: rgba(4, 15, 14, 0.22) !important;
color: var(--bwp-drawer-text) !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02) !important;
transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li.bwp-premium-nav-text > a {
border-color: rgba(244, 196, 93, 0.22) !important;
color: var(--bwp-aurora-gold) !important;
background: linear-gradient(90deg, rgba(244, 196, 93, 0.075), rgba(244, 196, 93, 0.018)) !important;
box-shadow: inset 3px 0 0 rgba(244, 196, 93, 0.72), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li.bwp-premium-nav-text > a:hover,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li.bwp-premium-nav-text > a:focus-visible {
border-color: rgba(255, 220, 141, 0.42) !important;
color: #ffdc8d !important;
background: rgba(244, 196, 93, 0.115) !important;
} html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li.cart-menu-item .cart-menu-item-container {
display: block !important;
width: 100% !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li.cart-menu-item a.cart-menu-item-link {
display: flex !important;
position: relative !important;
left: 0 !important;
align-items: center !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
width: 100% !important;
min-height: 47px !important;
padding: 0 14px 0 48px !important;
border: 1px solid transparent !important;
border-radius: 15px !important;
background: rgba(255, 255, 255, 0.018) !important;
color: rgba(244, 247, 247, 0.93) !important;
font-family: Poppins, Inter, sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
letter-spacing: 0.012em !important;
text-transform: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li.cart-menu-item a.cart-menu-item-link:hover,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li.cart-menu-item a.cart-menu-item-link:focus-visible {
border-color: rgba(244, 196, 93, 0.24) !important;
background: rgba(244, 196, 93, 0.07) !important;
color: #ffffff !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .cart-menu-item-link::before {
content: '' !important;
display: block !important;
position: absolute !important;
top: 50% !important;
left: 15px !important;
width: 19px !important;
height: 19px !important;
margin: 0 !important;
background: var(--bwp-aurora-gold) !important;
transform: translateY(-50%) !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4h-2l-1 2v2h2l2.4 7.2A2.5 2.5 0 0 0 10.8 17h7.4a2.5 2.5 0 0 0 2.4-1.8L22 10H8.4L7 4Zm3.8 11-1-3h9.6l-.8 3h-7.8ZM11 18.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm7 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4h-2l-1 2v2h2l2.4 7.2A2.5 2.5 0 0 0 10.8 17h7.4a2.5 2.5 0 0 0 2.4-1.8L22 10H8.4L7 4Zm3.8 11-1-3h9.6l-.8 3h-7.8ZM11 18.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm7 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .cart-menu-item .cart-text,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .cart-menu-item-container .cart-text {
display: inline-flex !important;
position: static !important;
width: auto !important;
visibility: visible !important;
color: inherit !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .cart-menu-item .product-count,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .cart-menu-item-container .product-count {
display: grid !important;
position: absolute !important;
top: 7px !important;
left: 29px !important;
place-items: center !important;
min-width: 16px !important;
height: 16px !important;
padding: 0 4px !important;
border: 2px solid #0b1117 !important;
border-radius: 999px !important;
background: var(--bwp-aurora-coral) !important;
color: #fff !important;
font: 800 8px/1 Inter, sans-serif !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .cart-menu-item .woocommerce-Price-amount,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .cart-menu-item-container .woocommerce-Price-amount {
display: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .cart-menu-panel {
display: none !important;
}
html body #navbar-mobile-container .injected-mobile-icons .icon-btn:hover,
html body #navbar-mobile-container .injected-mobile-icons .icon-btn:focus-visible,
html body #navbar-mobile-container .injected-mobile-icons .icon-btn:active {
border-color: rgba(92, 255, 177, 0.82) !important;
background: rgba(100, 197, 177, 0.18) !important;
color: #bffff0 !important;
box-shadow: 0 0 18px rgba(92, 255, 177, 0.24) !important;
outline: none !important;
transform: translateY(-1px) !important;
}
html body #navbar-mobile-container .injected-mobile-icons .icon-btn svg,
html body #navbar-mobile-container .injected-mobile-icons .bwp-live-menu-icon {
width: 19px !important;
height: 19px !important;
}
html body #navbar-mobile-container .injected-mobile-icons .bwp-live-menu-frame {
fill: none !important;
stroke: currentColor !important;
stroke-width: 2 !important;
}
html body #navbar-mobile-container .injected-mobile-icons .bwp-live-menu-play {
fill: currentColor !important;
stroke: none !important;
}
html body #navbar-mobile-container .injected-mobile-icons .icon-4k-text {
color: inherit !important;
font-family: Montserrat, Helvetica, Arial, sans-serif !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons .menu-item-social .social-sub-menu {
display: grid !important;
position: static !important;
align-items: center !important;
grid-template-columns: repeat(5, 34px) !important;
justify-content: space-between !important;
box-sizing: border-box !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
gap: 0 !important;
border: 0 !important;
background: transparent !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
box-shadow: none !important;
transform: none !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-sub-menu > li,
html body #navbar-mobile-container .injected-mobile-icons .social-icon-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
background: transparent !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 {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
border: 1px solid rgba(225, 255, 247, 0.22) !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.025) !important;
background-image: none !important;
box-shadow: none !important;
color: #d9dfe1 !important;
transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, transform 180ms ease !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-icon-circle svg {
display: none !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-icon-circle::before {
content: "" !important;
display: block !important;
width: 17px !important;
height: 17px !important;
background: currentColor !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-instagram .social-icon-circle::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1'/%3E%3C/svg%3E") !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-facebook .social-icon-circle::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M14 8h4V3h-4c-4 0-6 2-6 6v3H4v5h4v4h5v-4h4l1-5h-5V9c0-.7.3-1 1-1z'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M14 8h4V3h-4c-4 0-6 2-6 6v3H4v5h4v4h5v-4h4l1-5h-5V9c0-.7.3-1 1-1z'/%3E%3C/svg%3E") !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-pinterest .social-icon-circle::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 3a9 9 0 0 0-3.3 17.4c-.1-1.5 0-3.2.4-4.6l1.2-5s-.3-.7-.3-1.8c0-1.7 1-3 2.2-3 1 0 1.6.8 1.6 1.8 0 1.1-.7 2.7-1 4.2-.3 1.2.6 2.2 1.8 2.2 2.1 0 3.7-2.2 3.7-5.5 0-2.9-2.1-4.9-5-4.9-3.4 0-5.4 2.6-5.4 5.2 0 1 .4 2.1.9 2.7.1.1.1.2.1.4l-.3 1.3c-.1.4-.4.5-.8.3-2.1-1-3.4-3.9-3.4-6.3 0-5.1 3.7-9.8 10.7-9.8 5.6 0 10 4 10 9.4 0 5.6-3.5 10.1-8.4 10.1-1.6 0-3.2-.9-3.7-1.9l-1 3.8c-.4 1.4-1.4 3.2-2 4.3.8.2 1.7.4 2.7.4a9 9 0 0 0 0-18z'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 3a9 9 0 0 0-3.3 17.4c-.1-1.5 0-3.2.4-4.6l1.2-5s-.3-.7-.3-1.8c0-1.7 1-3 2.2-3 1 0 1.6.8 1.6 1.8 0 1.1-.7 2.7-1 4.2-.3 1.2.6 2.2 1.8 2.2 2.1 0 3.7-2.2 3.7-5.5 0-2.9-2.1-4.9-5-4.9-3.4 0-5.4 2.6-5.4 5.2 0 1 .4 2.1.9 2.7.1.1.1.2.1.4l-.3 1.3c-.1.4-.4.5-.8.3-2.1-1-3.4-3.9-3.4-6.3 0-5.1 3.7-9.8 10.7-9.8 5.6 0 10 4 10 9.4 0 5.6-3.5 10.1-8.4 10.1-1.6 0-3.2-.9-3.7-1.9l-1 3.8c-.4 1.4-1.4 3.2-2 4.3.8.2 1.7.4 2.7.4a9 9 0 0 0 0-18z'/%3E%3C/svg%3E") !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-telegram .social-icon-circle::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='m21 4-3 16-6-4-3 3v-5l8-7-10 6-4-1z'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='m21 4-3 16-6-4-3 3v-5l8-7-10 6-4-1z'/%3E%3C/svg%3E") !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-whatsapp .social-icon-circle::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.8a8.5 8.5 0 0 1-12.6 7.5L3 21l1.6-4.7A8.5 8.5 0 1 1 20.5 11.8z'/%3E%3Cpath d='M8.2 8.3c.3-.7.6-.7.9-.7h.5c.2 0 .4.1.5.5l.7 1.8c.1.3.1.5-.1.7l-.6.7c-.2.2-.2.4-.1.6.5 1 1.3 1.9 2.3 2.4.2.1.4.1.6-.1l.8-1c.2-.2.4-.3.7-.2l1.8.9c.3.2.5.3.5.5 0 .2-.1 1.2-.6 1.7-.5.6-1.3.8-2 .8-.5 0-1.1-.1-1.8-.4-3.1-1.3-5.1-4.5-5.3-4.7-.2-.3-1.3-1.8-1.3-3.4 0-1 .4-1.7.8-2.1z'/%3E%3C/svg%3E") !important;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.8a8.5 8.5 0 0 1-12.6 7.5L3 21l1.6-4.7A8.5 8.5 0 1 1 20.5 11.8z'/%3E%3Cpath d='M8.2 8.3c.3-.7.6-.7.9-.7h.5c.2 0 .4.1.5.5l.7 1.8c.1.3.1.5-.1.7l-.6.7c-.2.2-.2.4-.1.6.5 1 1.3 1.9 2.3 2.4.2.1.4.1.6-.1l.8-1c.2-.2.4-.3.7-.2l1.8.9c.3.2.5.3.5.5 0 .2-.1 1.2-.6 1.7-.5.6-1.3.8-2 .8-.5 0-1.1-.1-1.8-.4-3.1-1.3-5.1-4.5-5.3-4.7-.2-.3-1.3-1.8-1.3-3.4 0-1 .4-1.7.8-2.1z'/%3E%3C/svg%3E") !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-icon-link:hover .social-icon-circle,
html body #navbar-mobile-container .injected-mobile-icons .social-icon-link:focus-visible .social-icon-circle {
border-color: rgba(100, 197, 177, 0.72) !important;
background: rgba(100, 197, 177, 0.12) !important;
color: #bffff0 !important;
outline: none !important;
transform: translateY(-1px) !important;
} body.menu-toggle #mobile-closer-overlay {
display: block !important;
position: fixed !important;
inset: 0 !important;
z-index: 999998 !important;
width: 100vw !important;
height: 100dvh !important;
background: rgba(0, 0, 0, 0.38) !important;
-webkit-backdrop-filter: blur(2px) !important;
backdrop-filter: blur(2px) !important;
opacity: 1 !important;
cursor: pointer !important;
} 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: max(12px, env(safe-area-inset-top)) !important;
right: calc(min(82vw, 336px) + 10px) !important;
left: auto !important;
z-index: 100000000 !important;
box-sizing: border-box !important;
width: 40px !important;
height: 40px !important;
padding: 0 !important;
border: 1px solid rgba(230, 255, 248, 0.18) !important;
border-radius: 50% !important;
background: rgba(5, 15, 15, 0.28) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
cursor: pointer !important;
}
body.menu-toggle #toggle::before {
content: "" !important;
display: block !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
background:
linear-gradient(45deg, transparent 45%, #f4ffff 46%, #f4ffff 54%, transparent 55%),
linear-gradient(-45deg, transparent 45%, #f4ffff 46%, #f4ffff 54%, transparent 55%) !important;
background-position: center !important;
background-repeat: no-repeat !important;
transform: translate(-50%, -50%) !important;
}
body.menu-toggle #toggle::after {
content: none !important;
display: none !important;
} body:not(.menu-toggle) #mobile-bar #toggle {
right: 12px !important;
left: auto !important;
}
html body #navbar-mobile-container::-webkit-scrollbar,
html body #navbar-mobile-container .sub-menu::-webkit-scrollbar {
width: 4px;
}
html body #navbar-mobile-container::-webkit-scrollbar-thumb,
html body #navbar-mobile-container .sub-menu::-webkit-scrollbar-thumb {
border-radius: 999px;
background: rgba(100, 197, 177, 0.28);
}
}
@media (max-width: 360px) {
html body #navbar-mobile-container .injected-mobile-icons > ul.nav-menu-mobile {
column-gap: 5px !important;
}
} @media (max-width: 1024px) {
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons {
position: relative !important;
left: auto !important;
bottom: auto !important;
box-sizing: border-box !important;
width: calc(100% + 12px) !important;
max-width: none !important;
margin: auto -6px 0 !important;
padding: 14px 6px max(10px, env(safe-area-inset-bottom)) !important;
float: none !important;
text-align: center !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons > ul.nav-menu-mobile {
display: grid !important;
grid-template-columns: repeat(5, 38px) !important;
align-items: center !important;
justify-content: space-between !important;
column-gap: 0 !important;
row-gap: 11px !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons > ul.nav-menu-mobile > li {
width: auto !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons > ul.nav-menu-mobile > li:not(.menu-item-social) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 38px !important;
line-height: 0 !important;
} html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons > ul.nav-menu-mobile > li.bwp-community-nav-item,
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons > ul.nav-menu-mobile > li.cart-menu-item,
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons > ul.nav-menu-mobile > li.menu-item.menu-item-share,
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons .menu-item-social > a.btn-plus {
display: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons .menu-item-social {
grid-column: 1 / -1 !important;
width: 100% !important;
height: auto !important;
}
} html body.is-photos .gaia-search-form.bwp-live-search-has-switcher {
--bwp-search-action-font-size: 14px;
}
html body.is-photos .gaia-search-form .bwp-media-switcher--search {
right: 109px !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher--search .bwp-media-switcher__trigger {
border: 0 !important;
border-right: 1px solid rgba(25, 48, 49, 0.42) !important;
border-left: 1px solid rgba(25, 48, 49, 0.42) !important;
border-radius: 0 !important;
color: #243738 !important;
background: transparent !important;
background-image: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
box-shadow: none !important;
font-family: Inter, sans-serif !important;
font-size: var(--bwp-search-action-font-size) !important;
font-weight: 700 !important;
letter-spacing: normal !important;
text-transform: none !important;
text-shadow: none !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher--search .bwp-media-switcher__label {
display: inline-block !important;
white-space: nowrap !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher--search .bwp-media-switcher__trigger:hover,
html body.is-photos .gaia-search-form .bwp-media-switcher--search .bwp-media-switcher__trigger:focus-visible,
html body.is-photos .gaia-search-form .bwp-media-switcher--search.is-open .bwp-media-switcher__trigger {
border-right-color: rgba(100, 197, 177, 0.88) !important;
border-left-color: rgba(100, 197, 177, 0.88) !important;
color: #173f3c !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
outline: none !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher--search .bwp-media-switcher__options {
border-color: rgba(255, 255, 255, 0.18) !important;
background: rgba(7, 15, 19, 0.42) !important;
-webkit-backdrop-filter: blur(20px) saturate(145%) !important;
backdrop-filter: blur(20px) saturate(145%) !important;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher--search .bwp-media-switcher__option {
font-family: Inter, sans-serif !important;
font-size: var(--bwp-search-action-font-size) !important;
font-weight: 700 !important;
letter-spacing: normal !important;
text-transform: none !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher--search .bwp-media-switcher__option[aria-selected="true"] {
color: #ffffff !important;
background: rgba(79, 209, 197, 0.14) !important;
box-shadow: inset 2px 0 0 rgba(100, 197, 177, 0.82) !important;
}
@media (max-width: 1024px) {
html body.is-photos .gaia-search-form.bwp-live-search-has-switcher {
--bwp-search-action-font-size: 15px;
}
html body.is-photos .gaia-search-form .bwp-media-switcher--search {
right: 120px !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher[data-value="default"] {
width: 150px !important;
}
} @media (max-width: 600px) {
html body.is-photos .gaia-search-form.bwp-live-search-has-switcher {
margin: 0 auto !important;
--bwp-search-action-font-size: 13px;
}
html body.is-photos .gaia-search-form.bwp-live-search-has-switcher input.search-field {
padding-right: 184px !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher--search {
top: 50% !important;
right: 94px !important;
left: auto !important;
height: 30px !important;
margin: 0 !important;
transform: translateY(-50%) !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher[data-value="default"] {
width: 82px !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher[data-value="live"] {
width: 68px !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher[data-value="photo"] {
width: 86px !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher[data-value="desktop"] {
width: 94px !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher__trigger {
gap: 4px !important;
height: 30px !important;
padding: 0 7px 0 8px !important;
border: 0 !important;
border-right: 1px solid rgba(25, 48, 49, 0.42) !important;
border-left: 1px solid rgba(25, 48, 49, 0.42) !important;
border-radius: 0 !important;
color: #243738 !important;
background: transparent !important;
box-shadow: none !important;
font-family: Inter, sans-serif !important;
font-size: var(--bwp-search-action-font-size) !important;
font-weight: 700 !important;
line-height: 30px !important;
letter-spacing: normal !important;
text-transform: none !important;
text-shadow: none !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher__trigger:hover,
html body.is-photos .gaia-search-form .bwp-media-switcher__trigger:focus-visible,
html body.is-photos .gaia-search-form .bwp-media-switcher.is-open .bwp-media-switcher__trigger {
border-right-color: rgba(100, 197, 177, 0.88) !important;
border-left-color: rgba(100, 197, 177, 0.88) !important;
color: #173f3c !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher__trigger svg {
flex-basis: 12px !important;
width: 12px !important;
height: 12px !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher__label {
display: inline-block !important;
white-space: nowrap !important;
} html body.is-photos .gaia-search-form .bwp-media-switcher[data-value="default"] .bwp-media-switcher__label {
font-size: 0 !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher[data-value="default"] .bwp-media-switcher__label::after {
font-size: var(--bwp-search-action-font-size) !important;
content: "Mixed";
}
html body.is-photos .gaia-search-form .bwp-media-switcher__options {
top: calc(100% + 9px) !important;
right: 0 !important;
min-width: 118px !important;
padding: 5px !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
border-radius: 11px !important;
background: rgba(7, 15, 19, 0.42) !important;
-webkit-backdrop-filter: blur(20px) saturate(145%) !important;
backdrop-filter: blur(20px) saturate(145%) !important;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
transform: none !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher__option {
height: 32px !important;
padding: 0 9px !important;
border-radius: 7px !important;
font-family: Inter, sans-serif !important;
font-size: var(--bwp-search-action-font-size) !important;
font-weight: 700 !important;
line-height: 32px !important;
letter-spacing: normal !important;
text-transform: none !important;
}
html body.is-photos .gaia-search-form .bwp-media-switcher__option[aria-selected="true"] {
color: #ffffff !important;
background: rgba(79, 209, 197, 0.14) !important;
box-shadow: inset 2px 0 0 rgba(100, 197, 177, 0.82) !important;
}
}
@media (max-width: 1024px) and (max-height: 560px) {
html body #navbar-mobile-container .injected-mobile-icons {
position: relative !important;
}
}
@media (max-width: 1024px) and (prefers-reduced-motion: reduce) {
html body #navbar-mobile-container *,
html body #navbar-mobile-container *::before,
html body #navbar-mobile-container *::after {
animation: none !important;
transition: none !important;
}
} @media (max-width: 1024px) {
:root {
--bwp-aurora-cyan: #35d4d8;
--bwp-aurora-mint: #76d8a0;
--bwp-aurora-gold: #f4c45d;
--bwp-aurora-coral: #f06c72;
--bwp-aurora-violet: #a65adb;
--bwp-aurora-panel: #070b10;
--bwp-aurora-text: #f4f7f7;
--bwp-aurora-muted: #91a0a5;
}
html body #navbar-mobile-container,
html body #navbar-mobile-container.lumina-mobile-container {
right: 0 !important;
width: min(88vw, 360px) !important;
max-width: 360px !important;
border-left: 1px solid rgba(205, 239, 238, 0.15) !important;
background:
radial-gradient(90% 52% at 104% 8%, rgba(53, 212, 216, 0.16), transparent 58%),
radial-gradient(82% 48% at -8% 74%, rgba(166, 90, 219, 0.13), transparent 62%),
radial-gradient(72% 30% at 92% 92%, rgba(244, 196, 93, 0.10), transparent 68%),
linear-gradient(162deg, rgba(15, 23, 31, 0.96), rgba(7, 11, 16, 0.985) 48%, rgba(6, 15, 18, 0.98)) !important;
-webkit-backdrop-filter: blur(32px) saturate(150%) !important;
backdrop-filter: blur(32px) saturate(150%) !important;
box-shadow: -28px 0 80px rgba(0, 0, 0, 0.50), inset 1px 0 0 rgba(255, 255, 255, 0.035) !important;
transform: translate3d(100%, 0, 0) !important;
transition: transform 360ms cubic-bezier(0.22, 0.76, 0.24, 1) !important;
will-change: transform;
}
body.menu-toggle #navbar-mobile-container,
body.menu-toggle.breakpoint #navbar-mobile-container {
right: 0 !important;
width: min(88vw, 360px) !important;
max-width: 360px !important;
transform: translate3d(0, 0, 0) !important;
}
html body #navbar-mobile-container::before {
content: "" !important;
display: block !important;
position: absolute !important;
z-index: -1 !important;
inset: 0 !important;
background:
repeating-linear-gradient(118deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 8px),
radial-gradient(44% 22% at 48% 40%, rgba(118, 216, 160, 0.055), transparent 74%) !important;
pointer-events: none !important;
}
html body #navbar-mobile-container::after {
content: "" !important;
display: block !important;
position: fixed !important;
z-index: 4 !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 3px !important;
background: linear-gradient(180deg,
var(--bwp-aurora-cyan) 0 19%,
var(--bwp-aurora-mint) 19% 38%,
var(--bwp-aurora-gold) 38% 58%,
var(--bwp-aurora-coral) 58% 78%,
var(--bwp-aurora-violet) 78% 100%) !important;
box-shadow: 0 0 18px rgba(53, 212, 216, 0.22) !important;
pointer-events: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile {
position: relative !important;
min-height: 100dvh !important;
padding: max(12px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom)) !important;
}
html body #navbar-mobile-container .bwp-access-badge {
display: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile::before {
content: "" !important;
display: flex !important;
flex: 0 0 62px !important;
align-items: center !important;
box-sizing: border-box !important;
width: calc(100% - 36px) !important;
height: 62px !important;
margin: 0 auto 11px !important;
padding: 0 !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 17px !important;
background:
radial-gradient(circle at 50% 45%, rgba(53, 212, 216, 0.09) 0, rgba(118, 216, 160, 0.025) 48%, transparent 72%),
linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 14px 30px rgba(0, 0, 0, 0.16) !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile::after {
content: "BEST WALLPAPERS" !important;
display: flex !important;
position: absolute !important;
z-index: 2 !important;
top: calc(max(12px, env(safe-area-inset-top)) + 13px) !important;
right: 28px !important;
left: 28px !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
height: 36px !important;
padding: 0 !important;
color: #f6fbfb !important;
background: none !important;
font-family: Poppins, Inter, sans-serif !important;
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: 0.055em !important;
text-shadow: 0 4px 18px rgba(0, 0, 0, 0.34) !important;
white-space: nowrap !important;
transform: none !important;
pointer-events: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) {
position: relative !important;
box-sizing: border-box !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
animation: none !important;
transform: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons)::before {
content: none !important;
display: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons):first-of-type {
padding-top: 27px !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons):first-of-type::before {
content: "DISCOVER" !important;
display: flex !important;
position: absolute !important;
top: 0 !important;
left: 12px !important;
align-items: center !important;
height: 22px !important;
color: #80e0db !important;
font-family: Inter, sans-serif !important;
font-size: 9px !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: 0.19em !important;
opacity: 1 !important;
visibility: visible !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile {
display: grid !important;
gap: 4px !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li {
border: 0 !important;
border-radius: 15px !important;
background: transparent !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a {
min-height: 47px !important;
padding: 0 14px !important;
border: 1px solid transparent !important;
border-radius: 15px !important;
color: rgba(244, 247, 247, 0.93) !important;
background: rgba(255, 255, 255, 0.018) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.014) !important;
font-family: Poppins, Inter, sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
letter-spacing: 0.012em !important;
text-transform: none !important;
transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a > span,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a .menu-item-inner,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a .menu-item-text-container {
opacity: 1 !important;
visibility: visible !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a:hover,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li > a:focus-visible,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li.active > a,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile > li.open > a {
border-color: rgba(118, 216, 160, 0.20) !important;
color: #ffffff !important;
background: linear-gradient(90deg, rgba(53, 212, 216, 0.115), rgba(166, 90, 219, 0.055)) !important;
box-shadow: inset 3px 0 0 var(--bwp-aurora-cyan), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
outline: none !important;
transform: translateX(0) !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile li.menu-item-has-children > a::after {
width: 6px !important;
height: 6px !important;
margin: -4px 3px 0 12px !important;
border-width: 0 1.5px 1.5px 0 !important;
opacity: 0.70 !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .sub-menu:not(.social-sub-menu) {
box-sizing: border-box !important;
margin: 4px 2px 8px !important;
padding: 6px !important;
border: 1px solid rgba(255, 255, 255, 0.065) !important;
border-radius: 16px !important;
background: rgba(3, 8, 12, 0.44) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a {
min-height: 36px !important;
padding: 7px 12px !important;
border-radius: 10px !important;
color: var(--bwp-aurora-muted) !important;
font-family: Poppins, Inter, sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a:hover,
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons) .nav-menu-mobile .sub-menu:not(.social-sub-menu) > li > a:focus-visible {
color: #ffffff !important;
background: rgba(255, 255, 255, 0.055) !important;
outline: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile .nav-menu-mobile > li.hot {
display: block !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 15px !important;
background: transparent !important;
box-shadow: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile .nav-menu-mobile > li.hot > a .menu-item-text-container::before {
top: 50% !important;
right: -25px !important;
transform: translateY(-50%) !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons {
position: relative !important;
left: auto !important;
bottom: auto !important;
width: calc(100% - 4px) !important;
max-width: none !important;
margin: auto 2px 0 !important;
padding: 17px 12px 12px !important;
border: 1px solid rgba(255, 255, 255, 0.085) !important;
border-radius: 23px !important;
background: linear-gradient(145deg, rgba(17, 28, 35, 0.88), rgba(6, 13, 18, 0.82)) !important;
-webkit-backdrop-filter: blur(22px) saturate(140%) !important;
backdrop-filter: blur(22px) saturate(140%) !important;
box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
overflow: hidden !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons::before {
top: 0 !important;
left: 14px !important;
width: calc(100% - 28px) !important;
height: 2px !important;
border-radius: 999px !important;
background: linear-gradient(90deg,
var(--bwp-aurora-cyan),
var(--bwp-aurora-mint),
var(--bwp-aurora-gold),
var(--bwp-aurora-coral),
var(--bwp-aurora-violet)) !important;
box-shadow: 0 0 16px rgba(53, 212, 216, 0.30) !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons > ul.nav-menu-mobile {
display: grid !important;
grid-template-columns: repeat(5, 42px) !important;
align-items: center !important;
justify-content: space-between !important;
column-gap: 0 !important;
row-gap: 12px !important;
box-sizing: border-box !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons > ul.nav-menu-mobile > li:not(.menu-item-social) {
height: 42px !important;
}
html body #navbar-mobile-container .injected-mobile-icons .menu-item-4k { --bwp-dock-accent: var(--bwp-aurora-cyan); }
html body #navbar-mobile-container .injected-mobile-icons .menu-item-desktop { --bwp-dock-accent: var(--bwp-aurora-gold); }
html body #navbar-mobile-container .injected-mobile-icons .bwp-live-menu--icon { --bwp-dock-accent: var(--bwp-aurora-coral); }
html body #navbar-mobile-container .injected-mobile-icons .menu-item-trend { --bwp-dock-accent: var(--bwp-aurora-violet); }
html body #navbar-mobile-container .injected-mobile-icons .menu-item-bell { --bwp-dock-accent: var(--bwp-aurora-mint); }
html body #navbar-mobile-container .injected-mobile-icons .icon-btn {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
max-width: 42px !important;
max-height: 42px !important;
border-color: rgba(255, 255, 255, 0.12) !important;
color: var(--bwp-dock-accent, #dce5e6) !important;
background: rgba(255, 255, 255, 0.035) !important;
box-shadow: inset 0 -2px 0 var(--bwp-dock-accent, rgba(255, 255, 255, 0.18)), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}
html body #navbar-mobile-container .injected-mobile-icons .icon-btn:hover,
html body #navbar-mobile-container .injected-mobile-icons .icon-btn:focus-visible,
html body #navbar-mobile-container .injected-mobile-icons .icon-btn:active {
border-color: var(--bwp-dock-accent, var(--bwp-aurora-cyan)) !important;
color: #ffffff !important;
background: rgba(255, 255, 255, 0.075) !important;
box-shadow: 0 0 20px color-mix(in srgb, var(--bwp-dock-accent, var(--bwp-aurora-cyan)) 25%, transparent), inset 0 -2px 0 var(--bwp-dock-accent, var(--bwp-aurora-cyan)) !important;
}
html body #navbar-mobile-container .injected-mobile-icons .icon-btn svg,
html body #navbar-mobile-container .injected-mobile-icons .bwp-live-menu-icon {
width: 18px !important;
height: 18px !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons .menu-item-social {
grid-column: 1 / -1 !important;
width: 100% !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons .menu-item-social .social-sub-menu {
display: grid !important;
grid-template-columns: repeat(5, 30px) !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
width: 100% !important;
padding: 0 5px !important;
gap: 0 !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-icon-circle {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
min-height: 30px !important;
border-color: rgba(255, 255, 255, 0.085) !important;
color: #aab7ba !important;
background: rgba(255, 255, 255, 0.018) !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-icon-circle::before {
width: 15px !important;
height: 15px !important;
}
html body #navbar-mobile-container .injected-mobile-icons .social-icon-link:hover .social-icon-circle,
html body #navbar-mobile-container .injected-mobile-icons .social-icon-link:focus-visible .social-icon-circle {
border-color: rgba(53, 212, 216, 0.34) !important;
color: #ffffff !important;
background: rgba(53, 212, 216, 0.085) !important;
}
body.menu-toggle #mobile-closer-overlay {
background: rgba(2, 4, 7, 0.54) !important;
-webkit-backdrop-filter: blur(4px) saturate(80%) !important;
backdrop-filter: blur(4px) saturate(80%) !important;
}
body.menu-toggle #mobile-closer-overlay::before {
content: "×" !important;
display: grid !important;
position: fixed !important;
top: max(16px, env(safe-area-inset-top)) !important;
left: max(4px, calc(100vw - min(88vw, 360px) - 40px)) !important;
place-items: center !important;
box-sizing: border-box !important;
width: 36px !important;
height: 36px !important;
border: 1px solid rgba(53, 212, 216, 0.34) !important;
border-radius: 50% !important;
color: #f4f7f7 !important;
background: rgba(8, 14, 19, 0.92) !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
font-family: Inter, sans-serif !important;
font-size: 22px !important;
font-weight: 300 !important;
line-height: 1 !important;
pointer-events: none !important;
}
body.menu-toggle #mobile-bar,
body.menu-toggle.breakpoint #mobile-bar {
display: block !important;
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
width: 100% !important;
height: 0 !important;
min-height: 0 !important;
overflow: visible !important;
background: transparent !important;
z-index: 2147483647 !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
}
body.menu-toggle #toggle,
body.menu-toggle.breakpoint #mobile-bar #toggle {
top: max(16px, env(safe-area-inset-top)) !important;
right: calc(min(88vw, 360px) - 18px) !important;
width: 40px !important;
height: 40px !important;
z-index: 2147483647 !important;
border-color: rgba(255, 255, 255, 0.14) !important;
background: rgba(8, 14, 19, 0.88) !important;
-webkit-backdrop-filter: blur(12px) !important;
backdrop-filter: blur(12px) !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
}
@media (max-width: 350px) {
html body #navbar-mobile-container #site-navigation-primary-mobile {
padding-right: 8px !important;
padding-left: 8px !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile::after {
right: 26px !important;
left: 26px !important;
padding: 0 !important;
font-size: 18px !important;
letter-spacing: 0.035em !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons {
padding-right: 9px !important;
padding-left: 9px !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .injected-mobile-icons > ul.nav-menu-mobile {
grid-template-columns: repeat(5, 40px) !important;
}
html body #navbar-mobile-container .injected-mobile-icons .icon-btn {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
}
}
@media (max-width: 1024px) and (prefers-reduced-motion: reduce) {
html body #navbar-mobile-container,
html body #navbar-mobile-container *,
html body #navbar-mobile-container *::before,
html body #navbar-mobile-container *::after {
animation: none !important;
transition: none !important;
}
} @media (max-width: 1024px) {
html body #navbar-mobile-container #site-navigation-primary-mobile::before {
flex-basis: 46px !important;
width: 72% !important;
max-width: 236px !important;
height: 46px !important;
margin-bottom: 7px !important;
border-radius: 13px !important;
background: linear-gradient(135deg, rgba(255, 255, 255, .040), rgba(255, 255, 255, .008)) !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile::after {
top: calc(max(12px, env(safe-area-inset-top)) + 5px) !important;
right: 18% !important;
left: 18% !important;
height: 36px !important;
font-size: 17px !important;
letter-spacing: .04em !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons):first-of-type {
padding-top: 0 !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > div:not(.injected-mobile-icons):first-of-type::before {
content: none !important;
display: none !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .bwp-mobile-primary-menu-container {
padding-top: 0 !important;
margin-bottom: 8px !important;
}
html body #navbar-mobile-container .bwp-mobile-primary-menu {
display: grid !important;
gap: 4px !important;
}
html body #navbar-mobile-container .bwp-mobile-primary-menu > li.menu-item-home,
html body #navbar-mobile-container .bwp-community-discover,
html body #navbar-mobile-container .bwp-app-download-nav,
html body #navbar-mobile-container .bwp-live-menu--text {
display: none !important;
}
html body #navbar-mobile-container .bwp-mobile-primary-menu > li.bwp-premium-nav-text > a {
border-color: rgba(244, 196, 93, .24) !important;
color: var(--bwp-aurora-gold) !important;
background: rgba(244, 196, 93, .045) !important;
box-shadow: inset 3px 0 0 rgba(244, 196, 93, .76) !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .bwp-mobile-primary-menu-container .bwp-mobile-primary-menu > li.bwp-app-download-menu--mobile > a {
border-color: rgba(73, 223, 180, .22) !important;
color: #49dfb4 !important;
background: rgba(0, 0, 0, .20) !important;
box-shadow: inset 3px 0 0 rgba(73, 223, 180, .72) !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .bwp-mobile-primary-menu-container .bwp-mobile-primary-menu > li.bwp-app-download-menu--mobile > a::before,
html body #navbar-mobile-container #site-navigation-primary-mobile > .bwp-mobile-primary-menu-container .bwp-mobile-primary-menu > li.bwp-app-download-menu--mobile > a::after,
html body #navbar-mobile-container #site-navigation-primary-mobile > .bwp-mobile-primary-menu-container .bwp-mobile-primary-menu > li.bwp-app-download-menu--mobile .menu-item-text-container::before {
content: none !important;
display: none !important;
}
html body #navbar-mobile-container .bwp-mobile-primary-menu > li.cart-menu-item {
margin-top: 4px !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .bwp-mobile-primary-menu-container .bwp-mobile-primary-menu .cart-menu-item-link::before {
left: 16px !important;
}
html body #navbar-mobile-container #site-navigation-primary-mobile > .bwp-mobile-primary-menu-container .bwp-mobile-primary-menu .cart-menu-item .product-count {
top: 6px !important;
right: auto !important;
bottom: auto !important;
left: 27px !important;
box-sizing: border-box !important;
width: 15px !important;
min-width: 15px !important;
height: 15px !important;
margin: 0 !important;
padding: 0 !important;
border-width: 1px !important;
}
}#colophon.bwp-site-footer {
--bwp-footer-ink: #07090b;
--bwp-footer-panel: #101518;
--bwp-footer-panel-raised: #151b1f;
--bwp-footer-line: rgba(255, 255, 255, 0.11);
--bwp-footer-line-strong: rgba(255, 255, 255, 0.18);
--bwp-footer-text: #f6f9f8;
--bwp-footer-muted: #a9b2b7;
--bwp-footer-cyan: #3eddd3;
--bwp-footer-cyan-soft: #bdf8f4;
--bwp-footer-pink: #ff5d87;
--bwp-footer-amber: #f5bd48;
position: relative;
clear: both;
margin: 0;
padding: 0;
background: var(--bwp-footer-ink);
color: var(--bwp-footer-text);
font-family: "Hammersmith One", "Trebuchet MS", sans-serif;
overflow: hidden;
}
#colophon.bwp-site-footer,
#colophon.bwp-site-footer * {
box-sizing: border-box;
}
#colophon.bwp-site-footer .footer-inner {
background: transparent;
}
#colophon.bwp-site-footer .sidebar-footer {
border-top: 1px solid var(--bwp-footer-line);
background: #0d1114;
}
#colophon.bwp-site-footer .bwp-footer-main {
position: relative;
background:
radial-gradient(circle at 8% 4%, rgba(62, 221, 211, 0.08), transparent 24rem),
linear-gradient(180deg, #0c1013 0%, var(--bwp-footer-ink) 76%);
}
#colophon.bwp-site-footer .bwp-footer-spectrum {
display: grid;
grid-template-columns: 1.2fr 0.8fr 1fr 0.75fr 1.25fr;
height: 5px;
width: 100%;
}
#colophon.bwp-site-footer .bwp-footer-spectrum span:nth-child(1) { background: #29c5d1; }
#colophon.bwp-site-footer .bwp-footer-spectrum span:nth-child(2) { background: #62d68b; }
#colophon.bwp-site-footer .bwp-footer-spectrum span:nth-child(3) { background: var(--bwp-footer-amber); }
#colophon.bwp-site-footer .bwp-footer-spectrum span:nth-child(4) { background: #ef6a5b; }
#colophon.bwp-site-footer .bwp-footer-spectrum span:nth-child(5) { background: #b65be5; }
#colophon.bwp-site-footer .bwp-footer-wrap {
width: min(100% - 40px, 1240px);
margin: 0 auto;
}
#colophon.bwp-site-footer .bwp-footer-intro {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: clamp(30px, 4vw, 64px);
align-items: center;
padding: clamp(42px, 5vw, 64px) 0 clamp(34px, 4vw, 52px);
text-align: center;
}
#colophon.bwp-site-footer .bwp-footer-brand-block {
display: flex;
flex-direction: column;
align-items: center;
}
#colophon.bwp-site-footer .bwp-footer-brand {
--bwp-footer-brand-size: clamp(48px, 4.2vw, 60px);
--bwp-footer-logo-size: calc(var(--bwp-footer-brand-size) + clamp(4px, 0.6vw, 8px));
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: clamp(22px, 2vw, 28px);
width: auto;
min-height: var(--bwp-footer-logo-size);
color: var(--bwp-footer-text) !important;
font-family: Poppins, Arial, sans-serif;
text-decoration: none;
}
#colophon.bwp-site-footer .bwp-footer-brand img {
display: block;
flex: 0 0 calc(var(--bwp-footer-logo-size) + var(--bwp-footer-logo-size));
width: calc(var(--bwp-footer-logo-size) + var(--bwp-footer-logo-size));
height: var(--bwp-footer-logo-size);
object-fit: cover;
object-position: center 43%;
}
#colophon.bwp-site-footer .bwp-footer-brand-name {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
width: auto;
min-height: var(--bwp-footer-brand-size);
font-size: var(--bwp-footer-brand-size);
font-weight: 800;
letter-spacing: 0.035em;
line-height: 1;
text-align: left;
white-space: nowrap;
}
#colophon.bwp-site-footer .bwp-footer-brand-mark {
display: grid;
place-items: center;
width: 48px;
height: 34px;
border-radius: 9px;
background: linear-gradient(135deg, var(--bwp-footer-cyan), var(--bwp-footer-pink));
color: #071012;
font-size: 14px;
}
#colophon.bwp-site-footer .bwp-footer-kicker,
#colophon.bwp-site-footer .bwp-footer-section-label {
margin: 0;
color: var(--bwp-footer-cyan-soft);
font-family: Poppins, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
line-height: 1.4;
text-transform: uppercase;
}
#colophon.bwp-site-footer .bwp-footer-kicker {
margin-top: 22px;
}
#colophon.bwp-site-footer #bwp-footer-title {
max-width: 520px;
margin: 10px auto 13px;
color: var(--bwp-footer-text);
font-family: Poppins, Arial, sans-serif;
font-size: clamp(32px, 4.1vw, 58px);
font-weight: 600;
letter-spacing: -0.055em;
line-height: 1.02;
text-wrap: balance;
}
#colophon.bwp-site-footer #bwp-footer-title span {
display: block;
white-space: nowrap;
}
#colophon.bwp-site-footer .bwp-footer-lede {
max-width: 470px;
margin: 0 auto;
color: var(--bwp-footer-muted);
font-size: 15px;
line-height: 1.55;
}
#colophon.bwp-site-footer .bwp-footer-formats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
width: 100%;
max-width: 960px;
margin: 0 auto;
}
#colophon.bwp-site-footer .bwp-footer-format {
position: relative;
display: flex;
min-width: 0;
min-height: 160px;
padding: 20px;
border: 1px solid var(--bwp-footer-line);
border-radius: 18px;
background: rgba(255, 255, 255, 0.035);
color: var(--bwp-footer-text) !important;
text-decoration: none;
overflow: hidden;
isolation: isolate;
transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}
#colophon.bwp-site-footer .bwp-footer-format::before {
position: absolute;
inset: 0 auto 0 0;
width: 4px;
background: var(--format-accent);
content: "";
}
#colophon.bwp-site-footer .bwp-footer-format::after {
position: absolute;
width: 150px;
height: 150px;
right: -76px;
top: -82px;
border-radius: 50%;
background: var(--format-glow);
filter: blur(1px);
content: "";
z-index: -1;
}
#colophon.bwp-site-footer .bwp-footer-format--mobile {
--format-accent: var(--bwp-footer-cyan);
--format-glow: rgba(62, 221, 211, 0.15);
}
#colophon.bwp-site-footer .bwp-footer-format--desktop {
--format-accent: var(--bwp-footer-amber);
--format-glow: rgba(245, 189, 72, 0.14);
}
#colophon.bwp-site-footer .bwp-footer-format--live {
--format-accent: var(--bwp-footer-pink);
--format-glow: rgba(255, 93, 135, 0.16);
}
#colophon.bwp-site-footer .bwp-footer-format--app {
--format-accent: #62d68b;
--format-glow: rgba(98, 214, 139, 0.15);
}
#colophon.bwp-site-footer .bwp-footer-format--discover {
--format-accent: var(--bwp-footer-cyan);
--format-glow: rgba(62, 221, 211, 0.15);
}
#colophon.bwp-site-footer .bwp-footer-format-icon {
display: grid;
place-items: center;
align-self: flex-start;
width: 44px;
height: 44px;
border: 1px solid var(--bwp-footer-line-strong);
border-radius: 12px;
background: rgba(3, 5, 6, 0.42);
color: var(--format-accent);
}
#colophon.bwp-site-footer .bwp-footer-format-icon svg {
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
}
#colophon.bwp-site-footer .bwp-footer-format-copy {
position: absolute;
left: 20px;
right: 20px;
bottom: 18px;
display: grid;
gap: 5px;
}
#colophon.bwp-site-footer .bwp-footer-format-copy strong {
font-family: Poppins, Arial, sans-serif;
font-size: 17px;
font-weight: 600;
letter-spacing: -0.025em;
}
#colophon.bwp-site-footer .bwp-footer-format-copy small {
max-width: 180px;
color: var(--bwp-footer-muted);
font-size: 12px;
line-height: 1.35;
}
#colophon.bwp-site-footer .bwp-footer-arrow {
position: absolute;
right: 19px;
top: 19px;
display: grid;
place-items: center;
width: 32px;
height: 32px;
border-radius: 50%;
color: var(--bwp-footer-muted);
font-family: Arial, sans-serif;
font-size: 17px;
}
#colophon.bwp-site-footer .bwp-footer-directory {
display: grid;
grid-template-columns: minmax(250px, 0.8fr) minmax(0, 1.75fr);
gap: clamp(32px, 5vw, 72px);
padding: clamp(32px, 4vw, 46px) 0;
border-top: 1px solid var(--bwp-footer-line);
border-bottom: 1px solid var(--bwp-footer-line);
}
#colophon.bwp-site-footer .bwp-footer-chips {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 16px;
}
#colophon.bwp-site-footer .bwp-footer-chips a {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 9px 15px;
border: 1px solid var(--bwp-footer-line);
border-radius: 999px;
background: rgba(255, 255, 255, 0.025);
color: #d9dfe1 !important;
font-size: 12px;
text-decoration: none;
transition: border-color 160ms ease, color 160ms ease, background-color 160ms ease;
}
#colophon.bwp-site-footer .bwp-footer-links {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(22px, 3vw, 44px);
}
#colophon.bwp-site-footer .bwp-footer-link-group {
display: flex;
min-width: 0;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
#colophon.bwp-site-footer .bwp-footer-link-group .bwp-footer-section-label {
margin-bottom: 10px;
}
#colophon.bwp-site-footer .bwp-footer-link-group a {
display: inline-flex;
align-items: center;
min-height: 38px;
color: #d9dfe1 !important;
font-size: 13px;
line-height: 1.35;
text-decoration: none;
transition: color 160ms ease, transform 160ms ease;
}
#colophon.bwp-site-footer .bwp-footer-bottom {
display: grid;
grid-template-columns: minmax(220px, 1fr) auto minmax(300px, 1fr);
gap: 22px;
align-items: center;
padding: 22px 0 28px;
}
#colophon.bwp-site-footer .bwp-footer-copyright {
margin: 0;
color: #c3cbce;
font-size: 11px;
line-height: 1.6;
}
#colophon.bwp-site-footer .bwp-footer-copyright span {
display: block;
color: #737f85;
}
#colophon.bwp-site-footer .bwp-footer-socials {
display: flex;
justify-content: center;
gap: 8px;
}
#colophon.bwp-site-footer .bwp-footer-socials a {
display: grid;
place-items: center;
width: 42px;
height: 42px;
border: 1px solid var(--bwp-footer-line);
border-radius: 50%;
background: rgba(255, 255, 255, 0.025);
color: #d9dfe1 !important;
text-decoration: none;
transition: border-color 160ms ease, color 160ms ease, transform 160ms ease;
}
#colophon.bwp-site-footer .bwp-footer-socials svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.7;
}
#colophon.bwp-site-footer .bwp-footer-socials a:nth-child(2) svg,
#colophon.bwp-site-footer .bwp-footer-socials a:nth-child(3) svg,
#colophon.bwp-site-footer .bwp-footer-socials a:nth-child(4) svg {
fill: currentColor;
stroke: none;
}
#colophon.bwp-site-footer .bwp-footer-legal {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 6px 20px;
}
#colophon.bwp-site-footer .bwp-footer-legal a {
display: inline-flex;
align-items: center;
min-height: 38px;
color: #929da2 !important;
font-size: 11px;
text-decoration: none;
transition: color 160ms ease;
}
#colophon.bwp-site-footer .bwp-footer-legal .bwp-footer-to-top {
gap: 8px;
color: var(--bwp-footer-text) !important;
}
#colophon.bwp-site-footer .bwp-footer-to-top span {
display: grid;
place-items: center;
width: 28px;
height: 28px;
border: 1px solid var(--bwp-footer-line-strong);
border-radius: 50%;
color: var(--bwp-footer-cyan);
font-family: Arial, sans-serif;
font-size: 15px;
}
#colophon.bwp-site-footer .footer-end {
min-height: 0;
padding: 0;
}
#colophon.bwp-site-footer a:focus-visible {
outline: 3px solid rgba(62, 221, 211, 0.62);
outline-offset: 4px;
}
@media (hover: hover) {
#colophon.bwp-site-footer .bwp-footer-format:hover {
border-color: var(--bwp-footer-line-strong);
background: rgba(255, 255, 255, 0.065);
transform: translateY(-4px);
}
#colophon.bwp-site-footer .bwp-footer-chips a:hover {
border-color: rgba(62, 221, 211, 0.5);
background: rgba(62, 221, 211, 0.07);
color: var(--bwp-footer-cyan-soft) !important;
}
#colophon.bwp-site-footer .bwp-footer-link-group a:hover {
color: var(--bwp-footer-text) !important;
transform: translateX(3px);
}
#colophon.bwp-site-footer .bwp-footer-socials a:hover {
border-color: rgba(62, 221, 211, 0.55);
color: var(--bwp-footer-cyan) !important;
transform: translateY(-2px);
}
#colophon.bwp-site-footer .bwp-footer-legal a:hover,
#colophon.bwp-site-footer .bwp-footer-brand:hover {
color: var(--bwp-footer-cyan-soft) !important;
}
}
@media screen and (max-width: 1024px) {
#colophon.bwp-site-footer .bwp-footer-format--desktop-extra {
display: none;
}
#colophon.bwp-site-footer .bwp-footer-wrap {
width: min(100% - 48px, 920px);
}
#colophon.bwp-site-footer .bwp-footer-intro {
grid-template-columns: 1fr;
gap: 32px;
}
#colophon.bwp-site-footer #bwp-footer-title {
max-width: 680px;
}
#colophon.bwp-site-footer .bwp-footer-formats {
max-width: 960px;
}
#colophon.bwp-site-footer .bwp-footer-directory {
grid-template-columns: 1fr;
gap: 32px;
}
#colophon.bwp-site-footer .bwp-footer-bottom {
grid-template-columns: 1fr auto;
}
#colophon.bwp-site-footer .bwp-footer-socials {
justify-content: flex-end;
}
#colophon.bwp-site-footer .bwp-footer-legal {
grid-column: 1 / -1;
justify-content: flex-start;
padding-top: 14px;
border-top: 1px solid var(--bwp-footer-line);
}
#colophon.bwp-site-footer .bwp-footer-legal .bwp-footer-to-top {
margin-left: auto;
}
}
@media screen and (min-width: 1025px) {
#colophon.bwp-site-footer .bwp-footer-wrap {
width: min(100% - 36px, 1380px);
}
#colophon.bwp-site-footer .bwp-footer-intro {
grid-template-columns: minmax(310px, 0.72fr) minmax(0, 1.85fr);
gap: clamp(24px, 2.4vw, 38px);
padding: 32px 0 28px;
text-align: left;
}
#colophon.bwp-site-footer .bwp-footer-brand-block {
align-items: flex-start;
}
#colophon.bwp-site-footer .bwp-footer-brand {
--bwp-footer-brand-size: 18px;
--bwp-footer-logo-size: 28px;
justify-content: flex-start;
gap: 11px;
min-height: 28px;
}
#colophon.bwp-site-footer .bwp-footer-brand img {
flex-basis: 56px;
width: 56px;
height: 28px;
}
#colophon.bwp-site-footer .bwp-footer-brand-name {
min-height: 18px;
font-size: 18px;
}
#colophon.bwp-site-footer .bwp-footer-kicker {
margin-top: 14px;
}
#colophon.bwp-site-footer #bwp-footer-title {
max-width: 390px;
margin: 7px 0 9px;
font-size: clamp(34px, 3vw, 46px);
}
#colophon.bwp-site-footer .bwp-footer-lede {
max-width: 390px;
margin: 0;
font-size: 13px;
}
#colophon.bwp-site-footer .bwp-footer-formats {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 9px;
max-width: none;
margin: 0;
}
#colophon.bwp-site-footer .bwp-footer-format {
min-height: 150px;
padding: 16px;
border-radius: 16px;
}
#colophon.bwp-site-footer .bwp-footer-format-icon {
width: 40px;
height: 40px;
border-radius: 11px;
}
#colophon.bwp-site-footer .bwp-footer-format-icon svg {
width: 22px;
height: 22px;
}
#colophon.bwp-site-footer .bwp-footer-format-copy {
left: 16px;
right: 13px;
bottom: 15px;
gap: 4px;
}
#colophon.bwp-site-footer .bwp-footer-format-copy strong {
font-size: 15px;
}
#colophon.bwp-site-footer .bwp-footer-format-copy small {
font-size: 11px;
line-height: 1.3;
}
#colophon.bwp-site-footer .bwp-footer-arrow {
top: 15px;
right: 14px;
width: 28px;
height: 28px;
}
#colophon.bwp-site-footer .bwp-footer-directory {
gap: clamp(26px, 3vw, 48px);
padding: 25px 0;
}
#colophon.bwp-site-footer .bwp-footer-bottom {
padding: 18px 0 21px;
}
}
@media screen and (max-width: 720px) {
#colophon.bwp-site-footer .bwp-footer-wrap {
width: min(100% - 32px, 620px);
}
#colophon.bwp-site-footer .bwp-footer-intro {
gap: 24px;
padding-top: 16px;
padding-bottom: 30px;
}
#colophon.bwp-site-footer .bwp-footer-brand {
--bwp-footer-brand-size: clamp(28px, 8vw, 34px);
--bwp-footer-logo-size: clamp(68px, 20vw, 80px);
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
min-height: 0;
}
#colophon.bwp-site-footer .bwp-footer-brand img {
flex: 0 0 auto;
width: calc(var(--bwp-footer-logo-size) + var(--bwp-footer-logo-size));
height: var(--bwp-footer-logo-size);
}
#colophon.bwp-site-footer .bwp-footer-brand-name {
display: block;
width: 100%;
min-height: 0;
font-size: var(--bwp-footer-brand-size);
text-align: center;
}
#colophon.bwp-site-footer .bwp-footer-kicker {
margin-top: 18px;
}
#colophon.bwp-site-footer #bwp-footer-title {
font-size: clamp(32px, 10.5vw, 44px);
letter-spacing: -0.05em;
}
#colophon.bwp-site-footer .bwp-footer-formats {
grid-template-columns: 1fr;
}
#colophon.bwp-site-footer .bwp-footer-format {
min-height: 96px;
padding: 16px;
align-items: center;
}
#colophon.bwp-site-footer .bwp-footer-format-copy {
position: static;
margin-left: 14px;
padding-right: 34px;
}
#colophon.bwp-site-footer .bwp-footer-format-copy small {
max-width: none;
}
#colophon.bwp-site-footer .bwp-footer-arrow {
top: 50%;
transform: translateY(-50%);
}
#colophon.bwp-site-footer .bwp-footer-directory {
gap: 26px;
padding: 30px 0;
}
#colophon.bwp-site-footer .bwp-footer-links {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px 18px;
}
#colophon.bwp-site-footer .bwp-footer-link-group:last-child {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 20px;
}
#colophon.bwp-site-footer .bwp-footer-link-group:last-child .bwp-footer-section-label {
grid-column: 1 / -1;
}
#colophon.bwp-site-footer .bwp-footer-bottom {
grid-template-columns: 1fr;
gap: 14px;
padding-top: 22px;
padding-bottom: calc(84px + env(safe-area-inset-bottom));
}
#colophon.bwp-site-footer .bwp-footer-socials {
justify-content: flex-start;
}
#colophon.bwp-site-footer .bwp-footer-legal {
gap: 2px 18px;
}
#colophon.bwp-site-footer .bwp-footer-legal .bwp-footer-to-top {
width: 100%;
margin: 8px 0 0;
justify-content: space-between;
border-top: 1px solid var(--bwp-footer-line);
padding-top: 12px;
}
}
@media screen and (max-width: 380px) {
#colophon.bwp-site-footer .bwp-footer-brand {
--bwp-footer-brand-size: 27px;
--bwp-footer-logo-size: 68px;
gap: 16px;
}
#colophon.bwp-site-footer .bwp-footer-wrap {
width: min(100% - 24px, 356px);
}
#colophon.bwp-site-footer .bwp-footer-links {
grid-template-columns: 1fr;
}
#colophon.bwp-site-footer .bwp-footer-link-group:last-child {
grid-column: auto;
display: flex;
}
}
@media (prefers-reduced-motion: reduce) {
#colophon.bwp-site-footer *,
#colophon.bwp-site-footer *::before,
#colophon.bwp-site-footer *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}