@import '~@/_variable.less';

.wrap{
  position: fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index:var(--z-toast);
  &[data-position=top]{
    justify-content: flex-start;
    padding-top:80px;
  }
  &[data-position=bottom]{
    justify-content: flex-end;
    padding-bottom:80px;
  }
  .content{
    min-height:30px;
    min-width:60px;

    background: rgba(0,0,0,.8);
    opacity:.8;
    border-radius: var(--radius-default);
    padding:var(--padding-default);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    font-size: 14px;
    color: #FFFFFF;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.24);


  }
}