.social-video-slider-section{--svs-cols-mobile: 2;--svs-cols-desktop: 4;--svs-gap: 16px;--svs-radius: 16px;--svs-accent: #e5670b;--svs-bg: #f8f9fb;background:var(--svs-bg)!important;--svs-slide-width: calc( (100% - (var(--svs-cols-mobile) - 1) * var(--svs-gap)) / var(--svs-cols-mobile) )}@media screen and (min-width:750px){.social-video-slider-section{--svs-slide-width: calc( (100% - (var(--svs-cols-desktop) - 1) * var(--svs-gap)) / var(--svs-cols-desktop) )}}.social-video-slider{width:100%}.social-video-slider__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.5rem}.social-video-slider__intro{flex:1 1 1rem;min-width:0}.social-video-slider__intro--align-left{text-align:left}.social-video-slider__intro--align-center{flex:1 1 100%;text-align:center}.social-video-slider__intro--align-right{text-align:right}.social-video-slider__title{margin:0 0 .5rem;font-weight:800;line-height:1.15;color:var(--color-foreground);text-wrap:balance}.social-video-slider__title--custom-size{font-size:var(--svs-title-font-size)}.social-video-slider__subtitle{margin:0;max-width:36rem;color:rgb(var(--color-foreground-rgb) / .65);text-wrap:pretty}.social-video-slider__subtitle--custom-size{font-size:var(--svs-subtitle-font-size)!important}.social-video-slider__intro--align-center .social-video-slider__subtitle{margin-inline:auto}.social-video-slider__intro--align-right .social-video-slider__subtitle{margin-left:auto}.social-video-slider__profile{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.social-video-slider__profile--header{flex-direction:row}.social-video-slider__profile--below{display:none}.social-video-slider__profile-avatar-ring{display:flex;align-items:center;justify-content:center;padding:3px;border-radius:9999px;background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,var(--svs-accent) 50%,#dc2743 75%,#bc1888 100%)}.social-video-slider__profile-avatar-inner{display:flex;align-items:center;justify-content:center;padding:3px;border-radius:9999px;background:var(--svs-bg)}.social-video-slider__profile-avatar{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:9999px;border:2px solid #fff;object-fit:cover}.social-video-slider__profile-meta{display:flex;flex-direction:column;align-items:center;gap:.375rem}.social-video-slider__profile-handle{font-size:.875rem;font-weight:600;color:var(--color-foreground);line-height:1.2}.social-video-slider__follow-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.125rem;border:none;border-radius:9999px;background:var(--svs-accent);color:#fff;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:opacity .2s ease,filter .2s ease}a.social-video-slider__follow-btn:hover{color:#fff;filter:brightness(1.05)}.social-video-slider__carousel{position:relative}.social-video-slider__viewport{overflow:hidden}.social-video-slider__track{display:flex;gap:var(--svs-gap);margin:0;padding:.25rem 0 1rem;list-style:none;will-change:transform;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.social-video-slider__slide{flex:0 0 var(--svs-slide-width);width:var(--svs-slide-width);min-width:0}.social-video-slider__card{position:relative;display:block;width:100%;margin:0;padding:0;border:none;border-radius:var(--svs-radius);overflow:hidden;background:#111;cursor:pointer;aspect-ratio:9 / 16;text-align:left}.social-video-slider__card:focus-visible{outline:2px solid var(--svs-accent);outline-offset:3px}.social-video-slider__card.is-playing{cursor:default}.social-video-slider__media{position:absolute;top:0;right:0;bottom:0;left:0}.social-video-slider__poster,.social-video-slider__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.social-video-slider__video{opacity:0;pointer-events:none;transition:opacity .25s ease}.social-video-slider__card.is-playing .social-video-slider__video{opacity:1;pointer-events:auto}.social-video-slider__card.is-playing .social-video-slider__poster{opacity:0}.social-video-slider__card.is-playing .social-video-slider__play{opacity:0;pointer-events:none}.social-video-slider__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(0 0 0 / .45) 0%,transparent 28%,transparent 55%,rgb(0 0 0 / .55) 100%);pointer-events:none}.social-video-slider__play{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background:var(--svs-accent);color:#fff;font-size:1rem;line-height:1;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .2s ease;box-shadow:0 4px 16px #0003}.social-video-slider__play svg{width:1.125rem;height:1.125rem;margin-left:.125rem}.social-video-slider__overlay-top{position:absolute;top:.75rem;right:.75rem;left:.75rem;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;pointer-events:none}.social-video-slider__overlay-top-left{display:flex;align-items:center;gap:.5rem;min-width:0;max-width:calc(100% - 2rem)}.social-video-slider__avatar{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:9999px;object-fit:cover;border:2px solid rgb(255 255 255 / .9)}.social-video-slider__handle{font-size:.8125rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / .5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-video-slider__platform{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .45))}.social-video-slider__platform-icon{width:1.25rem;height:1.25rem}.social-video-slider__overlay-bottom{position:absolute;right:auto;bottom:.75rem;left:.75rem;z-index:3;display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / .5);pointer-events:none}.social-video-slider__views-icon{flex-shrink:0;width:1rem;height:1rem;opacity:.95}.social-video-slider__mute{position:absolute;right:.75rem;bottom:.75rem;z-index:4;display:none;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:9999px;background:#00000073;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s ease}.social-video-slider__card.is-playing .social-video-slider__mute{display:inline-flex}.social-video-slider__mute:hover{background:#0009}.social-video-slider__mute:focus-visible{outline:2px solid #fff;outline-offset:2px}.social-video-slider__mute-icon{display:flex;align-items:center;justify-content:center}.social-video-slider__mute-icon svg{width:1.125rem;height:1.125rem}.social-video-slider__mute-icon--on,.social-video-slider__mute.is-unmuted .social-video-slider__mute-icon--off{display:none}.social-video-slider__mute.is-unmuted .social-video-slider__mute-icon--on{display:flex}.social-video-slider__btn{position:absolute;top:50%;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:none;border-radius:9999px;background:var(--svs-bg);color:var(--svs-accent);cursor:pointer;transform:translateY(-50%);box-shadow:0 2px 10px #0000001a;transition:background-color .2s ease,opacity .2s ease,color .2s ease}.social-video-slider__btn--prev{left:0}.social-video-slider__btn--next{right:0}.social-video-slider__btn:disabled{opacity:.35;cursor:not-allowed}.social-video-slider__btn svg{width:1.25rem;height:1.25rem}.social-video-slider__empty{padding:2rem;border:1px dashed rgb(var(--color-border-rgb) / .3);border-radius:var(--svs-radius);text-align:center;color:rgb(var(--color-foreground-rgb) / .6)}@media screen and (max-width:749px){.social-video-slider__header{flex-direction:column;align-items:stretch}.social-video-slider__profile--header{display:none}.social-video-slider__profile--below{display:flex;flex-direction:column;width:100%;margin-top:0;padding-top:.25rem}.social-video-slider__profile--below .social-video-slider__profile-avatar,.social-video-slider__btn{width:2.25rem;height:2.25rem}.social-video-slider__btn--prev{left:-.25rem}.social-video-slider__btn--next{right:-.25rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/social-video-slider.css.map */