@layer core.organisms{.phxsg-background-video{--_comp-background-video-transition-duration: var( --comp-background-video-transition-duration, var(--sys-motion-duration-short-1) );--_comp-background-video-transition-easing: var( --comp-background-video-transition-easing, var(--sys-motion-easing-standard) );--_comp-background-video-transition-delay: var(--comp-background-video-transition-delay, .1s);--_comp-background-video-spacing: var(--comp-background-video-spacing, var(--sys-spacing-2));--_comp-background-video-controls-spacing: var(--comp-background-video-controls-spacing, var(--sys-spacing-1));--_comp-background-video-controls-size: var(--comp-background-video-icon-size, var(--sys-spacing-6))}.phxsg-background-video__controls{display:flex;align-items:center;justify-content:center;gap:var(--_comp-background-video-controls-spacing);position:absolute;z-index:2;pointer-events:none;&:is(.phxsg-background-video__controls--top-start,.phxsg-background-video__controls--top-end){top:var(--_comp-background-video-spacing)}&:is(.phxsg-background-video__controls--bottom-start,.phxsg-background-video__controls--bottom-end){bottom:var(--_comp-background-video-spacing)}&:is(.phxsg-background-video__controls--top-start,.phxsg-background-video__controls--bottom-start){inset-inline-start:var(--_comp-background-video-spacing)}&:is(.phxsg-background-video__controls--top-end,.phxsg-background-video__controls--bottom-end){inset-inline-end:var(--_comp-background-video-spacing)}}.phxsg-background-video__btn{--comp-btn-color: var(--ref-color-neutral-100);opacity:0;visibility:hidden;position:relative;inline-size:var(--_comp-background-video-controls-size);block-size:var(--_comp-background-video-controls-size);:is(.phxsg-is-playing,.phxsg-is-paused,.phxsg-is-idle,.phxsg-is-low-power) &{opacity:1;visibility:visible;pointer-events:initial}&:hover,&:focus-visible{--comp-btn-color: var(--ref-color-blue);background-color:var(--ref-color-neutral-100)}}.phxsg-background-video__icon,.phxsg-background-video__loader{opacity:0;visibility:hidden;position:absolute;pointer-events:auto}.phxsg-background-video__loader{position:absolute;inset:0;margin:auto;transition:opacity var(--_comp-background-video-transition-duration) var(--_comp-background-video-transition-easing);:is(.phxsg-is-loading,.phxsg-is-initializing) &{opacity:1;visibility:visible}}.phxsg-background-video__icon{transition:opacity var(--_comp-background-video-transition-duration) var(--_comp-background-video-transition-easing)}.phxsg-background-video__icon--play{position:absolute;:is(.phxsg-is-paused,.phxsg-is-idle,.phxsg-is-low-power) &{opacity:1;visibility:visible;transition:opacity var(--_comp-background-video-transition-duration) var(--_comp-background-video-transition-easing) var(--_comp-background-video-transition-delay)}}.phxsg-background-video__icon--pause{.phxsg-is-playing &{opacity:1;visibility:visible;transition:opacity var(--_comp-background-video-transition-duration) var(--_comp-background-video-transition-easing) var(--_comp-background-video-transition-delay)}}.phxsg-background-video__icon--unmute{position:absolute;:is(.phxsg-is-playing,.phxsg-is-paused,.phxsg-is-idle,.phxsg-is-low-power):not(.phxsg-is-muted) &{opacity:1;visibility:visible;transition:opacity var(--_comp-background-video-transition-duration) var(--_comp-background-video-transition-easing) var(--_comp-background-video-transition-delay)}}.phxsg-background-video__icon--mute{position:absolute;:is(.phxsg-is-playing,.phxsg-is-paused,.phxsg-is-idle,.phxsg-is-low-power).phxsg-is-muted &{opacity:1;visibility:visible;transition:opacity var(--_comp-background-video-transition-duration) var(--_comp-background-video-transition-easing) var(--_comp-background-video-transition-delay)}}}