.video-card-container{overflow:hidden;width:100%;background:#fff}.vpc--classic.video-card-container{padding-bottom:40px}.vpc__title-wrap{margin:10px 0 0;margin-bottom:var(--vpc-sec-title-mb, 10px)}.vpc__title-wrap--left{text-align:left}.vpc__title-wrap--center{text-align:center}.vpc__title{margin:0;padding:0;font-size:var(--vpc-sec-title-size, 18px);font-weight:var(--vpc-sec-title-weight, 800);letter-spacing:var(--vpc-sec-title-letter-spacing, .06em);text-transform:var(--vpc-sec-title-transform, uppercase);color:var(--vpc-sec-title-color, #111)}@media only screen and (max-width:767px){.vpc__title-wrap{margin-bottom:var(--vpc-sec-title-mb-m, var(--vpc-sec-title-mb, 10px))}}.videoSwiper{position:relative;padding:10px 0!important;overflow:visible!important}.vpc--classic .videoSwiper .vpc-nav{position:absolute;top:calc(10px + (var(--vpc-classic-video-height, 560px) / 2));transform:translateY(-50%);z-index:20;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:#00000047;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease,transform .2s ease}.vpc--classic .videoSwiper .vpc-nav--prev{left:calc(47.3% - var(--vpc-nav-offset-x, 120px))}.vpc--classic .videoSwiper .vpc-nav--next{left:calc(50% + var(--vpc-nav-offset-x, 120px))}@media(hover:hover)and (pointer:fine){.vpc--classic.video-card-container:hover .videoSwiper .vpc-nav{opacity:1;pointer-events:auto}.vpc--classic .videoSwiper .vpc-nav:hover{background:#0000006b;transform:translateY(-50%) scale(1.02)}.vpc--classic .videoSwiper .vpc-nav:active{transform:translateY(-50%) scale(.96)}}.vpc--classic .videoSwiper .vpc-nav:focus-visible{opacity:1;pointer-events:auto;outline:2px solid #fff;outline-offset:2px}@media only screen and (max-width:767px){.vpc--classic .videoSwiper .vpc-nav{display:none!important}}.video-card-container .swiper-slide{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease,filter .4s ease;opacity:.4;filter:blur(1px);transform:scale(.9);z-index:1;display:flex;flex-direction:column;background:#fff;border-radius:16px}.video-card-container .swiper-slide-active{opacity:1;filter:blur(0);transform:scale(1.05);z-index:10}.video-container{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;background:#000;clip-path:inset(12% 0 12% 0);transition:clip-path .4s cubic-bezier(.4,0,.2,1);border-radius:16px}.video-card-container .swiper-slide-active .video-container{clip-path:inset(0% 0 0% 0)}.video-container video{width:100%;height:100%;object-fit:cover;display:block}@keyframes vpcMuteBtnIn{0%{opacity:0;transform:translateY(-8px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}.video-card-container .swiper-slide:not(.swiper-slide-active) .vpc-mute-btn{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.9);transition:opacity .25s ease,visibility .25s ease,transform .25s ease}.video-card-container .swiper-slide-active .vpc-mute-btn{opacity:1;visibility:visible;pointer-events:auto;animation:vpcMuteBtnIn .42s cubic-bezier(.22,1,.36,1) both}.vpc-mute-btn{position:absolute;top:10px;right:10px;z-index:9;width:32px;height:32px;padding:0;margin:0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .2s ease}.video-card-container .swiper-slide-active .vpc-mute-btn:hover{background:#0009}.video-card-container .swiper-slide-active .vpc-mute-btn:active{transform:scale(.92);transition:transform .12s ease,background .2s ease}.video-card-container .swiper-slide-active .vpc-mute-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.vpc-mute-btn svg{width:16px;height:16px;flex-shrink:0}.vpc-mute-btn__icon{display:flex;align-items:center;justify-content:center;line-height:0}.vpc-mute-btn__icon[hidden]{display:none!important}.accordion-content-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#fff;z-index:15;transform:translateY(100%);transition:transform .5s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;padding:20px 10px}.video-card.is-open .accordion-content-overlay{transform:translateY(0)}.accordion-header{padding:10px;margin-top:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:4px;border-top:1px solid #f0f0f0;transition:transform .4s ease;border:1px solid lightgray}.video-card-container .swiper-slide:not(.swiper-slide-active) .accordion-header{transform:translateY(-25px)}.vpc--classic .swiper-slide-active .accordion-header{margin-top:2px;transform:translateY(-12px)}.video-card.is-open .icon-toggle{transform:rotate(180deg)}.product-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #f5f5f5}.vpc-products-scroll{overflow-y:auto;flex:1}.vpc-product-row{margin-bottom:0;border-bottom:1px solid #f9f9f9;padding-bottom:10px}.vpc-product-row__info{display:flex;gap:10px;align-items:center;width:80%}.vpc-product-row__image{border-radius:4px}.vpc-product-row__text{text-align:left;width:70%}.vpc-product-row__title{margin:0;font-size:11px;font-weight:500}.vpc-product-row__price{margin:5px 0 0;font-size:11px}.vpc-classic-header__left{display:flex;align-items:center;gap:12px;width:70%}.vpc-classic-header__image{border-radius:4px;width:25%;height:auto}.vpc-classic-header__text{text-align:left;line-height:1.2;width:65%}.vpc-classic-header__title{margin:0;font-size:11px;font-weight:600}.vpc-classic-header__price{margin:0;font-size:11px;color:#666}.vpc-classic-header__btn{width:20%;display:flex;justify-content:center}.vpc-classic-header__chev{width:10%;display:flex;align-items:center;justify-content:center}.btn-add-drawer{background:var(--vpc-plus-bg, #000);color:var(--vpc-plus-icon, #fff);border:1px solid var(--vpc-plus-border, transparent);border-radius:50%;width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-sizing:border-box;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn-add-drawer:hover{background:var(--vpc-plus-bg-hover, var(--vpc-plus-bg, #000));color:var(--vpc-plus-icon-hover, var(--vpc-plus-icon, #fff));border-color:var(--vpc-plus-border-hover, var(--vpc-plus-border, transparent))}.btn-add-drawer:focus-visible{background:var(--vpc-plus-bg-hover, var(--vpc-plus-bg, #000));color:var(--vpc-plus-icon-hover, var(--vpc-plus-icon, #fff));border-color:var(--vpc-plus-border-hover, var(--vpc-plus-border, transparent));outline:2px solid var(--vpc-plus-border-hover, var(--vpc-plus-icon-hover, var(--vpc-plus-icon, #fff)));outline-offset:2px}.vpc--trend .swiper-slide{opacity:1;filter:none;transform:none;border-radius:var(--vpc-card-radius, 18px)}.vpc--trend .swiper-slide-active{opacity:1;filter:none;transform:none}.vpc--trend .video-container,.vpc--trend .swiper-slide-active .video-container{clip-path:inset(0% 0 0% 0);border-radius:var(--vpc-card-radius, 18px);aspect-ratio:auto;height:var(--vpc-card-height, 560px)}.vpc--classic .video-container,.vpc--classic .swiper-slide-active .video-container{aspect-ratio:auto;height:var(--vpc-classic-video-height, 560px)}.vpc-trend-card{position:relative}.vpc-classic-single-card{display:flex;flex-direction:column;min-height:0;flex:1;width:100%}.vpc-classic-single-variant-header{flex-shrink:0}.vpc-classic-single-variant-list{flex:1;min-height:0;max-height:none;overflow-y:auto}.vpc--classic .vpc-classic-single-bar.vpc-trend-bar{position:relative;left:auto;right:auto;bottom:auto;margin-top:10px}.vpc-trend-card--product-list{background:transparent}.vpc-trend-card--product-list .vpc-trend-video{height:var(--vpc-card-height, 560px)}.vpc-trend-info{position:absolute;left:14px;bottom:68px;display:flex;align-items:center;gap:10px;z-index:8;pointer-events:none}.vpc-trend-info__thumb{width:50px;height:50px;border-radius:10px;object-fit:cover;display:block}.vpc-trend-info__text{display:flex;flex-direction:column;gap:2px;min-width:0}.vpc-trend-info__title{font-size:var(--vpc-title-size, 12px);font-weight:var(--vpc-title-weight, 600);color:var(--vpc-title-color, #fff);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.vpc-trend-info__price{font-size:var(--vpc-price-size, 12px);font-weight:var(--vpc-price-weight, 600);color:var(--vpc-price-color, rgba(255,255,255,.85));line-height:1.1;white-space:nowrap}.vpc-trend-bar{position:absolute;left:12px;right:12px;bottom:12px;z-index:6}.vpc-trend-form{position:relative;display:grid;grid-template-columns:1fr auto auto;align-items:center;background:var(--vpc-bar-bg, #0b0b0b);color:var(--vpc-bar-text, #fff);border-radius:14px;overflow:hidden;min-height:44px}.vpc-trend-form--cta-only{grid-template-columns:1fr}.vpc-trend-cta{-webkit-appearance:none;appearance:none;border:none;background:transparent;color:var(--vpc-bar-text, #fff);font-size:var(--vpc-cta-size, 12px);font-weight:var(--vpc-cta-weight, 700);padding:12px 14px;text-align:left;cursor:pointer}.vpc-trend-divider{width:1px;height:26px;background:var(--vpc-bar-divider, rgba(255,255,255,.35))}.vpc-trend-variant-toggle{-webkit-appearance:none;appearance:none;border:none;background:transparent;color:var(--vpc-chevron, #fff);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}.vpc-trend-variant-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;padding:12px}.vpc-trend-variant-overlay[hidden]{display:none!important}.vpc-trend-variant-sheet{width:100%;max-width:520px;background:#fff;color:#111;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #00000047;transform:translateY(6px);animation:vpcSheetIn .18s ease-out forwards}@keyframes vpcSheetIn{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.vpc-trend-variant-sheet__header{padding:14px 14px 10px;border-bottom:1px solid rgba(0,0,0,.08)}.vpc-trend-variant-sheet__title{font-size:13px;font-weight:700;letter-spacing:.02em}.vpc-trend-variant-list{padding:8px 10px 12px;max-height:min(62vh,420px);overflow:auto}.vpc-trend-variant-row{width:100%;-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:14px;padding:10px;display:grid;grid-template-columns:44px 1fr 38px;gap:10px;align-items:center;cursor:pointer;text-align:left;margin:8px 0 0}.vpc-trend-variant-row:first-child{margin-top:0}.vpc-trend-variant-row__image{width:44px;height:44px;border-radius:12px;object-fit:cover;display:block;background:#f5f5f5}.vpc-trend-variant-row__text{min-width:0;display:flex;flex-direction:column;gap:2px}.vpc-trend-variant-row__title{font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpc-trend-variant-row__price{font-size:12px;color:#111c;line-height:1.2;white-space:nowrap}.vpc-trend-variant-row__soldout{font-weight:700;color:#111111b3}.vpc-trend-variant-row__action{display:flex;justify-content:flex-end}.vpc-trend-variant-row__add{width:34px;height:34px;border-radius:50%;border:1px solid var(--vpc-plus-border, transparent);background:var(--vpc-plus-bg, #000);color:var(--vpc-plus-icon, #fff);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;transition:background .2s ease,color .2s ease,border-color .2s ease}.vpc-trend-variant-row__add:hover{background:var(--vpc-plus-bg-hover, var(--vpc-plus-bg, #000));color:var(--vpc-plus-icon-hover, var(--vpc-plus-icon, #fff));border-color:var(--vpc-plus-border-hover, var(--vpc-plus-border, transparent))}.vpc-trend-variant-row__add:focus-visible{background:var(--vpc-plus-bg-hover, var(--vpc-plus-bg, #000));color:var(--vpc-plus-icon-hover, var(--vpc-plus-icon, #fff));border-color:var(--vpc-plus-border-hover, var(--vpc-plus-border, transparent));outline:2px solid var(--vpc-plus-border-hover, var(--vpc-plus-icon-hover, var(--vpc-plus-icon, #fff)));outline-offset:2px}.vpc-trend-variant-row__add[disabled]{opacity:.45;cursor:not-allowed}.vpc-trend-variant-row.is-soldout{opacity:.55;cursor:default}.product-drawer{position:fixed;right:-100%;top:0;width:100%;max-width:450px;height:100%;background:#fff;z-index:2000;transition:transform .4s ease;padding:30px;box-shadow:-5px 0 20px #0000001a;overflow:auto}.product-drawer.active{right:0}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:none;z-index:1999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-overlay.active{display:block}.accordion-header p:first-child,.product-row div p:first-child,#product-drawer h2{display:block;white-space:normal;line-height:1;overflow:hidden;text-overflow:ellipsis;max-width:180px;font-size:10px}#product-drawer h2{max-width:90%;white-space:nowrap}.accordion-header .header-info-text{max-width:120px}.product-row .image_producto{width:20%;object-fit:contain}@media only screen and (max-width:767px){.vpc--classic .videoSwiper{padding-top:22px!important;padding-bottom:12px!important}.vpc--classic .swiper-slide-active.video-card.is-open{transform:scale(1)}.vpc--classic .video-card.is-open .video-container{clip-path:inset(0% 0 0% 0)!important}.vpc--classic .swiper-slide-active .accordion-header{transform:translateY(0)}.vpc--classic .swiper-slide:not(.swiper-slide-active) .accordion-header{transform:translateY(-12px)}.vpc--classic .product-row .image_producto,.vpc--classic .vpc-product-row__image{width:56px;min-width:56px;height:56px;max-height:56px;flex-shrink:0;object-fit:contain;object-position:center;background:#f5f5f5}.vpc--classic .vpc-product-row__info{width:auto;flex:1;min-width:0}.vpc--classic .vpc-classic-header__image{width:48px;min-width:48px;height:48px;max-height:48px;object-fit:contain;object-position:center;flex-shrink:0}.vpc--classic .accordion-content-overlay{padding-top:16px;padding-bottom:16px}}@media(prefers-reduced-motion:reduce){.video-card-container .swiper-slide,.video-container,.accordion-content-overlay,.vpc--classic .videoSwiper .vpc-nav{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/video-product-carousel.css.map */