.PopContent{position:relative;background-color:var(--background-level-1);border:1px solid var(--border-level-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-1);max-width:400px;z-index:1000;will-change:opacity,transform;opacity:1;transform:scale(1);transform-origin:center;pointer-events:all}.PopContent:before{pointer-events:none;content:"";position:absolute;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent}.PopContent .PopContent__close{pointer-events:all;position:absolute;top:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-1);border-radius:50%;background:none;border:none;cursor:pointer;transition:background-color .2s ease}.PopContent .PopContent__close:hover{background-color:var(--background-level-2)}.PopContent .PopContent__close svg{width:var(--control-icon-size-sm);height:var(--control-icon-size-sm);color:var(--text-level-1)}.PopContent .PopContent__content{padding-right:var(--spacing-6)}@keyframes popContentFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popContentSlideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popContentSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popContentSlideLeft{0%{opacity:0;transform:translate(10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes popContentSlideRight{0%{opacity:0;transform:translate(-10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1) translateY(-50%)}}