.community-reels{display:block;overflow:hidden}.community-reels__header{padding:0 1.6rem 3.2rem;text-align:center}.community-reels__heading{margin:0 0 1.4rem;color:rgb(var(--color-foreground));font-size:2rem;font-weight:700;letter-spacing:-.01em;line-height:1.15}.community-reels__description{margin:0 0 1.4rem;color:rgba(var(--color-foreground),.75);font-size:1.4rem;line-height:1.45}.community-reels__instagram{display:inline-flex;align-items:center;gap:1rem;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:700;text-decoration:none}.community-reels__instagram:hover{text-decoration:underline;text-underline-offset:.25em}.community-reels__editor-note{margin:0 1.6rem 2rem;padding:1.2rem 1.6rem;border:.1rem dashed rgba(var(--color-foreground),.35);color:rgba(var(--color-foreground),.7);font-size:1.3rem;text-align:center}.community-reels__viewport{overflow:hidden}.community-reels__track{display:flex;gap:.6rem;margin:0;padding:0;overflow-x:auto;list-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.community-reels__track::-webkit-scrollbar{display:none}.community-reels__item{position:relative;flex:0 0 44vw;min-width:0;scroll-snap-align:start}.community-reels__card,.community-reels__placeholder{position:relative;display:block;width:100%;padding:0;overflow:hidden;aspect-ratio:9 / 16;border:0;border-radius:0;background:#ededed;color:#121212}.community-reels__card{cursor:pointer}.community-reels__card:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.4rem}.community-reels__video{display:block;width:100%;height:100%;object-fit:cover}.community-reels__play{position:absolute;top:50%;left:50%;display:none;width:4rem;height:4rem;color:#121212;transform:translate(-50%,-50%);pointer-events:none}.community-reels__card.is-autoplay-blocked .community-reels__play{display:block}.community-reels__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.55}.community-reels__placeholder span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;padding:2rem;background:#ffffff8c;font-size:1.3rem;font-weight:600;line-height:1.5;text-align:center}.community-reels__arrows,.community-reels__modal[hidden]{display:none}.community-reels__modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2rem}.community-reels__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#000000d1;cursor:default}.community-reels__dialog{position:relative;z-index:1;width:min(48rem,calc(100vw - 4rem));height:min(85vh,calc((100vw - 4rem) * 16 / 9));max-height:85vh;background:#000}.community-reels__modal-video{display:block;width:100%;height:100%;background:#000;object-fit:contain}.community-reels__close{position:absolute;z-index:2;top:1rem;right:1rem;display:grid;width:4rem;height:4rem;padding:.8rem;place-items:center;border:0;border-radius:50%;background:#000000a3;color:#fff;cursor:pointer}.community-reels__close svg{width:100%;height:100%}.community-reels__products{position:absolute;bottom:1.6rem;left:50%;display:flex;width:max-content;max-width:100%;padding:.4rem;border-radius:5rem;background:#19191980;transform:translate(-50%)}.community-reels__product-thumb,.community-reels__product-more{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#ededed;color:#fff;text-decoration:none;cursor:pointer}.community-reels__product-more{background:#000000a6;font:inherit;font-size:1.3rem;font-weight:700}.community-reels__product-thumb img,.community-reels__product-thumb svg,.community-reels__product-image img,.community-reels__product-image svg{display:block;width:100%;height:100%;object-fit:contain}.community-reels__products a:focus-visible,.community-reels__products button:focus-visible{outline:2px solid #fff;outline-offset:2px}.community-reels__modal a:focus-visible,.community-reels__close:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.community-reels__modal-products[hidden]{display:none}.community-reels__modal-products{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.community-reels__products-heading{margin:0 0 1.6rem;font-size:1.8rem;font-weight:700}.community-reels__product-list{list-style:none;padding:0;margin:0}.community-reels__product-list li+li{border-top:1px solid rgba(var(--color-foreground),.12)}.community-reels__product-link{display:flex;gap:1.4rem;align-items:center;padding:1.2rem 0;color:inherit;text-decoration:none}.community-reels__product-image{flex:0 0 8rem;height:10rem;background:#ededed}.community-reels__product-copy{display:grid;gap:1rem;min-width:0;overflow-wrap:anywhere;font-size:1.4rem;line-height:1.4}.community-reels__product-cta{text-decoration:underline;text-underline-offset:.3rem}.community-reels__modal.has-products .community-reels__dialog{display:grid;grid-template-rows:minmax(0,1fr) minmax(16rem,32%);height:88vh;height:88dvh;max-height:88dvh}.community-reels__modal.has-products .community-reels__modal-video{min-height:0}@media screen and (min-width:750px){.community-reels__header{padding:0 3.2rem 4rem}.community-reels__heading{font-size:2.4rem}.community-reels__description,.community-reels__instagram{font-size:1.5rem}.community-reels__item{flex-basis:calc((100vw - 2.4rem)/5)}.community-reels.has-overflow .community-reels__arrows{display:flex;justify-content:flex-end;gap:.6rem;padding:1.6rem 3.2rem 0}.community-reels__arrow{display:grid;width:3.6rem;height:3.6rem;padding:.7rem;place-items:center;border:.1rem solid rgba(var(--color-foreground),.24);background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.community-reels__arrow:disabled{opacity:.35;cursor:default}.community-reels__arrow svg{width:100%;height:100%}.community-reels__dialog{width:min(48rem,47.8125vh);height:85vh}.community-reels__modal.has-products .community-reels__dialog{width:min(90rem,calc(100vw - 4rem));grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:85vh;height:85dvh}.community-reels__modal-products{padding-top:6rem}}@media screen and (min-width:990px){.community-reels__products{gap:.6rem;padding:.6rem}}@media(prefers-reduced-motion:reduce){.community-reels__track{scroll-behavior:auto}.community-reels__play{display:block}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-community-reels.css.map */