.hp-vid-vp{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;cursor:grab;margin-inline:calc(var(--hp-pad)*-1);padding-inline:var(--hp-pad);padding-bottom:4px}.hp-vid-vp::-webkit-scrollbar{display:none}.hp-vid-vp.drag{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.hp .hp-vid{position:relative;flex:0 0 300px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:var(--hp-plate);scroll-snap-align:start;isolation:isolate;display:block}@media(max-width:989px){.hp .hp-vid{flex-basis:260px}}@media(max-width:600px){.hp .hp-vid{flex-basis:70vw}}.hp .hp-vid>video,.hp .hp-vid>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:1;transition:transform .8s var(--hp-ease)}.hp .hp-vid:hover>video,.hp .hp-vid:hover>img{transform:scale(1.03)}.hp .hp-vid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#1416204d,#14162000 26% 46%,#141620bd)}.hp .hp-vid-tag{position:absolute;top:14px;left:14px;z-index:3;background:#fffffff0;border-radius:12px;font-size:11.5px;font-weight:700;letter-spacing:-.14px;text-transform:uppercase;color:var(--hp-navy2);padding:0 9px;line-height:22px}.hp .hp-vid-snd{position:absolute;top:12px;right:12px;z-index:4;width:30px;height:30px;border-radius:50%;background:#1416206b;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s var(--hp-ease),transform .2s var(--hp-ease)}.hp .hp-vid-snd:hover{background:#1416209e;transform:scale(1.07)}.hp .hp-vid-snd svg{width:14px;height:14px;stroke:#fff;stroke-width:1.7;fill:none;position:static}.hp .hp-vid-snd .on{display:none}.hp .hp-vid.sound .hp-vid-snd .on{display:block}.hp .hp-vid.sound .hp-vid-snd .off{display:none}.hp .hp-vid-p{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;background:#fffffff5;border-radius:12px;padding:9px;display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;transform:translateY(6px);opacity:0;transition:opacity .35s var(--hp-ease),transform .35s var(--hp-ease)}.hp .hp-vid.ready .hp-vid-p,.hp .hp-vid:hover .hp-vid-p{opacity:1;transform:none}.hp .hp-vid-p img{position:static;inset:auto;width:46px;height:46px;max-width:none;border-radius:8px;object-fit:contain;background:var(--hp-plate);mix-blend-mode:multiply;padding:4%}.hp .hp-vid-pt{font-size:12.5px;font-weight:700;letter-spacing:-.13px;line-height:1.2;color:var(--hp-navy);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp .hp-vid-pp{font-size:12.5px;color:var(--hp-grey);margin-top:2px;display:block}.hp .hp-vid-add{font-size:11px;font-weight:700;letter-spacing:-.11px;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--hp-navy);border-radius:14px;padding:7px 11px;white-space:nowrap;color:var(--hp-navy);transition:all .2s var(--hp-ease);cursor:pointer}.hp .hp-vid-add:hover{background:var(--hp-navy);color:#fff}.hp .hp-vid-cap{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;color:#fff}.hp .hp-vid-cap b{display:block;font-size:15px;font-weight:700;letter-spacing:-.15px}.hp .hp-vid-cap span{font-size:12.5px;color:#ffffffd9}.hp .hp-vid-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .3s var(--hp-ease)}.hp .hp-vid.paused .hp-vid-play{opacity:1}.hp .hp-vid-play>span{width:52px;height:52px;border-radius:50%;background:#ffffffe6;display:grid;place-items:center}.hp .hp-vid-play svg{width:16px;height:16px;fill:var(--hp-navy);stroke:none;position:static}
/*# sourceMappingURL=/cdn/shop/t/39/assets/hp-video.css.map */