.c-pro-staff-profile-video{position:relative;padding-block:var(--3xl-spacing);padding-inline:var(--md-gutter);background:var(--c-pp-video-bg, color-mix(in srgb, var(--color-primary) 5%, var(--color-white)));color:var(--color-primary);--c-pp-video-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19531 260' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M4696.35 111.332C2001.19 111.332 2775.85 0.0525322 0 0.0525322V260H19531V0.0525322C16416.2 -2.7983 17352.3 111.332 14802.4 111.332C12430 111.332 12578.5 0.0525322 9767.11 0.0525322C7136.51 0.0525322 7391.5 111.332 4696.35 111.332Z'/%3E%3C/svg%3E")}.c-pro-staff-profile-video__wave{position:absolute;inset-inline:0;bottom:100%;height:2.5rem;overflow:clip;pointer-events:none;z-index:1}.c-pro-staff-profile-video__wave:before{content:"";position:absolute;inset-block:0;left:0;width:200%;background:var(--c-pp-video-bg, color-mix(in srgb, var(--color-primary) 5%, var(--color-white)));-webkit-mask-image:var(--c-pp-video-wave);mask-image:var(--c-pp-video-wave);-webkit-mask-size:50% 100%;mask-size:50% 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;animation:c-pp-video-wave 16s linear infinite}@keyframes c-pp-video-wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.c-pro-staff-profile-video__header{margin-bottom:var(--2xl-spacing);text-align:center}.c-pro-staff-profile-video__title{margin:0;font-family:var(--font-heading);font-weight:var(--bold-font-weight);font-size:clamp(var(--2xl-font-size),4vw,var(--3xl-font-size));line-height:1.1;text-transform:uppercase;color:var(--color-primary)}.c-pro-staff-profile-video__subtitle{margin:var(--sm-spacing) 0 0;font-family:var(--font-body);font-weight:var(--regular-font-weight);font-size:var(--md-font-size);line-height:1.6;color:color-mix(in srgb,var(--color-primary) 70%,transparent)}.c-pro-staff-profile-video__frame{position:relative;height:auto;width:95%;margin-inline:auto;aspect-ratio:16 / 9}.c-pro-staff-profile-video__frame:before{content:"";position:absolute;inset-block-end:-2.5rem;inset-inline-end:-2.5rem;inline-size:12rem;block-size:12rem;border-radius:var(--pill-border-radius);background:var(--color-accent);opacity:.22;filter:blur(2.5rem);z-index:-1;pointer-events:none}.c-pro-staff-profile-video__frame[data-badge=true]:after{content:"";position:absolute;inset-block-end:-1rem;inset-inline-end:-1rem;z-index:2;inline-size:4.5rem;block-size:4.5rem;background-color:var(--color-accent);background-image:var(--c-pp-video-badge-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A2240'%3E%3Cpath d='M20.38 8.57l-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44z'/%3E%3Cpath d='M10.59 15.41a2 2 0 0 0 2.83 0l5.66-8.49-8.49 5.66a2 2 0 0 0 0 2.83z'/%3E%3C/svg%3E"));background-repeat:no-repeat;background-position:center;background-size:2.5rem;box-shadow:0 .75rem 1.5rem color-mix(in srgb,var(--color-shadow) 30%,transparent)}@keyframes c-pro-staff-profile-video-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.75rem)}}.c-pro-staff-profile-video__embed{display:block;position:relative;z-index:1;inline-size:100%;block-size:100%;border:0;padding:var(--sm-spacing);background:var(--color-white);object-fit:cover;box-shadow:0 1.5rem 3rem color-mix(in srgb,var(--color-shadow) 22%,transparent)}.c-pro-staff-profile-video__expand{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:0;padding:0;background:transparent;cursor:pointer}.c-pro-staff-profile-video__frame[data-expanded]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);inline-size:100vw;block-size:100dvh;animation:none;transform:none}.c-pro-staff-profile-video__frame[data-expanded] .c-pro-staff-profile-video__expand{display:none}.c-pro-staff-profile-video__frame[data-expanded]:before,.c-pro-staff-profile-video__frame[data-expanded]:after,.c-pro-staff-profile-video__frame[data-morphing]:before,.c-pro-staff-profile-video__frame[data-morphing]:after{display:none}.c-pro-staff-profile-video__frame[data-expanded] .c-pro-staff-profile-video__embed,.c-pro-staff-profile-video__frame[data-morphing] .c-pro-staff-profile-video__embed{padding:0;background:none;box-shadow:none;object-fit:contain}.c-pro-staff-profile-video__frame[data-morphing]:not([data-expanded]){position:relative;z-index:var(--z-modal)}.c-pro-staff-profile-video__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);border:0;background:color-mix(in srgb,var(--color-shadow) 65%,transparent);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);cursor:pointer}@media(prefers-reduced-motion:reduce){.c-pro-staff-profile-video__wave:before{animation:none}}.c-pro-staff-profile-video__close{display:none;position:fixed;inset-block-start:var(--md-spacing);inset-inline-end:var(--md-spacing);z-index:var(--z-toast);align-items:center;justify-content:center;inline-size:3rem;block-size:3rem;border:0;border-radius:var(--pill-border-radius);background-color:var(--color-white);color:var(--color-primary);font-family:var(--font-body);font-size:var(--2xl-font-size);line-height:1;cursor:pointer;box-shadow:0 .5rem 1.5rem color-mix(in srgb,var(--color-shadow) 30%,transparent)}.c-pro-staff-profile-video__frame[data-expanded]~.c-pro-staff-profile-video__close{display:flex}@media(min-width:900px){.c-pro-staff-profile-video__frame{height:50dvh;width:auto}}@media(min-width:1600px){.c-pro-staff-profile-video{padding-inline:var(--xl-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-pro-staff-profile-video.css.map */