@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Sarabun:wght@500&display=swap);@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);.container[data-v-448b7140]{height:100vh;overflow:hidden}.screen[data-v-d60a97ac]{position:absolute;height:600px;width:360px}[dir] .screen[data-v-d60a97ac]{box-shadow:0 0 24px #2d5270}[dir=ltr] .screen[data-v-d60a97ac]{background:linear-gradient(90deg,#2d5270,#3288ab)}[dir=rtl] .screen[data-v-d60a97ac]{background:linear-gradient(-90deg,#2d5270,#3288ab)}.dtc-logo[data-v-d60a97ac]{width:auto;height:60px;position:relative}.login[data-v-d60a97ac]{width:320px}[dir] .login[data-v-d60a97ac]{padding:30px;padding-top:156px}.login__field[data-v-d60a97ac]{position:relative}[dir] .login__field[data-v-d60a97ac]{padding:20px 0}.submit_button[data-v-d60a97ac]{color:#dae6fc;opacity:.9}[dir] .submit_button[data-v-d60a97ac]{background-color:#2d5270}.text-subtitle1[data-v-d60a97ac]{color:#dae6fc;font-weight:700}.cursor-pointer[data-v-d60a97ac]:hover{-webkit-text-decoration:underline solid #dae6fc .01px;text-decoration:underline solid #dae6fc .01px;text-underline-offset:8px;text-underline-position:above}.screen__background[data-v-d60a97ac]{position:absolute;top:0;bottom:0;z-index:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}[dir=ltr] .screen__background[data-v-d60a97ac],[dir=rtl] .screen__background[data-v-d60a97ac]{left:0;right:0}.screen__background__shape[data-v-d60a97ac]{position:absolute}[dir=ltr] .screen__background__shape[data-v-d60a97ac]{transform:rotate(45deg)}[dir=rtl] .screen__background__shape[data-v-d60a97ac]{transform:rotate(-45deg)}.screen__background__shape1[data-v-d60a97ac]{height:520px;width:520px;top:-50px}[dir] .screen__background__shape1[data-v-d60a97ac]{background:#fff}[dir=ltr] .screen__background__shape1[data-v-d60a97ac]{right:120px;border-radius:0 72px 0 0}[dir=rtl] .screen__background__shape1[data-v-d60a97ac]{left:120px;border-radius:72px 0 0 0}.screen__background__shape2[data-v-d60a97ac]{height:220px;width:220px;top:-172px}[dir] .screen__background__shape2[data-v-d60a97ac]{background:#2d5270;border-radius:32px}[dir=ltr] .screen__background__shape2[data-v-d60a97ac]{right:0}[dir=rtl] .screen__background__shape2[data-v-d60a97ac]{left:0}.screen__background__shape3[data-v-d60a97ac]{height:540px;width:190px;top:-24px}[dir] .screen__background__shape3[data-v-d60a97ac]{border-radius:32px}[dir=ltr] .screen__background__shape3[data-v-d60a97ac]{background:linear-gradient(270deg,#66acf3,#2d5270);right:0}[dir=rtl] .screen__background__shape3[data-v-d60a97ac]{background:linear-gradient(-270deg,#66acf3,#2d5270);left:0}.screen__background__shape4[data-v-d60a97ac]{height:400px;width:200px;top:420px}[dir] .screen__background__shape4[data-v-d60a97ac]{background:#3288ab;border-radius:60px}[dir=ltr] .screen__background__shape4[data-v-d60a97ac]{right:50px}[dir=rtl] .screen__background__shape4[data-v-d60a97ac]{left:50px}[dir=ltr] .box[data-v-259672b3]{background:linear-gradient(125deg,#66acf3,#3288ab,#2d5270)}[dir=rtl] .box[data-v-259672b3]{background:linear-gradient(-125deg,#66acf3,#3288ab,#2d5270)}.card-position[data-v-259672b3]{top:0}.card-container[data-v-259672b3]{position:absolute;overflow:hidden}[dir] .card-container[data-v-259672b3]{background-color:transparent}