.klerya-social-video{--ksvc-bg: #efebe8;--ksvc-text: #1d1b1b;--ksvc-card-bg: #ffffff;--ksvc-card-text: #1d1b1b;--ksvc-button-bg: #242121;--ksvc-button-text: #ffffff;--ksvc-gap: 2.4rem;--ksvc-edge-padding: clamp(1.6rem, 3vw, 4rem);--ksvc-item-width: 31rem;--ksvc-mobile-item-width: 24rem;--ksvc-active-scale: 1.14;--ksvc-active-width: calc(var(--ksvc-item-width) * var(--ksvc-active-scale));--ksvc-video-radius: 0;--ksvc-card-radius: .8rem;--ksvc-padding-top: 6.4rem;--ksvc-padding-bottom: 5.6rem;--ksvc-card-image-size: 6rem;position:relative;overflow:hidden;padding-block:var(--ksvc-padding-top) var(--ksvc-padding-bottom);background:var(--ksvc-bg);color:var(--ksvc-text)}.section-klerya-hero+.section-klerya-social-video{margin-block-start:clamp(2rem,2.4vw,3.2rem)}.klerya-social-video__header{width:min(100% - 3.2rem,86rem);margin:0 auto 3.2rem;text-align:center}.klerya-social-video__heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:clamp(2.6rem,2.5vw,3.6rem);font-weight:var(--font-heading-weight);line-height:1.08;letter-spacing:0}.klerya-social-video__subheading{margin:1.2rem auto 0;max-width:58rem;color:color-mix(in srgb,var(--ksvc-text) 76%,transparent);font-size:1.5rem;line-height:1.75}.klerya-social-video__viewport{position:relative}.klerya-social-video__track{display:flex;align-items:flex-start;gap:var(--ksvc-gap);overflow-x:auto;overflow-y:hidden;padding-inline:var(--ksvc-edge-padding);padding-block:1.2rem 2.4rem;scroll-behavior:smooth;scroll-padding-inline:var(--ksvc-edge-padding);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;direction:ltr}.klerya-social-video__track::-webkit-scrollbar{display:none}.klerya-social-video__track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;-webkit-user-select:none;user-select:none}.klerya-social-video__item{flex:0 0 var(--ksvc-item-width);width:var(--ksvc-item-width);min-width:0;scroll-snap-align:center;scroll-snap-stop:always;outline:none;transition:flex-basis .28s ease,width .28s ease}.klerya-social-video__item:not(.is-active){cursor:pointer}.klerya-social-video__item.is-active{flex-basis:var(--ksvc-active-width);width:var(--ksvc-active-width);z-index:2}.klerya-social-video__inner{width:100%}[dir=rtl] .klerya-social-video__inner{direction:rtl}[dir=ltr] .klerya-social-video__inner{direction:ltr}.klerya-social-video__media{position:relative;overflow:hidden;aspect-ratio:3 / 4;border-radius:var(--ksvc-video-radius);background:#1d1b1b1a;isolation:isolate;transition:aspect-ratio .28s ease}.klerya-social-video__item.is-active .klerya-social-video__media{aspect-ratio:9 / 16}.klerya-social-video__video,.klerya-social-video__poster,.klerya-social-video__placeholder{display:block;width:100%;height:100%}.klerya-social-video__video,.klerya-social-video__poster{object-fit:cover}.klerya-social-video__poster{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.klerya-social-video__placeholder{background:linear-gradient(180deg,#ffffff2e,#1d1b1b0f),#1d1b1b14}.klerya-social-video__media-controls{position:absolute;inset-block-start:1.2rem;inset-inline-end:1.2rem;display:grid;gap:.8rem;z-index:2}.klerya-social-video__media-button,.klerya-social-video__nav-button,.klerya-social-video__product-button{-webkit-appearance:none;appearance:none;border:0;border-radius:0;cursor:pointer;font-family:var(--font-body-family)}.klerya-social-video__media-button{display:grid;width:4.4rem;height:4.4rem;place-items:center;border-radius:999rem;background:#1d1b1b7a;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .16s ease,transform .16s ease}.klerya-social-video__media-button[aria-pressed=true]{background:#1d1b1ba3}.klerya-social-video__media-button:hover,.klerya-social-video__media-button:focus-visible{background:#1d1b1ba8}.klerya-social-video__icon{display:grid;place-items:center}.klerya-social-video__icon svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.klerya-social-video__icon--sound,.klerya-social-video__icon--pause,[data-video-muted=false] .klerya-social-video__icon--muted{display:none}[data-video-muted=false] .klerya-social-video__icon--sound,[data-video-paused=false] .klerya-social-video__icon--pause{display:grid}[data-video-paused=false] .klerya-social-video__icon--play{display:none}.klerya-social-video__product{display:grid;grid-template-columns:var(--ksvc-card-image-size) minmax(0,1fr) 4.2rem;align-items:center;gap:1.1rem;min-height:8rem;margin-block-start:1.2rem;padding:.9rem 1rem .9rem 1.1rem;border-radius:var(--ksvc-card-radius);background:var(--ksvc-card-bg);color:var(--ksvc-card-text);box-shadow:0 .8rem 2.4rem #1d1b1b14;text-align:start}.klerya-social-video__product-media{display:block;overflow:hidden;width:var(--ksvc-card-image-size);height:var(--ksvc-card-image-size);border-radius:.4rem;background:#1d1b1b0f}.klerya-social-video__product-image{display:block;width:100%;height:100%;object-fit:cover}.klerya-social-video__product-content{min-width:0}.klerya-social-video__product-title{display:-webkit-box;min-height:2.4rem;overflow:hidden;margin:0;color:inherit;font-size:1.4rem;font-weight:500;line-height:1.25;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.klerya-social-video__product-title:hover{text-decoration:underline;text-underline-offset:.25rem}.klerya-social-video__product-price{margin-block-start:.5rem;color:inherit;font-size:1.4rem;font-weight:500;line-height:1}.klerya-social-video__product-price s{margin-inline-start:.6rem;color:color-mix(in srgb,var(--ksvc-card-text) 70%,transparent);font-size:1.2rem;font-weight:400}.klerya-social-video__product-form,.klerya-social-video__product-form form{display:contents}.klerya-social-video__product-button{position:relative;display:grid;width:4.2rem;height:4.2rem;place-items:center;align-self:end;background:var(--ksvc-button-bg);color:var(--ksvc-button-text);transition:opacity .16s ease,transform .16s ease}.klerya-social-video__product-button:hover,.klerya-social-video__product-button:focus-visible{transform:translateY(-.1rem)}.klerya-social-video__product-button[disabled],.klerya-social-video__product-button[aria-disabled=true]{cursor:progress;opacity:.68}.klerya-social-video__product-button svg{width:1.9rem;height:1.9rem;stroke:currentColor}.klerya-social-video__product-button .loading__spinner{position:absolute;inset:50% auto auto 50%;width:2rem;transform:translate(-50%,-50%)}.klerya-social-video__product-button.loading svg{opacity:0}.klerya-social-video__error{grid-column:1 / -1;margin:0;color:var(--klerya-error, #8a1f11);font-size:1.2rem;line-height:1.35}.klerya-social-video__empty{width:min(100% - 3.2rem,72rem);margin:0 auto;padding:2rem;background:#ffffffa3;color:var(--ksvc-text);text-align:center}.klerya-social-video__nav{display:flex;justify-content:center;gap:1rem;margin-block-start:2.4rem;direction:ltr}.klerya-social-video__nav-button{display:grid;width:4.4rem;height:4.4rem;place-items:center;border:.1rem solid color-mix(in srgb,var(--ksvc-text) 20%,transparent);border-radius:999rem;background:color-mix(in srgb,var(--ksvc-bg) 72%,#ffffff);color:var(--ksvc-text);transition:background-color .16s ease,border-color .16s ease}.klerya-social-video__nav-button:hover,.klerya-social-video__nav-button:focus-visible{border-color:color-mix(in srgb,var(--ksvc-text) 44%,transparent);background:#fff}.klerya-social-video__nav-button svg{width:2rem;height:2rem;fill:currentColor}@media screen and (max-width:989px){.klerya-social-video{--ksvc-gap: 1.6rem;--ksvc-item-width: var(--ksvc-mobile-item-width);--ksvc-active-width: calc(var(--ksvc-item-width) * var(--ksvc-active-scale));--ksvc-card-image-size: 5.2rem;--ksvc-active-scale: 1.06;padding-block:calc(var(--ksvc-padding-top) * .72) calc(var(--ksvc-padding-bottom) * .78)}.klerya-social-video__track{padding-block-start:1rem}.klerya-social-video__product{grid-template-columns:var(--ksvc-card-image-size) minmax(0,1fr) 3.8rem;gap:.8rem;min-height:7rem;padding:.8rem}.klerya-social-video__product-button{width:3.8rem;height:3.8rem}.klerya-social-video__product-title,.klerya-social-video__product-price{font-size:1.3rem}}@media screen and (max-width:549px){.section-klerya-hero+.section-klerya-social-video{margin-block-start:clamp(1.6rem,3vw,2.4rem)}.klerya-social-video{--ksvc-mobile-item-width: min(60vw, 22rem)}.klerya-social-video__header{margin-block-end:2.2rem}.klerya-social-video__media-button{width:3.8rem;height:3.8rem}.klerya-social-video__nav{margin-block-start:1.8rem}}@media(prefers-reduced-motion:reduce){.klerya-social-video__track{scroll-behavior:auto}.klerya-social-video__item,.klerya-social-video__media,.klerya-social-video__media-button,.klerya-social-video__product-button,.klerya-social-video__nav-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/section-social-video-carousel.css.map */