.pf-video{border-radius:var(--video--radius);box-shadow:0 0 20px rgb(var(--color--black--rgb)/30%);overflow:hidden;position:relative;width:100%;--video--icon--size--base:16px;--video--play--inner--size:calc(var(--video--icon--size--base)*4);--video--icon--size:calc(var(--video--icon--size--base)*3);--video--radius:var(--radius--medium);--video--customer--position:10px}.pf-video:is(.pf-video--pseudo){aspect-ratio:16/9}@media print,screen and (min-width:768px){.pf-video{--video--icon--size--base:20px;--video--customer--position:15px;--customer-pill--override--size:32px}}@media screen and (min-width:992px){.pf-video{--video--icon--size--base:28px;--video--customer--position:20px;--customer-pill--override--size:48px}}@media print,screen and (min-width:768px){:where(.dnd-section>.row-fluid>.span12>.dnd-row>.row-fluid>.span12>.hs_cos_wrapper>.pf-videos,.pf-webinar-single) .pf-video{--video--icon--size--base:28px;--video--radius:var(--radius--large);--video--customer--position:30px;--customer-pill--override--size:56px}}@media screen and (min-width:992px){:where(.dnd-section>.row-fluid>.span12>.dnd-row>.row-fluid>.span12>.hs_cos_wrapper>.pf-videos,.pf-webinar-single) .pf-video{--video--icon--size--base:40px;--video--customer--position:40px;--customer-pill--override--size:72px}}.pf-video .pf-video__content>*{aspect-ratio:16/9;display:block;max-width:100%;width:100%}.pf-video :is(.pf-video__preview,.pf-video__review){appearance:none;border:none;border-radius:var(--video--radius);display:grid;grid-template-areas:"videobutton";grid-template-columns:1fr;grid-template-rows:1fr;height:100%;left:0;margin:0;object-fit:cover;padding:0;position:absolute;top:0;transition:opacity .25s ease;width:100%}.pf-video :is(.pf-video__preview,.pf-video__review):is(:hover,:focus-visible){cursor:pointer}.pf-video :is(.pf-video__preview,.pf-video__review):is(.is-faded-out){opacity:0}.pf-video :is(.pf-video__preview,.pf-video__review):is(.is-behind){z-index:-1}.pf-video .pf-video__preview{background:var(--color--accent-2);z-index:1}.pf-video .pf-video__preview:is(:hover,:focus-visible){cursor:pointer}.pf-video .pf-video__preview:is(:hover,:focus-visible)>:where(img,video){opacity:.5}.pf-video .pf-video__preview:is(:hover,:focus-visible) .pf-video__play{transform:scale(1.125);--video--play--opacity:1;--video--play--inner--background:rgb(var(--color--accent-3--rgb)/100%)}.pf-video .pf-video__preview>:where(img,video){aspect-ratio:16/9;grid-area:videobutton;height:100%;object-fit:cover;opacity:.9;transition:opacity .25s ease;width:100%;z-index:1}.pf-video .pf-video__preview .pf-video__play{align-items:center;display:flex;grid-area:videobutton;height:100%;justify-content:center;opacity:var(--video--play--opacity,.75);transition:transform .25s ease,opacity .25s ease;z-index:2;--video--play--inner--background:rgb(var(--color--accent-3--rgb)/75%)}.pf-video .pf-video__preview .pf-video__play .play__icon{align-items:center;background:var(--video--play--inner--background);border-radius:50%;display:flex;height:var(--video--play--inner--size);justify-content:center;position:relative;transform:scale(.8);transition:background .25s ease;width:var(--video--play--inner--size)}.pf-video .pf-video__preview .pf-video__play .play__icon img{height:var(--video--icon--size);width:var(--video--icon--size)}.pf-video .pf-video__preview .pf-customer-pill{bottom:var(--video--customer--position);left:var(--video--customer--position);position:absolute;z-index:2}.pf-video .pf-video__review{background:#fff;z-index:2}.pf-video .pf-video__review:is(:hover,:focus-visible) .pf-video__replay{transform:scale(1.125)}.pf-video .pf-video__review .pf-video__replay{align-items:center;display:flex;grid-area:videobutton;justify-content:center;transition:transform .25s ease,opacity .25s ease;z-index:2}.pf-video .pf-video__review .pf-video__replay .replay__icon{align-items:center;background:#fff;border-radius:50%;display:flex;height:var(--video--play--inner--size);justify-content:center;position:relative;transform:scale(.8);width:var(--video--play--inner--size)}.pf-video .pf-video__review .pf-video__replay .replay__icon img{height:var(--video--icon--size);width:var(--video--icon--size)}