@media screen and (max-width: 768px){.field.is-grouped{flex-direction:column;margin-bottom:0}.field.is-grouped>.control{margin-right:0;margin-bottom:.25rem !important;width:100%}.input.date-picker+input{display:none}.field+.buttons{margin-top:1rem}}#signature{position:relative;line-height:0}#signature .loader{position:absolute;left:calc(50% - .5rem);top:calc(50% - .5rem)}#signature canvas{touch-action:none;user-select:none}#signature::after{content:" ";background-color:#000;position:absolute;height:1px;bottom:25%;left:5%;right:5%;touch-action:none;user-select:none}#signature:has(:not(.loader.is-hidden))::after{display:none}.has-signature{width:800px;height:300px;margin:auto;object-fit:scale-down}.box:has(.is-floating-top-right){position:relative}.notification:has(.is-floating-top-right){position:relative;padding-right:3.5rem}.is-floating-top-right{position:absolute;top:.5rem;right:.5rem}.notification .is-floating-top-right{top:.75rem;right:.75rem}.fade-out{animation:fade-out 1.3s;animation-fill-mode:forwards}@keyframes fade-out{0%{opacity:1}75%{opacity:1}100%{opacity:0}}.field.has-addons:has(.control:first-child .select.is-danger) .control .select select{border-color:hsl(348,86%,61%)}.field,.button{transition:opacity 200ms}.phx-loading .field,.phx-loading .button{cursor:not-allowed;opacity:.25}.phx-loading .field .field{opacity:1}.buttons .tag{margin-bottom:.5rem}input.input.is-narrow{max-width:5rem}.signature-background{--signature-frame-bg: #e5e5e5;--signature-window-border: #d5d5d5;--signature-button-border: #ececec;background:var(--signature-frame-bg);padding:2rem 2rem;display:flex;justify-content:center;border-radius:4px}@media screen and (min-width: 1023px){.signature-background{position:relative;width:100vw;left:calc((50vw - 50%)*-1)}}@media screen and (max-width: 1023px){.signature-background{padding:2rem;margin-left:-2rem;margin-right:-2rem;border-radius:0}}.signature-background .signature-window{position:relative;background:#fff;border-radius:4px;border:1px solid var(--signature-window-border);overflow:hidden;max-width:800px;width:100%;display:flex;flex-direction:column;justify-content:center}.signature-background .signature-window .signature-header{position:absolute;top:0;left:0;width:100%;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;pointer-events:none}.signature-background .signature-window .signature-header .title{color:#0a0a0a}.signature-background .signature-window .signature-header .button{pointer-events:all;border:1px solid var(--signature-button-border)}.signature-background .signature-window .signature-header .button:disabled{opacity:0}.signature-background .signature-window img{max-height:100%;width:auto;object-fit:contain}.signature-background .signature-window #signature{position:relative;z-index:1;width:800px;height:300px;left:calc((400px - 50%)*-1)}.signature-background .signature-window .signature-line{position:absolute;left:0;bottom:25%;width:100%;display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:0 1.5rem;pointer-events:none;z-index:0}.signature-background .signature-window .signature-line span{color:#949494;font-size:2rem;line-height:1}.signature-background .signature-window .signature-line hr{margin:auto 0;margin-bottom:.5rem;background-color:#949494}@media(prefers-color-scheme: dark){:root:not([data-theme=light]) .portals-main-content .signature-background{--signature-frame-bg: #2d333b;--signature-window-border: #3f4651;--signature-button-border: #3f4651}}