.community-gallery{position:relative;width:100%;scroll-margin-top:calc(var(--announcement-height, 44px) + var(--header-height, 72px) + 8px)}#MainContent>.shopify-section:has(>.community-gallery.community-gallery-surface){margin-top:0;margin-bottom:0;background-color:#2a2d30;background-image:linear-gradient(180deg,#2a2d30,#3a3d42 48%,#2a2d30)}.community-gallery.community-gallery-surface{display:flow-root;--color-background: 42, 45, 48;--color-foreground: 255, 255, 255;--color-foreground-2: 176, 181, 186;background-color:rgb(var(--color-background));background-image:linear-gradient(180deg,#2a2d30,#3a3d42 48%,#2a2d30);color:rgb(var(--color-foreground))}.community-gallery.community-gallery-surface .community-gallery__title{color:#fff}.community-gallery.community-gallery-surface .community-gallery__subhead{color:#ffffffb8}.community-gallery.community-gallery-surface .community-gallery__subhead a{color:#fff}.community-gallery__header{text-align:center;margin-top:0;margin-bottom:1.5rem;padding-top:2rem;position:relative;z-index:1}@media screen and (min-width:750px){.community-gallery__header{padding-top:3rem}}.community-gallery__title{margin:0;font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:var(--so-tracking-wide);line-height:1.2}.community-gallery__subhead{text-align:center;margin-top:.75rem;margin-bottom:0;color:rgb(var(--color-foreground-2));font-size:.88rem;letter-spacing:.01em;line-height:1.6}.community-gallery__subhead a{color:rgb(var(--color-foreground));text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;transition:opacity var(--so-duration-normal) var(--so-ease-smooth)}.community-gallery__subhead a:hover{opacity:.7}.community-gallery__viewport{position:relative;width:100%}.community-gallery--overlay-header .community-gallery__header{position:absolute;top:0;left:0;right:0;z-index:4;margin:0;padding:1.5rem 1.25rem 4.5rem;text-align:left;pointer-events:none;background:linear-gradient(to bottom,rgba(18,16,13,.58) 0%,rgba(18,16,13,.22) 48%,transparent 100%)}.community-gallery--overlay-header .community-gallery__title{color:#fff;font-size:clamp(1.75rem,4.2vw,3.25rem);font-weight:400;letter-spacing:var(--so-tracking-tighter, -.03em);line-height:1.05;text-transform:none!important;text-shadow:0 1px 18px rgba(0,0,0,.35)}.community-gallery--overlay-header .community-gallery__track{background:#1a1814}@media screen and (min-width:750px){.community-gallery--overlay-header .community-gallery__header{padding:2.25rem 2.5rem 6rem}}.community-gallery__track{display:flex;gap:3px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.community-gallery__track::-webkit-scrollbar{display:none}.community-gallery__page{flex:0 0 100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:5 / 2;max-height:68vh;scroll-snap-align:start;scroll-snap-stop:normal}.community-gallery__page--0{grid-template-areas:"t0 t1 t1 t2 t3" "t0 t1 t1 t4 t5"}.community-gallery__page--1{grid-template-areas:"t0 t1 t2 t2 t3" "t4 t5 t2 t2 t3"}.community-gallery__page--2{grid-template-areas:"t0 t1 t2 t2 t3" "t0 t4 t2 t2 t5"}.community-gallery__item{position:relative;overflow:hidden;border-radius:2px;background:#3b362c0f;cursor:pointer;border:0;padding:0;min-height:0}.community-gallery__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.45) 100%);opacity:0;transition:opacity var(--so-duration-slow) var(--so-ease-smooth);pointer-events:none}.community-gallery__item:hover:after,.community-gallery__item:focus-visible:after,.community-gallery__item:focus-within:after{opacity:1}.community-gallery__item-trigger{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;touch-action:pan-x pan-y}.community-gallery__item-trigger:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:-3px}.community-gallery__item-media{width:100%;height:100%;object-fit:cover;display:block;background:#3b362c0f;transition:transform .6s var(--so-ease-smooth)}.community-gallery__page--partial{grid-template-areas:none;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.community-gallery__page--partial .community-gallery__item{grid-area:auto!important}.community-gallery__item:hover .community-gallery__item-media,.community-gallery__item:focus-visible .community-gallery__item-media,.community-gallery__item:focus-within .community-gallery__item-media{transform:scale(1.04)}.community-gallery__credit{position:absolute;bottom:.55rem;left:.55rem;z-index:3;display:inline-flex;align-items:center;padding:.25rem .6rem;background:#ffffff1a;-webkit-backdrop-filter:var(--so-blur-medium);backdrop-filter:var(--so-blur-medium);border:var(--so-border-glass);border-top-color:#ffffff47;border-radius:var(--so-radius-pill);color:#fff;font-size:.68rem;font-weight:500;line-height:1.3;letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.3);pointer-events:none;box-shadow:var(--so-shadow-glass);opacity:0;transform:translateY(5px);transition:opacity var(--so-duration-normal) var(--so-ease-smooth),transform var(--so-duration-normal) var(--so-ease-smooth)}.community-gallery__item:hover .community-gallery__credit,.community-gallery__item:focus-visible .community-gallery__credit,.community-gallery__item:focus-within .community-gallery__credit{opacity:1;transform:translateY(0)}.community-gallery__chip{position:absolute;top:.55rem;left:.55rem;z-index:3;display:inline-flex;align-items:center;gap:.4rem;max-width:calc(100% - 1.1rem);padding:.3rem .7rem .3rem .55rem;background:#ffffffeb;color:#1a1a1a;border-radius:var(--so-radius-pill);font-size:.7rem;font-weight:500;line-height:1.3;letter-spacing:.01em;text-decoration:none;box-shadow:var(--so-shadow-sm);opacity:0;transform:translateY(-5px);transition:opacity var(--so-duration-normal) var(--so-ease-smooth),transform var(--so-duration-normal) var(--so-ease-smooth),background var(--so-duration-fast) var(--so-ease-smooth)}.community-gallery__item:hover .community-gallery__chip,.community-gallery__item:focus-within .community-gallery__chip{opacity:1;transform:translateY(0)}.community-gallery__chip:hover,.community-gallery__chip:focus-visible{background:#fff;color:#1a1a1a}.community-gallery__chip:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.community-gallery__chip-icon{flex:0 0 auto;width:.85rem;height:.85rem}.community-gallery__chip-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.community-gallery__chip-price{flex:0 0 auto;opacity:.7;font-variant-numeric:tabular-nums}.community-gallery__chip-more{flex:0 0 auto;padding:.05rem .35rem;border-radius:var(--so-radius-pill);background:#00000014;font-size:.62rem}@media(hover:none){.community-gallery__chip{opacity:1;transform:translateY(0)}}.community-gallery__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;text-shadow:none;pointer-events:none}.community-gallery__play:before{content:"";position:absolute;width:3.2rem;height:3.2rem;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:var(--so-blur-medium);backdrop-filter:var(--so-blur-medium);border:var(--so-border-glass);box-shadow:var(--so-shadow-glass);transition:transform var(--so-duration-normal) var(--so-ease-smooth),background var(--so-duration-normal) var(--so-ease-smooth)}.community-gallery__item:hover .community-gallery__play:before{transform:scale(1.08);background:#ffffff2e}.community-gallery__arrow,.community-gallery__dots{display:none!important}.community-gallery__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:none;align-items:center;justify-content:center;padding:1rem}.community-gallery__modal[open]{display:flex}.community-gallery__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:var(--so-blur-subtle);backdrop-filter:var(--so-blur-subtle);opacity:0;transition:opacity var(--so-duration-normal) var(--so-ease-smooth)}.community-gallery__modal.is-active .community-gallery__modal-backdrop{opacity:1}.community-gallery__modal-dialog{position:relative;z-index:1;width:min(88vw,1400px);max-height:min(92vh,900px);border-radius:var(--so-radius-md);overflow:hidden;background:#111;opacity:0;transform:scale(.96) translateY(8px);transition:opacity var(--so-duration-normal) var(--so-ease-smooth),transform var(--so-duration-normal) var(--so-ease-smooth);will-change:opacity,transform}.community-gallery__modal.is-active .community-gallery__modal-dialog{opacity:1;transform:scale(1) translateY(0)}.community-gallery__modal-media-wrap{position:relative;line-height:0;width:min(88vw,1400px);aspect-ratio:16 / 9;max-height:82vh}.community-gallery__modal-media{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity var(--so-duration-normal) var(--so-ease-smooth)}.community-gallery__modal-media.is-loaded,.community-gallery__modal-media:not([src]){opacity:1}.community-gallery__modal-media-wrap.is-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(110deg,#ffffff0a 8%,#ffffff1a 18%,#ffffff0a 33%);background-size:200% 100%;animation:community-gallery-modal-shimmer 1.4s var(--so-ease-smooth) infinite;pointer-events:none}@keyframes community-gallery-modal-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.community-gallery__modal-backdrop,.community-gallery__modal-dialog,.community-gallery__modal-media{transition-duration:.01ms}.community-gallery__modal-media-wrap.is-loading:before{animation:none;opacity:.35}}.community-gallery__modal-close{position:absolute;top:.75rem;right:.75rem;z-index:10;width:2rem;height:2rem;border:var(--so-border-glass);border-radius:var(--so-radius-pill);background:#ffffff1a;-webkit-backdrop-filter:var(--so-blur-medium);backdrop-filter:var(--so-blur-medium);color:#fff;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--so-shadow-glass);transition:background var(--so-duration-fast) var(--so-ease-smooth),transform var(--so-duration-fast) var(--so-ease-smooth)}.community-gallery__modal-close:hover{background:#fff3;transform:scale(1.05)}.community-gallery__modal-close:active{transform:scale(.95)}.community-gallery__modal-side{position:absolute;bottom:1rem;right:1rem;z-index:8;width:min(340px,calc(100% - 2rem));max-height:calc(100% - 5rem);overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:.55rem;background:transparent}.community-gallery__caption{display:none}.community-gallery__products{display:flex;flex-direction:column;gap:.45rem;overflow-y:auto}.community-gallery__product-card{display:flex;align-items:center;gap:.65rem;padding:.5rem;background:#0000004d;-webkit-backdrop-filter:var(--so-blur-medium);backdrop-filter:var(--so-blur-medium);border:var(--so-border-glass);border-radius:var(--so-radius-sm);text-decoration:none;color:#fff;box-shadow:var(--so-shadow-glass);transition:background var(--so-duration-normal) var(--so-ease-smooth),transform var(--so-duration-fast) var(--so-ease-smooth)}.community-gallery__product-card:hover{background:#00000073;transform:translateY(-1px)}.community-gallery__product-image{width:50px;height:50px;object-fit:cover;border-radius:var(--so-radius-xs);flex-shrink:0}.community-gallery__product-info{display:flex;flex-direction:column;gap:.1rem}.community-gallery__product-title{font-size:.88rem;font-weight:500;color:#fff}.community-gallery__product-price{font-size:.8rem;color:#ffffffa6}.community-gallery__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:2.6rem;height:2.6rem;border:var(--so-border-glass);border-top-color:#ffffff47;border-radius:var(--so-radius-pill);background:#ffffff1a;-webkit-backdrop-filter:var(--so-blur-medium);backdrop-filter:var(--so-blur-medium);color:#fff;font-size:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--so-shadow-glass);transition:background var(--so-duration-normal) var(--so-ease-smooth),transform var(--so-duration-fast) var(--so-ease-smooth)}.community-gallery__nav:hover{background:#ffffff38;transform:translateY(-50%) scale(1.05)}.community-gallery__nav:active{transform:translateY(-50%) scale(.95)}.community-gallery__nav svg{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none}.community-gallery__nav--prev{left:.75rem}.community-gallery__nav--next{right:.75rem}@media screen and (max-width:768px){.community-gallery__header{margin-bottom:.5rem}.community-gallery__page{flex:0 0 92%;aspect-ratio:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:none}.community-gallery__item{grid-area:auto!important;aspect-ratio:1}.community-gallery__arrow{display:none}.community-gallery__credit{opacity:1;transform:translateY(0);font-size:.62rem;padding:.2rem .5rem}.community-gallery__chip{opacity:1;transform:translateY(0);top:.45rem;left:.45rem;padding:.25rem .55rem .25rem .45rem;font-size:.64rem;gap:.3rem}.community-gallery__item:after{opacity:1;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35) 100%)}.community-gallery__modal-dialog{border-radius:0}.community-gallery__modal-media{width:100%;height:100%;object-fit:contain}.community-gallery__modal-side{bottom:.5rem;right:.5rem;left:.5rem;width:auto;max-height:45%}.community-gallery__nav--prev{left:.4rem}.community-gallery__nav--next{right:.4rem}.community-gallery__subhead{margin-top:.5rem;font-size:.82rem;padding:0 .5rem}}.community-gallery__pager{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:999px;background:#ffffffeb;color:#1a1a1a;transform:translateY(-50%);cursor:pointer}.community-gallery__pager svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.community-gallery__pager--prev{left:.5rem}.community-gallery__pager--next{right:.5rem}.community-gallery--strip .community-gallery__once{display:grid;grid-template-columns:1fr;gap:1.15rem;width:min(40rem,calc(100% - 2.5rem));margin:0;padding:.35rem 1.25rem 2.75rem}.community-gallery--strip .community-gallery__once-card{display:flex;flex-direction:column;gap:.12rem;min-height:44px;padding:.35rem 0;color:rgb(var(--color-foreground));font-size:.875rem;font-weight:500;line-height:1.35;text-decoration:none}.community-gallery--strip .community-gallery__once-spec,.community-gallery--strip .community-gallery__once-price{font-size:.8125rem;font-weight:400}.community-gallery--strip .community-gallery__once-price{opacity:.72}.community-gallery--strip .community-gallery__once-card:hover .community-gallery__once-name,.community-gallery--strip .community-gallery__once-card:focus-visible .community-gallery__once-name{text-decoration:underline;text-underline-offset:.18em}@media screen and (min-width:750px){.community-gallery--strip .community-gallery__once{grid-template-columns:repeat(2,minmax(0,16rem));gap:2rem;width:min(42rem,calc(100% - 8rem));padding:.5rem 4rem 3.5rem}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/section-community-gallery.css.map */