.empty-modal{z-index:9999;opacity:0;pointer-events:none;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.875rem;transition:top .25s ease-out,opacity .25s ease-out;display:flex;position:fixed;inset:100% 0 0}@media screen and (width<=36rem){.empty-modal{padding:0}}.empty-modal.opened{opacity:1;pointer-events:auto;top:0}.empty-modal .container{background-color:#fff;border-radius:1.25rem;flex-direction:column;align-items:center;gap:3.75rem;max-width:33.375rem;padding:1.875rem;display:flex;position:relative}@media screen and (width<=36rem){.empty-modal .container{border-radius:0;height:100%;padding:1.5rem}}.empty-modal .container .header{flex-direction:row;gap:.625rem;margin-bottom:2.5rem;display:flex}.empty-modal .container .header p{text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);flex:1;font-size:1.5rem;font-weight:600}@media screen and (width<=36rem){.empty-modal .container .header p{border-bottom:2px solid var(--accent);text-decoration:none}}.empty-modal .container .buttonContainer{flex-flow:wrap;gap:1.25rem;width:100%;display:flex}.empty-modal .container .buttonContainer button{background-color:var(--accent);color:var(--white);white-space:nowrap;cursor:pointer;border:none;border-radius:1.75rem;flex:1;width:auto;min-width:12rem;max-width:16.063rem;padding:.75rem 0;font-size:1.125rem;font-weight:700}@media screen and (width<=36rem){.empty-modal .container .buttonContainer button{max-width:unset}}.empty-modal .container .buttonContainer button.outlined{border:2px solid var(--accent);color:var(--accent);background-color:#0000}.empty-modal .container h2{margin:1.25rem 0 .625rem}.empty-modal .container .close-button{background-color:var(--neutral-30);cursor:pointer;border-radius:100%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.empty-modal .container .close-button svg{width:1.5rem;height:1.5rem}