.icon-color{color:#f75b5b}[dir] .icon-color:hover{transform:scale(1.5)}.hoverzoom{position:relative;width:90px;height:90px;overflow:hidden}.hoverzoom .retina{position:absolute;width:100%;height:100%;top:0;opacity:0;-moz-transition:all .8s cubic-bezier(.19,1,.22,1);-ms-transition:all .8s cubic-bezier(.19,1,.22,1);-o-transition:all .8s cubic-bezier(.19,1,.22,1);transition:all .8s cubic-bezier(.19,1,.22,1)}[dir] .hoverzoom .retina{border-radius:2px;text-align:end;-webkit-transition:all .8s cubic-bezier(.19,1,.22,1)}[dir=ltr] .hoverzoom .retina{left:0;background:none repeat scroll 0 0 hsla(0,0%,62%,.199)}[dir=rtl] .hoverzoom .retina{right:0;background:none repeat scroll 100% 0 hsla(0,0%,62%,.199)}.hoverzoom:hover .retina{opacity:1}[dir] .hoverzoom:hover .retina{box-shadow:inset 0 0 100px 50px hsla(0,0%,64.7%,.178)}.signature-box{min-height:120px}[dir] .signature-box{border:1px solid #dcdcdc;border-radius:10px;padding:.75rem;background-color:#fafafa}.signature-preview-wrapper{width:33%;display:flex;justify-content:center;align-items:center}.signature-preview{width:100%;max-height:100px;object-fit:contain}[dir] .signature-preview{border:1px solid #ccc;border-radius:6px;background:#fff}.no-signature{font-size:.8rem}[dir] .no-signature{text-align:center}.signature-actions{width:65%}.upload-input{width:100%}@media (max-width:768px){.signature-box{flex-direction:column}[dir] .signature-box{text-align:center}.signature-preview-wrapper{width:100%}[dir] .signature-preview-wrapper{margin-bottom:.5rem}.signature-actions{width:100%}}