.filter-morph-positioner{--fm-ease:cubic-bezier(.22, 1, .36, 1);--fm-dur:.3s;width:var(--positioner-width);height:var(--positioner-height);max-width:var(--available-width);transition-property:top,left,right,bottom,transform;transition-timing-function:var(--fm-ease);transition-duration:var(--fm-dur)}.filter-morph-positioner[data-instant]{transition:none}.filter-morph-popup{transform-origin:var(--transform-origin);interpolate-size:allow-keywords;width:fit-content;min-width:220px;max-width:28rem;height:auto;transition-property:width,height,opacity,transform;transition-timing-function:var(--fm-ease);transition-duration:var(--fm-dur)}.filter-morph-popup[data-starting-style],.filter-morph-popup[data-ending-style]{opacity:0;transform:scale(.96)}.filter-morph-popup[data-instant]{transition:none}.filter-morph-viewport{width:100%;height:100%;position:relative;overflow:clip}.filter-morph-viewport [data-current],.filter-morph-viewport [data-previous]{opacity:1;transition:transform var(--fm-dur) var(--fm-ease), opacity calc(var(--fm-dur) / 2) var(--fm-ease);transform:translate(0)}.filter-morph-viewport[data-transitioning] [data-previous]{width:var(--popup-width)}.filter-morph-viewport[data-activation-direction~=right] [data-previous][data-ending-style]{opacity:0;transform:translate(-40%)}.filter-morph-viewport[data-activation-direction~=right] [data-current][data-starting-style],.filter-morph-viewport[data-activation-direction~=left] [data-previous][data-ending-style]{opacity:0;transform:translate(40%)}.filter-morph-viewport[data-activation-direction~=left] [data-current][data-starting-style]{opacity:0;transform:translate(-40%)}