.hp-instagram-reels{--hp-ig-reel-gap: 1rem;--hp-ig-reel-radius: 1.6rem}.hp-instagram-reels .flex-carousel .swiper-slide-custom{flex-shrink:0;height:auto}.hp-instagram-reels .flex-carousel--columns .swiper-slide-custom{width:auto}@media(min-width:768px){.hp-instagram-reels .hp-instagram-reels__swiper{overflow:hidden}.hp-instagram-reels .flex-carousel--columns .swiper-slide-custom{width:calc((100% - (var(--hp-ig-columns, 4) - 1) * var(--f-column-gap-max, 1rem)) / var(--hp-ig-columns, 4))!important;max-width:calc((100% - (var(--hp-ig-columns, 4) - 1) * var(--f-column-gap-max, 1rem)) / var(--hp-ig-columns, 4))}}@media(max-width:767.98px){.hp-instagram-reels .hp-instagram-reels__swiper{overflow:visible}}.hp-instagram-reel{--avatar-width: 0;width:100%;overflow:hidden;border-radius:var(--hp-ig-reel-radius)}.hp-instagram-reel.is-hovering .hp-instagram-reel__chrome,.hp-instagram-reel:has(deferred-media[data-playing]) .hp-instagram-reel__chrome{opacity:1;visibility:visible}.hp-instagram-reel__media,.hp-instagram-reel__media .video-block{width:100%;height:100%}.hp-instagram-reel .deferred-media,.hp-instagram-reel .video-block{border-radius:inherit}.hp-instagram-reel .video-placeholder-wrapper__poster-icon,.hp-instagram-reel .deferred-media__poster-icon{top:1.2rem;inset-inline:auto;bottom:auto;inset-inline-end:1.2rem;transform:none;opacity:.92}.hp-instagram-reel .video-interaction-hint{z-index:3}.hp-instagram-reel .video-interaction__controls-inner{top:0;bottom:auto;inset-inline:0;padding:1.2rem;pointer-events:none;align-items:flex-end;justify-content:flex-end}.hp-instagram-reel .video-interaction__control{pointer-events:auto}.hp-instagram-reel__chrome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem;background:linear-gradient(180deg,#00000059,#0000 28% 62%,#0000008c);border-radius:inherit}.hp-instagram-reel__platform{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:.8rem;background:#ffffff38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.hp-instagram-reel__platform-icon{--icon-size: 1.6rem}.hp-instagram-reel__author{margin-top:auto;display:flex;align-items:center;gap:.8rem;max-width:calc(100% - 5rem)}.hp-instagram-reel__author-avatar{flex-shrink:0;width:3.2rem;height:3.2rem;overflow:hidden;border-radius:50%;box-shadow:0 0 0 .15rem #ffffffe5}.hp-instagram-reel__author-avatar img{width:100%;height:100%;object-fit:cover}.hp-instagram-reel__handle{font-size:1.3rem;font-weight:600;line-height:1.2;color:#fff;text-shadow:0 .1rem .4rem rgb(0 0 0 / 35%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-instagram-reel__product{position:absolute;inset-inline-end:1.2rem;bottom:1.2rem;display:block;text-decoration:none}.hp-instagram-reel__product-thumb{display:block;width:4.4rem;height:4.4rem;overflow:hidden;border-radius:50%;box-shadow:0 .4rem 1.2rem #00000047}.hp-instagram-reel__product-thumb img{width:100%;height:100%;object-fit:cover}.hp-instagram-reel__product-badge{position:absolute;inset-inline-end:-.2rem;bottom:-.2rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:rgb(var(--color-primary-button-background));color:rgb(var(--color-primary-button-text));box-shadow:0 .2rem .6rem #00000038}.hp-instagram-reels__controls{--carousel-controls-margin-top: 2.4rem;justify-content:center;width:100%}.hp-instagram-reels__controls .carousel__pagination--bullet{position:static;width:auto}.hp-instagram-reels .swiper-pagination-bullets{display:flex;align-items:center;justify-content:center;gap:.4rem}.hp-instagram-reels .swiper-pagination-bullet{--swiper-pagination-bullet-size: .7rem;opacity:.35;transition:transform .2s ease,opacity .2s ease}.hp-instagram-reels .swiper-pagination-bullet-active{opacity:1;transform:scale(1.15)}@media(min-width:768px){.hp-instagram-reel__platform,.hp-instagram-reel__author-avatar{width:3.6rem;height:3.6rem}.hp-instagram-reel__handle{font-size:1.4rem}}@media(max-width:767.98px){.hp-instagram-reels{--hp-ig-reel-radius: 1.4rem}.hp-instagram-reel__chrome{padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hp-instagram-reels.css.map */
