.hp-video-carousel{width:100%;overflow:hidden;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.hp-video-carousel__inner{width:min(100%,var(--page-width));margin-inline:auto;padding:var(--hpvc-pad-top-desktop) 15px var(--hpvc-pad-bottom-desktop)}.hp-video-carousel__header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;margin-bottom:48px;text-align:center}.hp-video-carousel__copy{width:min(100%,760px);margin-inline:auto;text-align:center}.hp-video-carousel__heading{margin:0;font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:var(--font-size--h2);line-height:var(--font-h2--line-height);letter-spacing:normal;color:inherit}.hp-video-carousel__text{max-width:680px;margin:16px auto 0;font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:400;font-size:var(--font-size--paragraph);line-height:var(--font-paragraph--line-height);color:rgb(var(--color-foreground-secondary))}.hp-video-carousel__text>*{margin:0}.hp-video-carousel__nav{flex:0 0 auto;display:flex;align-items:center;gap:10px}.hp-video-carousel__nav[hidden]{display:none!important}.hp-video-carousel__arrow{width:50px;height:50px;padding:0;display:grid;place-items:center;border:1px solid rgb(var(--color-border) / var(--color-border-alpha));border-radius:999px;color:rgb(var(--color-foreground));background:rgb(var(--color-background-secondary));cursor:pointer;transition:opacity var(--animation-duration--fast) var(--animation-easing),transform var(--animation-duration--fast) var(--animation-easing)}.hp-video-carousel__arrow:hover:not(:disabled){transform:translateY(-1px)}.hp-video-carousel__arrow:disabled{opacity:.3;cursor:default}.hp-video-carousel__arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hp-video-carousel__viewport{width:100%}.hp-video-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--hpvc-gap-desktop) * 3)) / 4);column-gap:var(--hpvc-gap-desktop);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hp-video-carousel__track::-webkit-scrollbar{display:none}.hp-video-carousel__track:focus-visible{outline:2px solid rgb(var(--color-focus-ring));outline-offset:6px;border-radius:var(--hpvc-card-radius)}.hp-video-carousel__card{min-width:0;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--hpvc-card-radius);background:rgb(var(--color-background-secondary));scroll-snap-align:start;scroll-snap-stop:normal}.hp-video-carousel__media{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:rgb(var(--color-background-secondary))}.hp-video-carousel__deferred-media,.hp-video-carousel__media deferred-media,.hp-video-carousel__media .deferred-media__poster-button,.hp-video-carousel__media .deferred-media__video-wrap,.hp-video-carousel__media iframe,.hp-video-carousel__media video,.hp-video-carousel__fallback-image,.hp-video-carousel__placeholder{width:100%;height:100%}.hp-video-carousel__deferred-media,.hp-video-carousel__media deferred-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:inherit}.hp-video-carousel__media .deferred-media__poster-button{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:0;border:0;border-radius:inherit;overflow:hidden}.hp-video-carousel__media .deferred-media__poster-button img,.hp-video-carousel__media video,.hp-video-carousel__media iframe,.hp-video-carousel__fallback-image{display:block;width:100%;height:100%;object-fit:cover}.hp-video-carousel__media .deferred-media__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.hp-video-carousel__media .deferred-media__poster-icon{width:72px;height:72px;position:absolute;top:50%;left:50%;z-index:3;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:999px;color:rgb(var(--color-foreground));background:rgb(var(--color-background) / .88);border:1px solid rgb(var(--color-border) / var(--color-border-alpha));box-shadow:0 8px 30px #0000001f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hp-video-carousel__media .deferred-media__poster-icon .icon{--icon-size: 31.2px;display:grid;place-items:center;width:31.2px;height:31.2px;flex:0 0 31.2px;margin:0;padding:0;line-height:0}.hp-video-carousel__media .deferred-media__poster-icon .icon>svg{display:block;width:100%;height:100%;margin:0;padding:0}.hp-video-carousel__fallback-image,.hp-video-carousel__placeholder{display:block;object-fit:cover;border-radius:inherit}@media(max-width:767px){.hp-video-carousel__inner{width:100%;padding:var(--hpvc-pad-top-mobile) 16px var(--hpvc-pad-bottom-mobile)}.hp-video-carousel__header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:32px;text-align:center}.hp-video-carousel__copy{width:100%;margin-inline:auto;text-align:center}.hp-video-carousel__heading{font-size:var(--font-size--h2);line-height:var(--font-h2--line-height)}.hp-video-carousel__text{max-width:none;margin:12px auto 0;font-size:var(--font-size--paragraph);line-height:var(--font-paragraph--line-height)}.hp-video-carousel__nav{display:none!important}.hp-video-carousel__viewport{width:calc(100% + 16px);max-width:none}.hp-video-carousel__track{grid-auto-columns:var(--hpvc-mobile-card-width);column-gap:var(--hpvc-gap-mobile);scroll-padding-inline:0;padding-inline-end:0}.hp-video-carousel__media .deferred-media__poster-icon{width:64px;height:64px}.hp-video-carousel__media .deferred-media__poster-icon .icon{--icon-size: 28.6px;width:28.6px;height:28.6px;flex-basis:28.6px}}@media(prefers-reduced-motion:reduce){.hp-video-carousel__track{scroll-behavior:auto}.hp-video-carousel__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hp-pets-video-carousel.css.map */