button.svelte-r7smj9{width:100%;height:5rem;padding:0 1rem;border-radius:var(--border-radius);background-color:var(--color-7);transition:background-color .4s,color .4s;text-align:center;font-size:1.4rem;font-weight:500;color:var(--color-1);cursor:pointer}button.svelte-r7smj9:hover{background-color:var(--color-7-dimmed)}.backdrop.svelte-r7smj9{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;padding:2rem;background-color:#282d3266;animation:fadeIn .4s;z-index:999;display:flex;justify-content:center}.modal.svelte-r7smj9{position:absolute;top:10rem;width:90%;margin:0 auto;padding:4rem;border-radius:1rem;background-color:var(--color-1);box-shadow:var(--shadow);animation:scaleIn .5s backwards;max-height:calc(100vh - 210px);overflow-y:auto}.close.svelte-r7smj9{position:absolute;top:1.5rem;right:3.5rem;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;padding:0;border-radius:50%;background-color:var(--color-1-dimmed);transition:background-color .4s,color .4s;color:var(--color-1-darkest);cursor:pointer}.close.svelte-r7smj9:hover{background-color:var(--color-1-darker);color:var(--color-2-brighter)}@media screen and (min-width: 769px){button.svelte-r7smj9{font-size:1.8rem}}@media screen and (max-width: 768px){.modal.svelte-r7smj9{position:absolute;top:5rem;width:95%;margin:0 auto;padding:1.5rem;border-radius:1rem;background-color:var(--color-1);box-shadow:var(--shadow);animation:scaleIn .5s backwards;max-height:calc(100vh - 150px);overflow-y:auto}.close.svelte-r7smj9{position:absolute;top:1.5rem;right:1.5rem;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;padding:0;border-radius:50%;background-color:var(--color-1-dimmed);transition:background-color .4s,color .4s;color:var(--color-1-darkest);cursor:pointer}}