.custom-shoppable-videos .csv-carousel{--arrow-bg: #000;--arrow-clr: #fff;--csv-radius: 32px;--csv-padding: 1.48rem;--csv-gap: var(--csv-padding);--csv-bg-dark: rgba(0,0,0,.8);--csv-bg-light: rgba(255,255,255,.9);--csv-color-text: #fff;--csv-title-font-size-mobile: 24px;--csv-title-font-weight: 600;--csv-subheader-font-weight: 600;--csv-color-muted: rgba(0,0,0,.7);--csv-font-xs: .75rem;--csv-font-sm: .875rem;--csv-font-md: 1.25rem;--csv-radius: 14px;--csv-mobile-width: 85%;--csv-slides-md: 2;--csv-slides-lg: 3;position:relative;overflow:hidden;isolation:isolate;padding-top:5%;container-type:inline-size}.custom-shoppable-videos .csv-carousel :where(img,svg,video,iframe){display:block;max-inline-size:100%}.custom-shoppable-videos .csv-carousel :where(button){all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.custom-shoppable-videos .csv-carousel :where(a){text-decoration:none}.custom-shoppable-videos .csv-carousel *,.custom-shoppable-videos .csv-carousel *:before,.custom-shoppable-videos .csv-carousel *:after{box-sizing:border-box}.custom-shoppable-videos .csv-wrapper{padding-block:4rem}.custom-shoppable-videos .embla__viewport{inline-size:100%}.custom-shoppable-videos .embla__container{display:flex;gap:var(--csv-gap);will-change:transform}.custom-shoppable-videos .csv-track{display:flex;gap:var(--csv-gap);padding-inline:var(--csv-gap)}.custom-shoppable-videos .embla__slide.csv-slide{position:relative;display:flex;flex-direction:column;overflow:hidden;backface-visibility:hidden;transform:translateZ(0);min-block-size:var(--m-h);border-radius:var(--csv-radius);transition:margin .6s ease,padding .6s ease,transform .6s ease,box-shadow .3s ease;z-index:1;box-shadow:0 5px 17px 1px #00000087}.custom-shoppable-videos .csv-slide.csv-active{padding-block:5%;margin-block:-5rem;z-index:2}.custom-shoppable-videos .csv-video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#000;overflow:hidden}.custom-shoppable-videos .csv-video-wrapper :where(iframe,video){position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;border:0}.custom-shoppable-videos :where(.csv-video-wrapper,.csv-video-wrapper video,.csv-embed,.csv-embed iframe){border-radius:var(--csv-radius, 12px)}.custom-shoppable-videos .csv-poster{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;z-index:1;opacity:1;transition:opacity .25s ease}.custom-shoppable-videos .csv-slide.csv-playing .csv-poster{opacity:0;pointer-events:none}.custom-shoppable-videos .csv-header-wrapper{margin-block-end:2rem;padding-inline:.75rem}.custom-shoppable-videos .csv-title{margin:0;font-weight:var(--csv-title-font-weight,600)}.custom-shoppable-videos .csv-subheading{margin:0 0 .5rem;font-weight:600;text-transform:none;line-height:0;font-size:12px}.custom-shoppable-videos .csv-slide-title{position:absolute;inset-block-start:4%;inset-inline-start:.75rem;max-inline-size:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:400;color:#fff;background:#0009;padding:.25rem .75rem;border-radius:.5rem;z-index:4;text-align:start}.custom-shoppable-videos .csv-arrows{position:static;margin-block-start:7rem;display:flex;justify-content:center;gap:1.5rem;pointer-events:auto;transform:none}.custom-shoppable-videos .csv-arrow{inline-size:44px;block-size:44px;border-radius:50%;background:var(--arrow-bg);color:var(--arrow-clr);display:flex;align-items:center;justify-content:center}.custom-shoppable-videos .csv-arrow svg{inline-size:1.8rem;block-size:1.5rem}.custom-shoppable-videos .csv-products{--csv-bar-h: 80px;position:absolute;inset-inline:0;inset-block-end:0;z-index:3;max-block-size:var(--csv-bar-h);padding-block-start:var(--csv-bar-h);transition:max-block-size .35s ease,padding .2s ease;overflow:visible}.custom-shoppable-videos .csv-products.csv-expanded{max-block-size:min(60vh,520px);padding-block:0;z-index:4}.custom-shoppable-videos .csv-overlay{position:absolute;inset-inline:0;inset-block-end:0;padding:0;background:transparent;z-index:2}.custom-shoppable-videos .csv-products__controls{position:absolute;inset-inline:0;inset-block-start:0;block-size:var(--csv-bar-h);pointer-events:none;z-index:6}.custom-shoppable-videos .csv-more-btn{display:grid;place-items:center;pointer-events:auto;border:0}.custom-shoppable-videos .csv-more-btn svg{transition:transform .25s ease}.custom-shoppable-videos .csv-products.csv-expanded .csv-more-btn svg{transform:rotate(180deg)}.custom-shoppable-videos .csv-card-more-btn{position:absolute;inset-inline-start:50%;inset-block-start:0;transform:translate(-50%,-50%);inline-size:55px;block-size:22px;border-radius:10px;background:#fff;color:#000;z-index:10}.custom-shoppable-videos .csv-badge-more-btn{position:absolute;inset-inline-start:50%;inset-block-start:-22px;transform:translate(-50%,-50%);inline-size:40px;block-size:30px;border-radius:20px;background:#000000d1;color:#fff;z-index:10}.custom-shoppable-videos .csv-add-all{position:absolute;inset-inline-end:1rem;inset-block-start:-30%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.2rem .75rem;border-radius:12px;background:#f08;color:#fff;font-size:12px;font-weight:600;box-shadow:0 6px 20px #0000001f;z-index:7}.custom-shoppable-videos .csv-more-btn-text{position:absolute;inset-inline-start:50%;transform:translate(-50%);inset-block-start:36px;font-size:12px;line-height:1;color:#0000008c;letter-spacing:.16em;text-transform:lowercase;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:7}.custom-shoppable-videos .csv-toggle-btn{display:none!important}.custom-shoppable-videos .csv-product-badge{display:flex;align-items:center;gap:.75rem;margin:5px;padding:.75rem;border-radius:15px;background:#0809087f;font-size:var(--csv-font-sm);color:var(--csv-color-text)}.custom-shoppable-videos .csv-product-badge img{inline-size:50px;block-size:50px;border-radius:50%;object-fit:cover}.custom-shoppable-videos .csv-badge-title{font-size:12px;font-weight:600;color:var(--csv-color-text)}.custom-shoppable-videos .csv-badge-price{font-size:12px;font-weight:900;opacity:.7;color:var(--csv-color-text)}.custom-shoppable-videos .csv-product-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;inline-size:100%;padding:.75rem 1.5rem;background:#fff;z-index:3;position:relative;color:var(--csv-product-text)}.custom-shoppable-videos .csv-product-card>*,.custom-shoppable-videos .csv-product-badge>*{position:relative;z-index:1}.custom-shoppable-videos .csv-product-card:before,.custom-shoppable-videos .csv-product-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:var(--csv-product-bg);opacity:var(--csv-product-opacity)}.custom-shoppable-videos .csv-prod-img img{inline-size:40px;block-size:40px;object-fit:cover;border-radius:50px}.custom-shoppable-videos .csv-prod-meta{flex:1;line-height:1.2}.custom-shoppable-videos .csv-prod-title{margin:0 0 .1rem;font-weight:700}.custom-shoppable-videos .csv-prod-price{color:#111;opacity:.75}.custom-shoppable-videos .csv-prod-action{inline-size:50px;block-size:30px;border-radius:50px;background:#000;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;box-shadow:0 6px 16px #0000002e}.custom-shoppable-videos .csv-products.csv-collapsed :where(.csv-product-card:first-child,.csv-product-badge:first-child){position:absolute;inset-inline:var(--csv-padding);inset-block-end:calc(var(--csv-bar-h) + 8px);padding:.85rem 1rem .85rem .85rem;z-index:5}.custom-shoppable-videos .csv-products.csv-collapsed :where(.csv-product-card:not(:first-child),.csv-product-badge:not(:first-child)){border:0;box-shadow:none}.custom-shoppable-videos .csv-sound-btn{position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem;background:#000c;border-radius:50%;padding:.8rem;z-index:10;transition:background .3s ease,transform .15s ease}.custom-shoppable-videos .csv-sound-btn:hover{background:#000000b3}.custom-shoppable-videos .csv-sound-icon{fill:#fff;inline-size:20px;block-size:20px;pointer-events:none}.custom-shoppable-videos .csv-unmute-icon{display:none}.custom-shoppable-videos .csv-mute-icon,.custom-shoppable-videos .csv-unmute-icon{color:var(--csv-color-text)}.custom-shoppable-videos .csv-fs-btn{position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;inline-size:42px;block-size:42px;border-radius:9999px;color:#fff;background:#000c;z-index:11;opacity:.95;transition:transform .15s ease,background .15s ease,opacity .15s ease}.custom-shoppable-videos .csv-fs-btn:hover{transform:scale(1.06);background:#000000b3}.custom-shoppable-videos .csv-fs-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.custom-shoppable-videos .csv-fs-icon{display:none;pointer-events:none}.custom-shoppable-videos .csv-slide:fullscreen .csv-products.csv-expanded,.custom-shoppable-videos .csv-slide:-webkit-full-screen .csv-products.csv-expanded,.custom-shoppable-videos .csv-slide.csv-fs-open .csv-products.csv-expanded{max-block-size:min(70vh,600px);padding-block-start:var(--csv-bar-h);z-index:6}.custom-shoppable-videos .csv-slide:fullscreen .csv-products.csv-collapsed,.custom-shoppable-videos .csv-slide:-webkit-full-screen .csv-products.csv-collapsed,.custom-shoppable-videos .csv-slide.csv-fs-open .csv-products.csv-collapsed{max-block-size:var(--csv-bar-h);padding-block-start:var(--csv-bar-h)}.custom-shoppable-videos .csv-slide:fullscreen .csv-products__controls,.custom-shoppable-videos .csv-slide:-webkit-full-screen .csv-products__controls,.custom-shoppable-videos .csv-slide.csv-fs-open .csv-products__controls{display:block;pointer-events:auto;z-index:1000}.custom-shoppable-videos .csv-add-all{pointer-events:auto}.custom-shoppable-videos .csv-slide:fullscreen .csv-click-layer,.custom.shoppable-videos .csv-slide:-webkit-full-screen .csv-click-layer,.custom-shoppable-videos .csv-slide.csv-fs-open .csv-click-layer{pointer-events:none}.custom-shoppable-videos .csv-slide:fullscreen :where(.csv-product-card,.csv-product-badge,.csv-add-all),.custom-shoppable-videos .csv-slide:-webkit-full-screen :where(.csv-product-card,.csv-product-badge,.csv-add-all),.custom-shoppable-videos .csv-slide.csv-fs-open :where(.csv-product-card,.csv-product-badge,.csv-add-all){z-index:7;padding:10px;font-size:12px}.custom-shoppable-videos .csv-slide.csv-fs-open .csv-more-btn{inline-size:100px;block-size:40px;font-size:2rem}.custom-shoppable-videos .csv-slide:fullscreen .csv-add-all,.custom-shoppable-videos .csv-slide:-webkit-full-screen .csv-add-all,.custom-shoppable-videos .csv-slide.csv-fs-open .csv-add-all{transform:none;z-index:1001}.custom-shoppable-videos .csv-slide:fullscreen .csv-more-btn,.custom-shoppable-videos .csv-slide:-webkit-full-screen .csv-more-btn,.custom-shoppable-videos .csv-slide.csv-fs-open .csv-more-btn{inset-block-start:.5rem;inset-inline-start:50%;transform:translate(-50%);z-index:1001}.custom-shoppable-videos .csv-slide:fullscreen .csv-video-wrapper,.custom-shoppable-videos .csv-slide:-webkit-full-screen .csv-video-wrapper,.custom-shoppable-videos .csv-slide.csv-fs-open .csv-video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.custom-shoppable-videos .csv-add-all__dots{display:none;inline-size:24px;block-size:8px}.custom-shoppable-videos .csv-add-all__dots i{inline-size:5px;block-size:4px;margin-inline:2px;background:#fff;border-radius:50%;transform:translateY(0);animation:csv-bounce .9s infinite ease-in-out}.custom-shoppable-videos .csv-add-all__dots i:nth-child(2){animation-delay:.15s}.custom-shoppable-videos .csv-add-all__dots i:nth-child(3){animation-delay:.3s}@keyframes csv-bounce{0%,80%,to{transform:translateY(0);opacity:1}40%{transform:translateY(-6px);opacity:1}}.custom-shoppable-videos .csv-add-all.csv-loading .csv-add-all__label{opacity:0;visibility:hidden}.custom-shoppable-videos .csv-add-all.csv-loading .csv-add-all__dots{position:absolute;display:inline-flex;align-items:center;justify-content:center}.custom-shoppable-videos .csv-prod-action{position:relative;display:inline-flex;align-items:center;justify-content:center}.custom-shoppable-videos .csv-prod-action .csv-dots{display:none;gap:4px;margin-inline-end:7px}.custom-shoppable-videos .csv-prod-action.csv-loading .csv-prod-action__label{visibility:hidden}.custom-shoppable-videos .csv-prod-action.csv-loading .csv-dots{display:inline-flex}.custom-shoppable-videos .csv-prod-action .csv-dots i{inline-size:4px;block-size:4px;border-radius:50%;background:currentColor;display:inline-block;animation:csvDotPulse 1s infinite ease-in-out}.custom-shoppable-videos .csv-prod-action .csv-dots i:nth-child(2){animation-delay:.15s}.custom-shoppable-videos .csv-prod-action .csv-dots i:nth-child(3){animation-delay:.3s}@keyframes csvDotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@media (max-width:767px){.custom-shoppable-videos .csv-title{font-size:var(--csv-title-font-size-mobile)}.custom-shoppable-videos .embla__viewport{padding-block-start:4rem}}@media (min-width:768px){.custom-shoppable-videos .csv-slide{min-block-size:var(--d-h, 480px)}}@media (prefers-reduced-motion: reduce){.custom-shoppable-videos .csv-slide,.custom-shoppable-videos .csv-products,.custom-shoppable-videos .csv-more-btn svg,.custom-shoppable-videos .csv-fs-btn,.custom-shoppable-videos .csv-poster{transition:none!important;animation:none!important}}.custom-shoppable-videos .embla__container>.embla__slide{flex:0 0 var(--csv-mobile-width)}.custom-shoppable-videos .embla__container>.embla__slide[style*=--csv-slide-basis]{flex-basis:var(--csv-slide-basis)!important}@container (min-width:700px) and (max-width:1023px){.custom-shoppable-videos .csv-carousel[style*=--csv-slide-basis-md] .embla__slide{flex:0 0 var(--csv-slide-basis-md)}.custom-shoppable-videos .csv-carousel:not([style*=--csv-slide-basis-md]) .embla__slide{flex:0 0 calc((100% - (var(--csv-slides-md) - 1)*var(--csv-gap)) / var(--csv-slides-md))}}@container (min-width:1024px){.custom-shoppable-videos .csv-carousel[style*=--csv-slide-basis-lg] .embla__slide{flex:0 0 var(--csv-slide-basis-lg)}.custom-shoppable-videos .csv-carousel:not([style*=--csv-slide-basis-lg]) .embla__slide{flex:0 0 calc((100% - (var(--csv-slides-lg) - 1)*var(--csv-gap)) / var(--csv-slides-lg))}}.custom-shoppable-videos .csv-carousel[style*="--csv-total: 1"]{--csv-slides-md:1;--csv-slides-lg:1 }.custom-shoppable-videos .csv-carousel[style*="--csv-total: 2"]{--csv-slides-md:2;--csv-slides-lg:2 }.custom-shoppable-videos .csv-sound-btn{inset-inline-end:.75rem;inset-block-start:.75rem}.custom-shoppable-videos .csv-fs-btn{inset-inline-start:auto;inset-inline-end:calc(.75rem + 52px);inset-block-start:.75rem}@media (max-width:480px){.custom-shoppable-videos .csv-fs-btn{inset-inline-end:.75rem;inset-block-start:calc(.75rem + 48px)}}.custom-shoppable-videos .csv-fs-icon{display:none}.custom-shoppable-videos .csv-fs-enter{display:block}.custom-shoppable-videos .is-fullscreen .csv-fs-enter{display:none}.custom-shoppable-videos .is-fullscreen .csv-fs-exit{display:block}.csv-variant-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;display:none;align-items:center;justify-content:center}.csv-variant-modal{background:#fff;color:#111;max-width:720px;width:min(96vw,720px);border-radius:12px;box-shadow:0 20px 50px #0000004d;overflow:hidden;font:inherit}.csv-variant-modal__hdr{padding:14px 18px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.csv-variant-modal__ttl{margin:0;font-weight:700;font-size:1.05rem}.csv-variant-modal__body{padding:14px 18px;max-height:65vh;overflow:auto}.csv-variant-modal__row{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f3f3f3}.csv-variant-modal__img{width:72px;height:72px;object-fit:cover;border-radius:8px;background:#f2f2f2}.csv-variant-modal__name{font-weight:600;margin:0 0 6px}.csv-variant-modal__opts{display:flex;flex-wrap:wrap;gap:8px}.csv-variant-modal__opts select{padding:8px 10px;border:1px solid #ddd;border-radius:8px;min-width:140px}.csv-variant-modal__qty{margin-left:auto}.csv-variant-modal__ftr{padding:12px 18px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end}.csv-btn{border:0;border-radius:10px;padding:10px 14px;cursor:pointer}.csv-btn--ghost{background:#f4f4f4}.csv-btn--pri{background:#111;color:#fff}.csv-variant-modal-backdrop[open]{display:flex}
/*# sourceMappingURL=/cdn/shop/t/32/assets/hr-custom-shoppable-videos.css.map */