html{color-scheme:dark}
.hero>img{object-position:70% center}
.hero-shade{background:linear-gradient(90deg,#0009,transparent 70%)}
@media(max-width:500px){.hero>img{object-position:66% center}.hero-shade{background:linear-gradient(90deg,#000b,#0003)}}
.logo{display:inline-flex;align-items:center;justify-content:center;line-height:0;letter-spacing:0}
.logo img{display:block;object-fit:contain;filter:invert(1);max-width:100%;height:auto}
.sidebar>.logo{align-self:center;width:160px}
footer .logo{flex-shrink:0;width:100px}
@media(max-width:800px){.sidebar>.logo{width:50px}}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:#000;color:#f5f5f5}
.sidebar{background:#000;border-color:#262626}
.nav{color:#f5f5f5}
.nav:hover,.nav.active{background:#121212;color:#fff}
.nav i{background:#262626;color:#f5f5f5}
.tagline,.tiny,.copyright,.profile small{color:#a8a8a8}
.club{background:#121212;border-color:#262626}
.club>span,.club button{color:#a8a8a8}
.avatar,.brand-avatar{background:#262626;color:#f5f5f5}
.search{background:#262626;color:#a8a8a8}
.search input{color:#f5f5f5}
.search input::placeholder,.search kbd{color:#a8a8a8}
.round{border-color:#363636;color:#f5f5f5}
.round span{background:#0095f6;color:#fff}
h1>span,.feed-heading h2 span{color:#f5f5f5}
.story-image{border-color:#555;background-color:#262626;color:#f5f5f5}
.story.selected .story-image{border-color:#e1306c}
.story-image.all{background:#121212}
.story-image.earth{background:#262626}
.story-image.new{background:#121212;color:#fff}
.story-note,.story-note strong{color:#a8a8a8}
.hero{background:#121212}
.hero h2 em{color:#fff}
.hero button{background:#f5f5f5;color:#000}
.ticker{border-color:#262626;color:#a8a8a8}
.ticker span,.live{color:#a8a8a8}
.live i{background:#0095f6}
.filter{border-color:#363636;color:#a8a8a8}
.filter:hover{background:#121212;color:#fff}
.filter.selected{background:#f5f5f5;color:#000;border-color:#f5f5f5}
select{color:#f5f5f5;background:#000}
.product-top small,.product-actions small,.product-info{color:#a8a8a8}
.product-info strong{color:#f5f5f5}
.product-image{background:#121212}
.badge,.badge.green{background:#262626;color:#fff}
.quick{background:#f5f5f5;color:#000}
.heart.saved{color:#ff3040}
.endnote,.endnote strong{color:#a8a8a8}
footer{border-color:#262626}
footer span,footer small{color:#a8a8a8}
dialog{background:#181818;color:#f5f5f5;box-shadow:0 20px 90px #0009}
dialog::backdrop{background:#000b}
dialog p,.demo,.bag-row small,.empty{color:#a8a8a8}
.sizes button{border-color:#363636;color:#f5f5f5}
.sizes .chosen{background:#f5f5f5;color:#000;border-color:#f5f5f5}
.primary{background:#0095f6;color:#fff;font-weight:600}
.primary:hover{background:#1877f2}
.primary:disabled{opacity:.4;cursor:default}
.bag-row{border-color:#363636}
#toast{background:#262626;color:#fff}
button:focus-visible,a:focus-visible{outline-color:#0095f6}
@media(max-width:500px){.sidebar{background:#000;border-color:#262626}.nav.active{color:#fff}}
button,input,select{font-family:inherit}
h1,.hero h2,.feed-heading h2,.club h3,dialog h2{font-family:inherit}
.product-top{font-size:12px;line-height:18px;letter-spacing:0}
.product-top b{font-weight:600}
.product-top small{font-size:11px;font-weight:400}
.product h3{font-size:14px;line-height:18px;font-weight:600;letter-spacing:0}
.product-actions small{font-size:12px;line-height:16px}
.product-info{font-size:12px;line-height:18px}
.product-info strong{font-size:14px;font-weight:600}
.story b{font-size:12px;font-weight:400;line-height:16px}
.nav span{font-size:14px;font-weight:400}
.nav.active span{font-weight:600}
.filter{font-size:12px;font-weight:600}
.search input{font-size:12px}
.product-image{height:auto;aspect-ratio:4/5}
.product-gallery{position:relative;min-width:0;overflow:hidden;border-radius:8px;background:#fff;aspect-ratio:4/5}
.gallery-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-slide{flex:0 0 100%;width:100%;height:100%;padding:0;border:0;background:#fff;scroll-snap-align:start;scroll-snap-stop:always}
.gallery-slide img,#productDetail .gallery-slide img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.gallery-count{position:absolute;top:12px;right:12px;background:#20211dba;color:#fff;border-radius:20px;padding:5px 9px;font-size:10px;pointer-events:none}
.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:#ffffffe6;font-size:23px;line-height:1;box-shadow:0 1px 5px #0002}
.gallery-prev{left:9px}.gallery-next{right:9px}
.gallery-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:3px;background:#ffffffc9;border-radius:20px;padding:3px}
.gallery-dots button{border:0;background:none;width:20px;height:20px;padding:6px}
.gallery-dots button::after{content:'';display:block;width:7px;height:7px;background:#b9bcb2;border-radius:50%}
.gallery-dots button.current::after{background:#0095f6}
@media(max-width:500px){.products{grid-template-columns:1fr;gap:30px}.product-top{font-size:12px}.product-top small{font-size:11px}.product h3{font-size:14px}.product-info{font-size:12px}.product-info strong{font-size:14px}.product-actions small{font-size:12px}}

.gallery-prev,.gallery-next{display:grid;place-items:center;padding:0}
.gallery-prev svg,.gallery-next svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
