.signature-pad-wrapper{position:relative;width:100%;max-width:830px;aspect-ratio:830/375}[dir] .signature-pad-wrapper{padding:.5rem;border-radius:.375rem;background-color:rgba(240,239,245,.25);border:3px solid #f0eff5}.signature-pad-wrapper canvas{height:100%;width:100%}[dir] .signature-pad-wrapper canvas{border-radius:.375rem}.signature-pad-wrapper .cleaner{height:30px;width:30px;display:flex;align-items:center;justify-content:center;position:absolute;top:-3px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}[dir] .signature-pad-wrapper .cleaner{background-color:#f0eff5;cursor:pointer}[dir=ltr] .signature-pad-wrapper .cleaner{right:-3px;border-radius:0 .375rem 0 .375rem}[dir=rtl] .signature-pad-wrapper .cleaner{left:-3px;border-radius:.375rem 0 .375rem 0}[dir] .dark-layout .signature-pad-wrapper .cleaner{background-color:#57678e}[dir] .dark-layout .signature-pad-wrapper{background-color:#f0eff5;border:3px solid #57678e}