@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-container{position:fixed;z-index:10000;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0000;opacity:0;overflow:hidden;transition:background-color .6s ease,opacity .6s ease}.modal-container--visible{background-color:#00000080;opacity:1}.modal{display:flex;overflow:hidden;max-height:100vh;flex-direction:column;background-color:var(--general-screen-bg);border-radius:20px;animation:fade-up .3s ease forwards;min-width:240px}@media(max-width:720px){.modal{margin:0 16px;flex-grow:1}}.modal__close-button{height:22px;align-self:flex-end;padding:0;border:none;margin:0;background-color:inherit;border-radius:0;color:var(--general-text-primary);cursor:pointer}.modal__close-button--upper-left{align-self:flex-start}.modal__notes--small{width:450px;min-width:450px;transition:width ease-in-out .2s}@media(min-width:540px){.modal__notes--big{width:900px;transition:width ease-in-out .2s}}