.brand-reels{padding-top:var(--padding-top, 64px);padding-bottom:var(--padding-bottom, 64px)}.brand-reels__header{margin-bottom:3.2rem}.brand-reels__header--center{text-align:center}.brand-reels__header--left{text-align:left}.brand-reels__heading{margin:0 0 .8rem;font-size:clamp(2.4rem,3vw,3.6rem);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:rgb(var(--color-foreground))}.brand-reels__subheading{margin:0;font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground),.7);max-width:60rem}.brand-reels__header--center .brand-reels__subheading{margin:0 auto}.brand-reels__scroller{display:flex;gap:1.6rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 2rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-bottom:.4rem;margin:0 calc(-1 * var(--page-width-margin, 2rem));padding-left:var(--page-width-margin, 2rem);padding-right:var(--page-width-margin, 2rem)}.brand-reels__scroller::-webkit-scrollbar{display:none}.brand-reel{flex:0 0 auto;width:68vw;max-width:32rem;scroll-snap-align:start;position:relative}@media screen and (min-width:750px){.brand-reels__scroller{gap:2rem;margin:0;padding-left:0;padding-right:0}.brand-reel{width:calc((100% - (var(--items-desktop) - 1) * 2rem) / var(--items-desktop));max-width:none}}.brand-reel__link{display:block;text-decoration:none;color:inherit}.brand-reel__media{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:1.2rem;overflow:hidden;background-color:rgba(var(--color-foreground),.06);isolation:isolate;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}.brand-reel__link:hover .brand-reel__media,.brand-reel__link:focus-visible .brand-reel__media{transform:translateY(-4px);box-shadow:0 1.2rem 3rem #0a0a0f2e}.brand-reel__video,.brand-reel__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.brand-reel__image--placeholder{background-color:rgba(var(--color-foreground),.08)}.brand-reel__mute-toggle{position:absolute;bottom:1.2rem;right:1.2rem;width:3.6rem;height:3.6rem;border-radius:50%;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .15s ease;z-index:2}.brand-reel__mute-toggle:hover{background-color:#000000b3;transform:scale(1.05)}.brand-reel__mute-toggle:active{transform:scale(.95)}.brand-reel__icon{width:1.8rem;height:1.8rem;display:block}.brand-reel__icon--unmuted,.brand-reel--unmuted .brand-reel__icon--muted{display:none}.brand-reel--unmuted .brand-reel__icon--unmuted{display:block}.brand-reel__link-badge{position:absolute;top:1.2rem;right:1.2rem;width:3.2rem;height:3.2rem;border-radius:50%;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .3s ease;z-index:2;pointer-events:none}.brand-reel__link-badge svg{width:1.5rem;height:1.5rem}.brand-reel__link:hover .brand-reel__link-badge{background-color:#e63946;transform:rotate(45deg)}.brand-reel__caption{padding:1.2rem .2rem 0}.brand-reel__caption p{margin:0;font-size:1.35rem;line-height:1.4;color:rgb(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:749px){.brand-reels__header{margin-bottom:2rem}.brand-reel__caption{padding:1rem .2rem 0}.brand-reel__caption p{font-size:1.3rem}.brand-reel__mute-toggle{width:3rem;height:3rem;bottom:.8rem;right:.8rem}.brand-reel__icon{width:1.4rem;height:1.4rem}.brand-reel__link-badge{width:2.8rem;height:2.8rem;top:.8rem;right:.8rem}.brand-reel__link-badge svg{width:1.3rem;height:1.3rem}}@media(prefers-reduced-motion:reduce){.brand-reel__media,.brand-reel__link:hover .brand-reel__media,.brand-reel__mute-toggle,.brand-reel__link-badge{transform:none!important;transition:none!important}}.brand-reels__controls{display:flex;justify-content:center;gap:1rem;margin-top:2.4rem}.brand-reels__nav{width:4.4rem;height:4.4rem;border-radius:50%;border:.15rem solid rgba(var(--color-foreground),.15);background-color:transparent;color:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.brand-reels__nav svg{width:1.8rem;height:1.8rem}.brand-reels__nav:hover{background-color:#e63946;border-color:#e63946;color:#fff}.brand-reels__nav:active{transform:scale(.95)}@media screen and (max-width:749px){.brand-reels__controls{margin-top:1.8rem;gap:.8rem}.brand-reels__nav{width:4rem;height:4rem}.brand-reels__nav svg{width:1.6rem;height:1.6rem}}@media(prefers-reduced-motion:reduce){.brand-reels__nav,.brand-reels__nav:active{transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/brand-reels.css.map */