.social-video-showcase{width:100%;overflow:hidden}.social-video-showcase__header{margin-bottom:2rem}.social-video-showcase__heading{font-weight:800;line-height:1.2;margin:0 0 .5rem}.social-video-showcase__handle{display:inline-block;text-decoration:none;transition:opacity .3s ease}.social-video-showcase__handle:hover{opacity:.7;text-decoration:underline}.social-video-showcase__slider-wrapper{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.social-video-showcase__slider-wrapper::-webkit-scrollbar{display:none}.social-video-showcase__slider{display:flex;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}@media screen and (min-width:990px){.social-video-showcase__slider[data-desktop-center=true]{justify-content:center;flex-wrap:wrap}.social-video-showcase__slider[data-desktop-center=true] .video-card{scroll-snap-align:center}}@media screen and (min-width:750px)and (max-width:989px){.social-video-showcase__slider{justify-content:center}.video-card{flex:0 0 calc(50% - 1rem);max-width:var(--card-width, 300px)}}.video-card{flex:0 0 var(--card-width, 300px);width:var(--card-width, 300px);aspect-ratio:var(--card-aspect-ratio, 9/16);min-height:400px;scroll-snap-align:start;background-color:#fff;border-radius:var(--border-radius, 12px);overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.video-card__media{position:relative;flex:1;min-height:0;background-color:#1a1a1a;overflow:hidden;border-radius:var(--border-radius, 12px) var(--border-radius, 12px) 0 0}.video-card__video-wrapper,.video-card__image-wrapper,.video-card__placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.video-card__video{width:100%;height:100%;object-fit:cover}.video-card__video-wrapper--external{position:relative;padding-bottom:177.78%;height:0}.video-card__video--youtube,.video-card__video--vimeo{position:absolute;top:0;left:0;width:100%;height:100%;min-width:100%;min-height:100%}.video-card__image{width:100%;height:100%;object-fit:cover}.video-card__placeholder{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.video-card__placeholder .placeholder-svg{width:100%;height:100%}.video-card__overlay-text{position:absolute;top:var(--overlay-top, 10%);left:var(--overlay-left, 5%);right:var(--overlay-right, 5%);font-size:var(--overlay-text-size, 14px);font-weight:600;color:var(--overlay-text-color, #ffffff);text-align:var(--overlay-text-align, left);line-height:1.4;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.5);pointer-events:none}.video-card__mute-btn{position:absolute;bottom:var(--mute-btn-bottom, 15px);right:var(--mute-btn-right, 15px);width:var(--mute-btn-size, 36px);height:var(--mute-btn-size, 36px);border-radius:50%;background-color:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;z-index:3}.video-card__mute-btn:hover{background-color:#000c}.video-card__mute-icon{display:flex;align-items:center;justify-content:center;width:60%;height:60%}.video-card__mute-icon svg{width:100%;height:100%}.video-card__nav{position:absolute;top:50%;transform:translateY(-50%);width:var(--nav-btn-size, 36px);height:var(--nav-btn-size, 36px);border-radius:50%;background-color:#00000080;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;z-index:3;opacity:0}.video-card:hover .video-card__nav{opacity:1}.video-card__nav:hover{background-color:#000c}.video-card__nav svg{width:60%;height:60%}.video-card__nav--prev{left:.5rem}.video-card__nav--next{right:.5rem}.video-card__product{display:flex;align-items:center;gap:.75rem;padding:var(--product-padding, 12px);border-top:1px solid #f0f0f0;border-radius:0 0 var(--border-radius, 12px) var(--border-radius, 12px);flex:0 0 auto;height:auto;min-height:70px;background-color:#fff}.video-card__product-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;flex:1;min-width:0}.video-card__product-image{flex:0 0 auto;width:var(--product-image-size, 50px);height:var(--product-image-size, 50px);border-radius:var(--product-image-radius, 6px);overflow:hidden;background-color:#f8f8f8}.video-card__product-image img,.video-card__product-image .placeholder-svg{width:100%;height:100%;object-fit:contain}.video-card__product-info{flex:1;min-width:0}.video-card__product-title{font-size:var(--product-title-size, 14px);font-weight:600;color:var(--product-title-color, #1a1a1a);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card__product-price{font-size:var(--product-price-size, 14px);color:var(--product-price-color, #666666);margin:0}.video-card__expand-btn{flex:0 0 auto;width:var(--expand-btn-size, 32px);height:var(--expand-btn-size, 32px);border-radius:50%;background-color:#f5f5f5;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.video-card__expand-btn:hover{background-color:#e5e5e5;color:#1a1a1a}.video-card__expand-btn svg{width:60%;height:60%;transition:transform .3s ease}.video-card__expand-btn[aria-expanded=true] svg{transform:rotate(180deg)}@media screen and (max-width:749px){.social-video-showcase{padding:2rem 0}.social-video-showcase__header{margin-bottom:1.5rem}.video-card{flex:0 0 var(--card-width-mobile, 340px);width:var(--card-width-mobile, 340px);aspect-ratio:var(--card-aspect-ratio, 9/16);min-height:500px}.social-video-showcase__slider[data-mobile-single=true]{justify-content:center}.social-video-showcase__slider[data-mobile-single=true] .video-card:not([data-card-index="0"]){display:none}.social-video-showcase__slider[data-mobile-single=false]{padding:0 1rem;justify-content:flex-start}.social-video-showcase__slider[data-mobile-single=false] .video-card{scroll-snap-align:center}.video-card__nav{display:none}.video-card__product{min-height:60px}}@media(prefers-reduced-motion:reduce){.video-card,.video-card__mute-btn,.video-card__nav,.video-card__expand-btn{transition:none}.social-video-showcase__slider{scroll-snap-type:none}}.placeholder-svg{width:100%;height:100%;background-color:#f5f5f5}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-social-video-showcase.css.map */