.community-section{background:var(--bg-color);padding-top:var(--pad-top);padding-bottom:var(--pad-bottom);overflow:hidden}.community-layout{display:flex;flex-direction:column;padding-left:var(--pad-left-mobile)}.community-header{padding:0 var(--pad-right-mobile) 0 0;margin:0 0 32px;display:flex;flex-direction:column}.community-header-top,.community-header-bottom{display:flex;flex-direction:column}@media(min-width:750px){.community-layout{flex-direction:row;align-items:stretch;padding-left:0}.community-header{flex:0 0 var(--header-col-width);max-width:var(--header-col-width);padding:0 var(--pad-right-desktop) 0 var(--pad-left-desktop);margin:0;justify-content:space-between}.community-carousel-wrap{flex:1 1 auto;min-width:0}}.community-eyebrow{font-family:var(--eyebrow-font);font-weight:var(--eyebrow-weight);font-style:var(--eyebrow-style);font-size:var(--eyebrow-size-m);letter-spacing:var(--eyebrow-spacing);color:var(--eyebrow-color);text-transform:uppercase;margin:0 0 8px}.community-heading{font-family:var(--heading-font);font-weight:var(--heading-weight);font-style:var(--heading-style);font-size:var(--heading-size-m);letter-spacing:var(--heading-spacing);color:var(--heading-color);margin:0;line-height:1.1}.community-description{font-family:var(--desc-font);font-weight:var(--desc-weight);font-style:var(--desc-style);font-size:var(--desc-size-m);letter-spacing:var(--desc-spacing);color:var(--desc-color);line-height:1.5;margin:0 0 16px}.community-description p{margin:0}.community-header-bottom{margin-top:24px}@media(min-width:750px){.community-eyebrow{font-size:var(--eyebrow-size-d)}.community-heading{font-size:var(--heading-size-d)}.community-description{font-size:var(--desc-size-d)}.community-header-bottom{margin-top:auto}}.community-nav-controls{display:none;align-items:center;gap:12px}.community-nav-controls--carousel{position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:space-between;pointer-events:none;padding:0 12px;z-index:4}.community-nav-controls--carousel .community-arrow{pointer-events:auto}@media(min-width:750px){[data-arrow-placement=below_content] .community-nav-controls--header,[data-arrow-placement=sides_of_carousel] .community-nav-controls--carousel{display:flex}}.nav-counter{font-family:var(--counter-font);font-weight:var(--counter-weight);font-style:var(--counter-style);font-size:var(--counter-size-m);letter-spacing:var(--counter-spacing);color:var(--counter-color)}@media(min-width:750px){.nav-counter{font-size:var(--counter-size-d)}}.community-arrow{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;flex:0 0 auto;padding:8px;color:var(--arrow-icon-color)}.community-arrow[disabled]{opacity:.35;cursor:default}[data-arrow-style=circle_bg] .community-arrow{width:var(--arrow-size);height:var(--arrow-size);border-radius:50%;background:var(--arrow-bg-color);border:1px solid var(--arrow-border-color)}.arrow-graphic{position:relative;display:block;width:var(--arrow-length);height:var(--arrow-thickness);background:currentColor}.community-arrow--prev .arrow-graphic:before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;border-left:var(--arrow-thickness) solid currentColor;border-bottom:var(--arrow-thickness) solid currentColor;transform:translate(-1px,-50%) rotate(45deg)}.community-arrow--next .arrow-graphic:after{content:"";position:absolute;right:0;top:50%;width:9px;height:9px;border-right:var(--arrow-thickness) solid currentColor;border-top:var(--arrow-thickness) solid currentColor;transform:translate(1px,-50%) rotate(45deg)}.community-carousel-wrap{position:relative}.community-track{display:flex;gap:var(--track-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--pad-right-mobile) 0 0;width:100%}.community-track::-webkit-scrollbar{display:none}@media(min-width:750px){.community-track{padding:0 var(--pad-right-desktop) 0 0}}.community-slide{flex:0 0 auto;width:var(--video-width-mobile);scroll-snap-align:start}@media(min-width:750px){.community-slide{width:calc((100% - (var(--videos-per-view) - 1) * var(--track-gap)) / var(--videos-per-view));max-width:var(--video-max-width-desktop);scroll-snap-align:start}[data-peek=true] .community-slide{width:calc((100% - (var(--videos-per-view) - 1) * var(--track-gap)) / (var(--videos-per-view) - .5));scroll-snap-align:center}}.community-video-card{position:relative;width:100%;height:var(--video-height-mobile);border-radius:var(--video-radius);border-style:solid;border-width:var(--video-border-width);border-color:var(--video-border-color);overflow:hidden;background:#111}@media(min-width:750px){.community-video-card{height:var(--video-height-desktop)}}.community-video,.community-fallback-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.community-handle{position:absolute;top:12px;left:12px;z-index:3;font-family:var(--handle-font);font-weight:var(--handle-weight);font-style:var(--handle-style);font-size:var(--handle-size-m);letter-spacing:var(--handle-spacing);color:var(--handle-color);text-shadow:0 1px 4px rgba(0,0,0,.35);text-transform:uppercase}@media(min-width:750px){.community-handle{font-size:var(--handle-size-d)}}.community-playpause{position:absolute;top:10px;right:10px;z-index:3;width:var(--playpause-size);height:var(--playpause-size);display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--playpause-bg-radius);background:var(--playpause-bg-color);cursor:pointer;padding:0}[data-playpause-style=icon_only] .community-playpause{background:transparent}.icon-play{width:0;height:0;margin-left:2px;border-top:calc(var(--play-icon-size) / 2) solid transparent;border-bottom:calc(var(--play-icon-size) / 2) solid transparent;border-left:var(--play-icon-size) solid var(--play-icon-color)}.icon-pause{display:flex;align-items:center;gap:3px}.pause-bar{display:block;width:var(--pause-bar-thickness);height:var(--pause-icon-size);background:var(--pause-icon-color)}.community-product-tag{position:absolute;left:10px;bottom:10px;z-index:3;display:flex;align-items:center;background:var(--tag-bg);border:none;border-radius:var(--tag-radius);padding:4px;cursor:pointer;text-decoration:none;max-width:calc(100% - 20px);box-shadow:0 2px 10px #0000001f}.tag-thumb{width:34px;height:34px;flex:0 0 auto;border-radius:var(--tag-radius);overflow:hidden;background:#f2f2f2}.tag-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tag-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:0;opacity:0;margin-left:0;overflow:hidden;white-space:nowrap;transition:max-width .25s ease,opacity .2s ease,margin-left .25s ease}@media(min-width:750px){.community-product-tag:hover .tag-info,.community-product-tag:focus-within .tag-info{max-width:220px;opacity:1;margin-left:10px}.community-product-tag:hover,.community-product-tag:focus-within{border-radius:8px;padding:8px 14px 8px 8px}}@media(max-width:749.98px){.community-product-tag{border-radius:8px;padding:8px 14px 8px 8px}.tag-info{max-width:none;opacity:1;margin-left:10px;overflow:visible}}.tag-name{font-family:var(--pname-font);font-weight:var(--pname-weight);font-style:var(--pname-style);font-size:var(--pname-size-m);letter-spacing:var(--pname-spacing);color:var(--pname-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.tag-price{font-family:var(--pprice-font);font-weight:var(--pprice-weight);font-style:var(--pprice-style);font-size:var(--pprice-size-m);letter-spacing:var(--pprice-spacing);color:var(--pprice-color)}@media(min-width:750px){.tag-name{font-size:var(--pname-size-d)}.tag-price{font-size:var(--pprice-size-d)}}.community-mobile-indicator{margin:20px auto 0;width:var(--indicator-length);height:var(--indicator-height);background:var(--indicator-track);border-radius:999px;overflow:hidden}.indicator-fill{display:block;height:100%;background:var(--indicator-fill);transform:translate(0);transition:transform .15s linear,width .15s linear}@media(min-width:750px){.community-mobile-indicator{display:none}}@media(max-width:749.98px){.community-nav-controls{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-community.css.map */