.signature-modal--header{display:flex;flex-direction:column;gap:12px}.modal-close-btn svg{stroke:var(--roofr-graphite)!important}.signature-modal--footer{display:flex;justify-content:space-between;gap:24px}.signature-modal--container{padding-bottom:16px}.signature-modal--container .signature-modal--record-accordion{width:100%;border-radius:6px;margin-bottom:16px;border:1px solid var(--roofr-mist-5B);background:var(--roofr-white)}.signature-modal--container .signature-modal--record-accordion.active{border-color:var(--roofr-blue-30);background:var(--roofr-background-accent)}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-header{display:flex;padding:16px;width:100%;gap:8px;border:none;outline:none;cursor:pointer;border-radius:6px;background:inherit}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-header svg{color:var(--roofr-graphite)}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content{display:block;position:relative;max-height:0;overflow:hidden;opacity:0}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-draw{background-color:var(--roofr-white);border:1px dashed var(--roofr-divider);width:100%;align-items:center;height:160px}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-draw .signature-modal--canvas-container{padding-top:10px;width:88%;margin:0 auto;position:relative;z-index:2}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-draw .signature-modal--canvas-container--disabled{pointer-events:none;opacity:.6}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-draw .signature-modal-signature-helpers{width:100%;position:relative;bottom:2.5em;padding:0 28px;display:flex;flex-direction:column}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-draw .signature-modal-signature-helpers .signature-modal-clear-signature-button{width:-moz-min-content;width:min-content;align-self:flex-end;z-index:3;margin-top:1px}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-draw .signature-modal-signature-helpers .signature-modal-clear-signature-button[data-hidden=true]{visibility:hidden}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-draw .signature-modal-signature-helpers .signature-modal-clear-signature-button:hover{box-shadow:none!important}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-draw .signature-modal-signature-helpers .signature-line{border-top:solid 1px var(--roofr-graphite)}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-draw .signature-modal-signature-helpers .signature-text{display:flex;align-items:center;flex-wrap:wrap;flex-direction:column;width:100%;margin-top:6px;height:-moz-min-content;height:min-content}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-type .preview-container{display:flex;align-items:flex-end;border-radius:8px}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-type .preview-container .preview-border{position:relative;height:55px;width:52px;border-radius:4px 0 0 4px;border-top:2px solid var(--roofr-blue);border-bottom:2px solid var(--roofr-blue);border-left:2px solid var(--roofr-blue)}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-type .preview-container .preview-name{width:80%;height:55px;position:absolute;padding:8px;color:var(--roofr-text-default, #28373e);font-family:Mrs Saint Delafield,serif;font-size:32px;font-weight:500}.signature-modal--container .signature-modal--record-accordion .signature-modal--record-content .signature-modal--record-content-type .preview-container .preview-subtext{display:flex;margin-bottom:-7px;margin-left:6px}.signature-modal--container .signature-modal--record-accordion.active .signature-modal--record-content{max-height:500px;opacity:1;padding:0 16px 16px;transition:max-height .5s ease-in-out}@media screen and (max-width:768px){.signature-modal--content{padding:32px 0}}