@import "../style/colors";

$laLargePopoverWidth: 504px;
$laSmallPopoverWidth: 388px;
$laPopoverBorderRadius: 15px;
$laPopoverBoxShadow: -10px 10px 20px 0 rgba(0, 0, 0, 0.07);
$laPopoverTop: -30px;
.la_popover_large{
  width: $laLargePopoverWidth;
  border-radius: $laPopoverBorderRadius;
  box-shadow: $laPopoverBoxShadow;
  background-color: $white;
  position: relative;
  top: $laPopoverTop;
  z-index: 99;
}
.la_popover_small{
  width: $laSmallPopoverWidth;
  border-radius: $laPopoverBorderRadius;
  box-shadow: $laPopoverBoxShadow;
  background-color: $white;
  position: relative;
  top: $laPopoverTop;
  z-index: 99;
}
.la_popover_small_left{
  right: $laSmallPopoverWidth;
}
.la_popover_large_left{
  right: $laLargePopoverWidth;
}
.la_popover_small_right{
  left: 0;
}
.la_popover_large_right{
  left: 0;
}
.la_popover_small_center{
  right: $laSmallPopoverWidth/2;
}
.la_popover_large_center{
  right: $laLargePopoverWidth/2;
}