.split.svelte-d4jqpz{position:relative;width:1320px;max-width:calc(100vw - 20px);height:800px;max-height:calc(100vh - 20px);display:grid;grid-template-columns:1fr 1.3fr;grid-template-rows:1fr;grid-gap:10px;transition:.3s linear}.split.svelte-d4jqpz .form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px;transition:.3s linear;z-index:1}.split.svelte-d4jqpz .form .inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.split.svelte-d4jqpz .form .inner .header{display:flex;flex-direction:column;gap:16px}.split.svelte-d4jqpz .form .inner .header h1{font-size:32px;font-weight:400;line-height:40px;margin:0}.split.svelte-d4jqpz .form .inner .header p{font-size:22px;font-weight:400;margin:0;text-wrap:balance}.split.svelte-d4jqpz .form .inner .buttons{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.split.svelte-d4jqpz .form .inner .footer p{font-size:16px;font-weight:400;margin:0;text-wrap:balance}.split.svelte-d4jqpz .image{position:relative;background-image:url(../../../img/BeepBot-login-lazy.png);background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;transition:.3s linear;box-shadow:0 0 20px #00000080;border-radius:0 8px 8px 0}.split.svelte-d4jqpz .image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../../img/BeepBot-login.png);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:0 12px 12px 0}.split.svelte-d4jqpz .close{position:absolute;top:20px;right:20px;z-index:2;color:#fff;text-decoration:none;padding:10px;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:.1s linear}.split.svelte-d4jqpz .close svg{transition:.1s linear}.split.svelte-d4jqpz .close:hover{background:rgba(255,255,255,.2)}.split.svelte-d4jqpz .close:hover svg{width:28px;height:28px}@media (max-width: 1000px){.split.svelte-d4jqpz{width:600px;grid-template-columns:1fr 1fr}.form.svelte-d4jqpz{margin-right:-100%}.image.svelte-d4jqpz{margin-left:-100%;filter:blur(8px) brightness(.7) opacity(.4);scale:1.1}}@media (max-width: 600px){.form.svelte-d4jqpz{padding-inline:40px!important}}
