.elementor-10 .elementor-element.elementor-element-9f20740{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-10 .elementor-element.elementor-element-7bac51c{--display:flex;--min-height:700px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-7bac51c */.elementor-10 .elementor-element.elementor-element-7bac51c #deck{
  position:relative;
  width:100%;
  height:700px;
  overflow:visible;
}

.elementor-10 .elementor-element.elementor-element-7bac51c .card{
  position:absolute;
  top:50%;
  left:50%;

  width:450px;
  height:650px;

  border-radius:50px;

  transform-style:preserve-3d;

  transition:
  transform .6s ease,
  left .6s ease;

  cursor:pointer;
}

.elementor-10 .elementor-element.elementor-element-7bac51c .card-face{
  position:absolute;

  width:100%;
  height:100%;

  border-radius:50px;

  overflow:hidden;

  backface-visibility:hidden;

  transition:transform .8s ease;
}

.elementor-10 .elementor-element.elementor-element-7bac51c .card-face img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.elementor-10 .elementor-element.elementor-element-7bac51c .card-front{
  transform:rotateY(0deg);
}

.elementor-10 .elementor-element.elementor-element-7bac51c .card-back{
  transform:rotateY(180deg);
}

/* CARTA CENTRALE = FRONTE */

.elementor-10 .elementor-element.elementor-element-7bac51c .card.revealed .card-front{
  transform:rotateY(0deg);
}

.elementor-10 .elementor-element.elementor-element-7bac51c .card.revealed .card-back{
  transform:rotateY(180deg);
}

/* CARTE LATERALI = RETRO */

.elementor-10 .elementor-element.elementor-element-7bac51c .card:not(.revealed) .card-front{
  transform:rotateY(180deg);
}

.elementor-10 .elementor-element.elementor-element-7bac51c .card:not(.revealed) .card-back{
  transform:rotateY(0deg);
}

.elementor-10 .elementor-element.elementor-element-7bac51c .draw-wrapper{
  text-align:center;
  margin-top:40px;
}

.elementor-10 .elementor-element.elementor-element-7bac51c #draw-card{
  padding:16px 32px;
  border:none;
  border-radius:40px;
  cursor:pointer;
  font-size:18px;
}

.elementor-10 .elementor-element.elementor-element-7bac51c #deck{
  position:relative;
  width:100%;
  height:700px;
  overflow:hidden;
}

.elementor-10 .elementor-element.elementor-element-7bac51c .card img{
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

.elementor-10 .elementor-element.elementor-element-7bac51c #deck{
  user-select:none;
  -webkit-user-select:none;
}

.elementor-10 .elementor-element.elementor-element-7bac51c .card img{
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}/* End custom CSS */