@import '../../../../../assets/sass/theme'

.dialog-content
display: flex
justify-content: center
align-items: center
width: 45vw
height: 65vh

.variant-options
display: flex
gap: 1rem

.variant-card
text-align: center
padding: 1rem
width: 100%
height: 100%
position: relative
background-color: transparent

.variant-image
border-radius: 15px
object-fit: scale-down

.variant-text
font-size: 6rem
line-height: normal
font-weight: bold
position: absolute
top: 32%
color: #3A3A3A

$dialogTheme: dialog-theme(
$background: #011627,
$title-color: #ecaa53,
$message-color: #fefefe,
$border-radius: 0.3
)

.overlay1
::ng-deep
   @include dialog($dialogTheme)