@keyframes svelte-1vvdocv-drop-in{0%{opacity:0;transform:translate(-50%) translateY(-.5rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.container.svelte-1vvdocv{appearance:none;position:fixed;top:3rem;left:50%;transform:translate(-50%);width:fit-content;max-width:calc(100% - 2rem);color:var(--font-dark);border:0;border-radius:var(--border-radius-100);font-size:var(--font-size-300);font-family:var(--font-family);padding:1rem 2rem;z-index:1000;animation:svelte-1vvdocv-drop-in .3s both;&.notification{background:var(--baby-blue)}&.warning{background:var(--lemon)}&.error{background:var(--salmon)}p:where(.svelte-1vvdocv){user-select:none;margin:0;margin-right:6rem;max-width:30ch}.button:where(.svelte-1vvdocv){appearance:none;position:absolute;top:1rem;right:1rem;display:grid;place-content:center;border:none;background:none;width:2rem;height:2rem;font-size:1.5rem;cursor:pointer;&:hover{color:var(--font-dark)}}}.outer-container.svelte-1puirnn{height:100vh;overflow:hidden}.container.svelte-1puirnn{padding:20px;margin:auto;position:relative;top:50%;transform:translateY(-60%)}.container.svelte-1puirnn .button:where(.svelte-1puirnn){color:#000;margin-top:8rem;margin-bottom:1rem}.container.svelte-1puirnn .logo:where(.svelte-1puirnn){position:relative;display:flex;justify-content:center;padding:1rem 0}.container.svelte-1puirnn .window:where(.svelte-1puirnn){color:var(--white);display:flex;font-family:var(--font-family);justify-content:center;height:450px;width:100%;margin:auto}.container.svelte-1puirnn .window:where(.svelte-1puirnn) .form:where(.svelte-1puirnn){align-items:center;width:400px;display:flex;flex-direction:column;background-color:var(--peacock);border-radius:var(--border-radius-200);box-shadow:6px 6px 16px #00000054;padding:0 0 2rem}.container.svelte-1puirnn .window:where(.svelte-1puirnn) .form:where(.svelte-1puirnn) span:where(.svelte-1puirnn){font-size:var(--font-size-100)}.container.svelte-1puirnn .window:where(.svelte-1puirnn) .form:where(.svelte-1puirnn) input[type=text]:where(.svelte-1puirnn),.container.svelte-1puirnn .window:where(.svelte-1puirnn) .form:where(.svelte-1puirnn) input[type=password]:where(.svelte-1puirnn){width:80%;background-color:var(--peacock);outline:none;border:none;border-bottom:2px solid var(--white);padding-top:40px;color:var(--white);text-align:center;font-family:var(--font-family);font-size:var(--font-size-200)}.container.svelte-1puirnn .window:where(.svelte-1puirnn) .form:where(.svelte-1puirnn) input[type=text]:where(.svelte-1puirnn)::placeholder,.container.svelte-1puirnn .window:where(.svelte-1puirnn) .form:where(.svelte-1puirnn) input[type=password]:where(.svelte-1puirnn)::placeholder{color:var(--white)}.container.svelte-1puirnn .window:where(.svelte-1puirnn) .form:where(.svelte-1puirnn) input[type=text]:where(.svelte-1puirnn):focus::placeholder,.container.svelte-1puirnn .window:where(.svelte-1puirnn) .form:where(.svelte-1puirnn) input[type=password]:where(.svelte-1puirnn):focus::placeholder{visibility:hidden}.container.svelte-1puirnn .window:where(.svelte-1puirnn) .picture:where(.svelte-1puirnn){width:60%;overflow:hidden;object-fit:cover;position:relative;display:none;border-radius:0 var(--border-radius-200) var(--border-radius-200) 0;box-shadow:6px 6px 16px #00000054}.container.svelte-1puirnn .window:where(.svelte-1puirnn) .picture:where(.svelte-1puirnn) img:where(.svelte-1puirnn){object-fit:fill;max-width:800px;object-position:center;border-radius:0 var(--border-radius-200) var(--border-radius-200) 0}@media (min-width: 800px){.container.svelte-1puirnn{max-width:1000px;max-height:600px}.container.svelte-1puirnn .logo:where(.svelte-1puirnn){display:block;position:unset;justify-content:flex-start;padding:.5rem 0}.container.svelte-1puirnn .window:where(.svelte-1puirnn) .form:where(.svelte-1puirnn){border-radius:var(--border-radius-200) 0 0 var(--border-radius-200)}.container.svelte-1puirnn .window:where(.svelte-1puirnn) .picture:where(.svelte-1puirnn){display:block}}