@import '../_mixins.scss';
@import '../_vars.scss';

.#{$namespace-prefix}-box {
  &[data-animation='scale'] {
    @each $placement in $placements {
      &[data-placement^='#{$placement}'] {
        transform-origin: nth($origins, index($placements, $placement));
      }
    }

    &[data-state='hidden'] {
      transform: scale(0.5);
      opacity: 0;
    }
  }
}