@import '../../mixins/mixins.scss';

@include b(sms-sign-preview) {
    display: flex;
    flex-direction: column;
    width: 231px;
    min-height: 231px;
    max-height: 340px;
    @include e(head) {

    }
    @include e(container) {
        width: 100%;
        height: calc(100% - 70px);
        padding: 15px 13px;
        overflow-y: auto;
        border: 1px solid #ececec;
        border-top: 0;
        @include scroll-bar;
        @include e(content) {
            position: relative;
            display: inline-block;
            max-width: 80%;
            padding: 10px 10px 10px 12px;
            background: #eee;
            border-radius: 10px;
            word-break: break-all;
            &::after {
                position: absolute;
                content: '';
                top: 11px;
                left: -10px;
                width: 0;
                height: 0;                    
                border: 7px solid transparent;
                border-bottom: 8px solid #eee;
                border-top: 0;
                transform: rotate(-90deg);
            }
        }
    }
}