@import '../common/abstracts/variable';
@import '../common/abstracts/mixin';
@include b(signature) {
  height: 100%;
  display: flex;
  flex-direction: column;
  @include e(content) {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
    background: $-signature-bg;
    border-radius: $-signature-radius;
    border: $-signature-border;
  }
  @include e(content-canvas) {
    width: 100%;
    height: 100%;
  }
  @include e(footer) {
    margin-top: $-signature-footer-margin-top;
    justify-content: flex-end;
    display: flex;
    :deep() {
      .wui-button {
        margin-left: $-signature-button-margin-left;
      }
    }
  }
}