/*
 * @copyright   Copyright (C) 2010-2023 Combodo SARL
 * @license     http://opensource.org/licenses/AGPL-3.0
 */

$ibo-welcome-popup--image--width: 30% !default;

$ibo-welcome-popup--image--svg--height: 100% !default;
$ibo-welcome-popup--image--svg--padding: 20px !default;

$ibo-welcome-popup--text--padding: 15px !default;

$ibo-welcome-popup--text--subdiv--padding-bottom: 20px !default;
$ibo-welcome-popup--text--first-subdiv--padding-bottom: 25px !default;

$ibo-welcome-popup--text--options--bottom: 10px !default;

#welcome_popup{
  display: flex;
}
.ibo-welcome-popup--columns{
	display: flex;
}
.ibo-welcome-popup--image{
  display: flex;
  justify-content: center;
  align-self: center;
  
  width: $ibo-welcome-popup--image--width;
  >svg{
    height: $ibo-welcome-popup--image--svg--height;
    padding: $ibo-welcome-popup--image--svg--padding;
  }
}
.ibo-welcome-popup--text{
  flex-grow:1;
  align-self: center;
  padding: $ibo-welcome-popup--text--padding;
  
  @extend %ibo-font-ral-nor-250;
  >div>div{
    padding-bottom: $ibo-welcome-popup--text--subdiv--padding-bottom;
    &:first-child{
      @extend %ibo-font-ral-sembol-300;
      padding-bottom: $ibo-welcome-popup--text--first-subdiv--padding-bottom;
    }
  }
}
.ibo-welcome-popup--dialog {
	width: 60rem;
}
.ibo-welcome-popup--content {
	width: 100%; 
	.ibo-welcome-popup--message {
		width: 100%;
		min-height: 12rem;
	}
	.ibo-welcome-popup--button {
		width: 100%;
		text-align: center;
		padding-top: 1rem;
		position: absolute;
		bottom: 4.5rem;
	}
}
.ibo-welcome-popup--indicators {
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 1.5rem;
	padding-bottom: 0;
	height: 3rem;
	.ibo-welcome-popup--indicator {
		width: 1rem;
		height: 1rem;
		border-radius: 0.5rem;
		background-color: $ibo-color-secondary-600;
		display: inline-block;
		cursor: pointer;
	}
	.ibo-welcome-popup--active {
		background-color: $ibo-color-information-600 !important;
	}
}