.dialog {
    @apply tw-relative
      tw-px-20 tw-pt-8 tw-pb-12
      tw-font-body
      tw-bg-black tw-border-0 tw-rounded-3xl;

    max-width: 460px;
    max-height: 550px;
}

.closeButton {
  @apply tw-absolute tw-border-0;
  width: 42px;
  height: 42px;
  border-radius: 21px;
  right: -30px;
  top: -30px;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cg transform='translate(2 2)' fill='none' stroke='%23707070' stroke-width='2'%3E%3Ccircle cx='19' cy='19' r='19' stroke='none'/%3E%3Ccircle cx='19' cy='19' r='20' fill='none'/%3E%3C/g%3E%3Cpath d='M25.333,7.048,23.285,5l-8.119,8.119L7.048,5,5,7.048l8.119,8.119L5,23.285l2.048,2.048,8.119-8.119,8.119,8.119,2.048-2.048-8.119-8.119Z' transform='translate(5.833 5.833)' fill='%23f4f4f4'/%3E%3Cpath d='M0,0H42V42H0Z' fill='none'/%3E%3C/svg%3E")
    center center no-repeat;
  background-size: 42px 42px;
  transition: opacity;
  will-change: opacity;

  &:hover {
    @apply tw-opacity-80;
  }
}

.statusImage {
  width: 4.375rem;
}

.WLContainer {
  @apply tw-flex tw-flex-col tw-justify-between tw-items-center
    tw-w-40 tw-h-40
    tw-border-solid tw-border-sov-white tw-overflow-hidden;
  border-radius: 1.25rem;
  border-width: 5px;
  margin: 0 auto 4.375rem;
  padding: 1.3rem 2.1rem 1rem 2.1rem;
}
