.auth_blocks{ 
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
  
  .auth .vm--modal {
    width: 680px!important;
  }
  
  .vm--modal {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
  }
  
  .vm--modal {
    background: transparent!important;
    border-radius: 6px!important;
    bottom: inherit!important;
    box-shadow: inherit!important;
    left: inherit!important;
    overflow: hidden;
    right: inherit!important;
    top: inherit!important;
    width: -moz-fit-content!important;
    width: fit-content!important;
  }
  
  .auth__content {
      --tw-bg-opacity: 1;
      background-color: rgb(201 212 235 / 5%);
      display: flex;
  }
  
  .auth__close {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(255 255 255);
    background: linear-gradient(201deg, #1a144321 5.39%, #2b50ba00 63.15%);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 48px;
  }
  
  .auth__image {
    background-position: 50%;
    background-size: cover;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    display: flex;
    justify-content: center;
    min-height: 480px;
    width: 48%;
  }
  
  .auth__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 28px;
    width: 52%;
  }
  
  .auth__top {
    display: flex;
    flex-direction: column;
  }
  
  .auth__title {
      font-size: 1.875rem;
      font-weight: 600;
      line-height: 2.25rem;
      padding-bottom: .75rem;
      position: relative;
  }
  
  .auth__title:before {
    --tw-bg-opacity: 1;
    --tw-content: "";
    background: linear-gradient(201deg, #821a2e 5.39%, #fbf420 63.15%);
    border-radius: 9999px;
    bottom: 0;
    content: var(--tw-content);
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  
  .auth__top>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
  }
  
  .auth__socials {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  
  .auth__socials button {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background: linear-gradient(201deg, #c56e56bf 5.39%, #59f0fa00 63.15%);
    border-radius: 6px;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    font-size: 1.5rem;
    height: 48px;
    justify-content: center;
    line-height: 2rem;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    width: 48px;
  }
  
  .\!opacity-40 {
    opacity: .4!important;
  }
  
  .pointer-events-none {
    pointer-events: none;
  }
  
  .auth__or {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    font-size: 10px;
    font-weight: 500;
    justify-content: center;
    position: relative;
    text-transform: uppercase;
    width: 100%;
  }
  
  .auth__or:after, .auth__or:before {
    --tw-translate-y: -50%;
    --tw-gradient-from: #7767aa;
    --tw-gradient-to: rgba(119,103,170,0);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
    --tw-gradient-to: transparent;
    --tw-content: "";
    content: var(--tw-content);
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 40%;
  }
  
  .auth__or:before {
    background-image: linear-gradient(to left,var(--tw-gradient-stops));
    left: 0;
  }
  
  .auth__or:after {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    right: 0;
  }
  
  .modal__form {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  
  .modal__input {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    position: relative;
    margin-bottom: 10px;
  }
  
  .modal__input input {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: transparent;
    border-radius: 6px;
    border-width: 2px;
    background: linear-gradient(201deg, #143a4354 5.39%, #2b50baad 63.15%);
    font-size: 5rem;
    height: 44px;
    line-height: 1.5rem;
    padding-left: 12px;
    padding-right: 12px;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    color: white;
    font-family: 'Open Sans', sans-serif;
  }
  
  .modal__form-btn {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  .modal__form-btn button {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(207 0 0/var(--tw-bg-opacity));
    border-radius: 6px;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 15px;
    height: 48px;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    width: 100%;
  }
  
  .modal__form-txt {
    margin-top: 7px;
    font-size: 12px;
    line-height: 160%;
    text-align: center;
  }
  
  .modal__form-txt a {
    --tw-text-opacity: 1;
    color: rgb(48 119 247/var(--tw-text-opacity));
  }
  
  .auth__bottom ul {
    align-items: center;
    display: flex;
    justify-content: flex-end;
  }
  
  .hidden {
    display: none;
  }
  
  .auth__tabs {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  
  .auth__tabs button.active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(203 1 1/var(--tw-bg-opacity));
    background: linear-gradient(201deg, #1a1443 5.39%, #943826 63.15%);
  }
  
  .auth__tabs button, .auth__tabs button:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
  }
  
  .auth__tabs button {
    --tw-border-opacity: 1;
    align-items: center;
    border-color: rgb(207 0 0/var(--tw-border-opacity));
    border-radius: 6px;
    border-width: 1px;
    display: flex;
    font-size: 13px;
    height: 36px;
    justify-content: center;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
  }
  
  .flex-col {
    flex-direction: column;
  }
  
  .flex {
    display: flex;
  }
  
  .confirm {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgb(3 7 11 / 28%) !important;
    padding: 25px;
    text-align: center;
  }
  
  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
  }
  
  .confirm .vue-dialog-content {
    padding: 64px 12px 12px;
  }
  
  .vue-dialog-content {
    flex: 1 0 auto;
    width: 100%;
    padding: 14px;
  }
  
  .confirm .vue-dialog-content-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    padding-bottom: 0;
  }
  
  .confirm .vue-dialog-content-title:before {
    --tw-translate-x: -50%;
    --tw-content: "";
    background: url(/images/alert.svg) no-repeat 50%/contain;
    content: var(--tw-content);
    height: 64px;
    left: 40%;
    position: absolute;
    top: 18px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 64px;
  }
  
  .text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }
  
  .p-\[16px_20px\] {
    padding: 16px 20px;
  }
  
  .bg-\[\#313648\] {
    --tw-bg-opacity: 1;
    background-color: rgb(49 54 72/var(--tw-bg-opacity));
  }
  
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  
  .mb-\[10px\] {
    margin-bottom: 10px;
  }
  
  .items-center {
    align-items: center;
  }
  
  .space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse));
  }
  
  .\[\&_b\]\:font-\[500\] b {
    font-weight: 500;
  }
  
  .text-\[\#FDCD2D\] {
    --tw-text-opacity: 1;
    color: rgb(253 205 45/var(--tw-text-opacity));
  }
  
  .text-\[15px\] {
    font-size: 15px;
  }
  
  .confirm .vue-dialog-buttons {
    border-width: 0;
    padding-top: .5rem;
  }
  
  .confirm .vue-dialog-buttons {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
  }
  
  .vue-dialog-buttons {
    display: flex;
    flex: 0 1 auto;
    width: 100%;
    border-top: 1px solid #eee;
  }
  
  .confirm .vue-dialog-buttons button {
    background-color: transparent;
    border: 1px solid hsla(0,0%,100%,.08)!important;
    border-radius: 8px;
    flex: none!important;
    font-size: .875rem;
    height: 44px;
    line-height: 1.25rem;
    padding: 0 15px;
    position: relative;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(0,0,.2,1);
    width: 128px;
  }
  
  .vue-dialog-button {
    font-size: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    box-sizing: border-box;
    line-height: 40px;
    height: 40px;
    color: inherit;
    font: inherit;
    outline: none;
  }
  
  .confirm .vue-dialog-buttons>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse));
  }
  
  .\!text-black {
    --tw-text-opacity: 1!important;
    color: rgb(0 0 0/var(--tw-text-opacity))!important;
  }
  
  .\!border-\[\#FDCD2D\] {
    --tw-border-opacity: 1!important;
    border-color: rgb(253 205 45/var(--tw-border-opacity))!important;
  }
  
  .\!bg-\[\#FDCD2D\] {
    --tw-bg-opacity: 1!important;
    background-color: rgb(253 205 45/var(--tw-bg-opacity))!important;
  }
  
  @media (max-width: 744px) {
    .auth__image {
      display: none;
    }
    .auth__inner {
      width: 100%;
    }
  }
  
  .btn svg {
    width: 24px;
    height: 24px;
    display: block;
  }
  
  .btn.only_icon {
    padding: 0;
  }
  
  .btn.only_icon .icon {
    margin-right: 0;
  }
  
  .auth__tabs .btn {
    padding: 0;
  }

  .modal__form-btn .btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .btn_skew {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    padding: 0 20px;
    height: 44px;
    background: linear-gradient(201deg, #1a1443 5.39%, #2b50ba 63.15%);
    border: 1px solid #212e77;
    transition: all 0.25s;
  }

  .btn_skew .icon-button {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    color: #ffbe16;
    filter: drop-shadow(0px 0px 5px rgba(255, 190, 22, 0.5));
  }