@charset "UTF-8"

.amaran-wrapper *
    box-sizing: border-box

.amaran-wrapper
    position: fixed
    z-index: 9999
    &.top
        top: 0
        bottom: auto

    &.bottom
        bottom: 0
        top: auto

    &.left
        left: 0

    &.right
        right: 0
        left: auto

    &.center
        width: 50%
        height: 50%
        margin: auto
        position: fixed
        top: 0
        left: 0
        bottom: 0
        right: 0

.amaran
    width: 200px
    background: rgba(0, 0, 0, 0.7)
    padding: 3px
    color: #fff
    border-radius: 4px
    display: none
    font-size: 13px
    cursor: pointer
    position: relative
    text-align: left
    min-height: 50px
    margin: 10px

.amaran-close
    position: absolute
    top: 2px
    right: 2px
    display: block
    width: 20px
    height: 20px
    cursor: pointer
    &:before
        content: 'x'
        color: #fff
        font-weight: bold
        font-family: Arial, sans-serif
        font-size: 18px

.amaran-sticky
    position: absolute
    top: 2px
    right: 20px
    display: block
    width: 20px
    height: 20px
    cursor: pointer
    &:before
        content: '●'
        color: #fff
        font-weight: bold
        font-family: Arial, sans-serif
        font-size: 18px

.amaran-sticky.sticky
    &:before        
        color: #27ae60