.app-popup{right:var(--gap5);gap:var(--gap3);width:min(100% - 32px,480px);padding:var(--gap4);border:var(--border-normal);background:var(--white);box-shadow:var(--shadow-large-dark);z-index:1000;opacity:0;pointer-events:none;grid-template-columns:1fr auto;align-items:start;transition:opacity .16s,transform .16s;display:grid;position:fixed;transform:translateY(12px)scale(.98)}.app-popup.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.app-popup--error{top:var(--gap5);background:var(--primary-color)}.app-popup--info{bottom:var(--gap5);background:var(--green)}.app-popup__message{max-width:none;font-size:var(--gap4);color:var(--black);margin:0;font-weight:900;line-height:1.25}.app-popup__close{min-width:var(--gap8);min-height:var(--gap8);width:var(--gap8);height:var(--gap8);border:var(--border-normal);background:var(--white);box-shadow:var(--shadow-small-dark);font-size:var(--gap5);cursor:pointer;padding:0;font-weight:900;line-height:1}@media (max-width:680px){.app-popup{right:var(--gap3);width:calc(100% - var(--gap6));box-shadow:var(--shadow-medium-dark)}.app-popup--error{top:var(--gap3)}.app-popup--info{bottom:var(--gap3)}}