.social-carousel{--social-carousel-gap: 8px;--social-carousel-gutter: 16px;--social-carousel-gaps: 1;--social-carousel-visible: calc(4 / 3);--social-carousel-ratio: 263 / 390;position:relative;margin-top:40px;margin-bottom:40px}@media(min-width:768px){.social-carousel{--social-carousel-gutter: 32px;--social-carousel-gaps: 3;--social-carousel-visible: 3.25}}@media(min-width:1024px){.social-carousel{--social-carousel-gutter: 0px;--social-carousel-gaps: 4;--social-carousel-visible: 5;padding-left:40px;padding-right:40px}}.social-carousel__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}@media(min-width:1024px){.social-carousel__header{margin-bottom:20px;min-height:48px}}.social-carousel__header[hidden]{display:none}@media(max-width:1023px){.social-carousel__header--nav-only{display:none}}.social-carousel__intro{min-width:0}@media(min-width:1024px){.social-carousel__intro{max-width:1216px}}.social-carousel__heading{font-size:18px;line-height:28px;font-weight:600;color:#323232;margin:0}.social-carousel__description{font-size:14px;line-height:21px;color:#323232;margin:12px 0 0}.social-carousel__nav{display:flex;align-items:center;gap:16px;flex-shrink:0;margin-left:auto}@media(max-width:1023px){.social-carousel__nav{display:none}}.social-carousel__nav[hidden]{display:none!important}.social-carousel__arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid #323232;border-radius:999px;background:#f8f8f8;color:#323232;cursor:pointer}.social-carousel__arrow:hover{background:#fff}.social-carousel__arrow:focus-visible{outline:2px solid #323232;outline-offset:2px}.social-carousel__arrow svg{width:20px;height:20px}.social-carousel__arrow[aria-disabled=true]{opacity:.3;cursor:not-allowed}.social-carousel__track{display:flex;gap:var(--social-carousel-gap);margin:0 calc(var(--social-carousel-gutter) * -1);padding:0 var(--social-carousel-gutter);scroll-padding:0 var(--social-carousel-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.social-carousel__track::-webkit-scrollbar{display:none}.social-carousel__track:focus-visible{outline:2px solid #323232;outline-offset:2px}@media(hover:hover)and (pointer:fine){.social-carousel__track.is-draggable{cursor:grab}}.social-carousel__track.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.social-carousel__track.is-dragging a,.social-carousel__track.is-dragging button,.social-carousel__track.is-dragging video{pointer-events:none}.social-carousel__slide{flex:0 0 calc((100% - (var(--social-carousel-gaps) * var(--social-carousel-gap))) / var(--social-carousel-visible));min-width:0;scroll-snap-align:start}.social-carousel__card{position:relative;aspect-ratio:var(--social-carousel-ratio);border-radius:4px;overflow:hidden;background:#ebebeb;isolation:isolate}.social-carousel__media{position:absolute;top:0;right:0;bottom:0;left:0}.social-carousel__image,.social-carousel__video{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.social-carousel__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;border-radius:4px}.social-carousel__link:focus-visible{outline:2px solid #fff;outline-offset:-4px;box-shadow:inset 0 0 0 6px #323232}.social-carousel__platform{position:absolute;top:8px;right:8px;z-index:3;display:flex;width:24px;height:24px;color:#fff;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.social-carousel__platform svg{width:100%;height:100%}.social-carousel__platform svg path:not([fill]){fill:currentColor}.social-carousel__platform svg path[fill=white],.social-carousel__platform svg path[fill="#FFFFFF"]{fill:#323232}.social-carousel__platform--facebook svg path{fill:#fff}.social-carousel__handle{position:absolute;left:0;right:0;bottom:0;z-index:3;box-sizing:border-box;min-height:81px;padding:0 16px 16px;display:flex;align-items:flex-end;background:linear-gradient(to top,#000,#0000);pointer-events:none}.social-carousel__handle-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff;font-size:16px;line-height:19px;font-weight:600}.social-carousel__play{position:absolute;top:50%;left:50%;z-index:4;width:66px;height:66px;padding:0;margin:0;border:0;border-radius:999px;background:transparent;color:#fffc;cursor:pointer;transform:translate(-50%,-50%)}.social-carousel__play svg{display:block;width:100%;height:100%}.social-carousel__play:hover,.social-carousel__play:focus-visible{color:#fff}.social-carousel__play:focus-visible{outline:2px solid #fff;outline-offset:4px}.social-carousel__card.is-playing .social-carousel__play,.social-carousel__card.is-playing .social-carousel__handle{display:none}.social-carousel__card.is-playing .social-carousel__link{pointer-events:none}.social-carousel__card--video:not(:has(.social-carousel__play)):not(:has(.social-carousel__link)) .social-carousel__video{cursor:pointer}@media(prefers-reduced-motion:no-preference){.social-carousel__track{scroll-behavior:smooth}.social-carousel__track.is-dragging{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/social-carousel.css.map */