:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}@font-face{font-family:Roboto;src:local("Roboto"),url(/assets/Roboto-VariableFont_wdth_wght-b25986d1.ttf)}:root{font-family:Roboto,Avenir,Helvetica,Arial,sans-serif}.app{min-height:100vh;background-color:#433b36;display:flex;align-items:center;justify-content:center}nav{position:fixed;top:0;left:0;right:0;height:64px;background-color:#f6e7da;padding:8px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.card{position:relative;width:700px;height:350px;background-color:#f6e7da;box-shadow:#64646f33 0 7px 29px;border-radius:24px;margin:16px;padding:48px;transition:transform .5s cubic-bezier(.25,.75,.5,1.4),border-radius .5s cubic-bezier(.25,.75,.5,1.4);transform-style:preserve-3d}.card .uploader,.card .processor{position:absolute;inset:64px;backface-visibility:hidden}.card .processor{transition:transform .4s ease-in-out;transform:rotateX(-180deg);padding:128px 48px;z-index:-1}.card.over .dropzone{border-color:#3398dc;background-color:#d6e5f9}.card.processing{transition-timing-function:cubic-bezier(.25,.75,.5,1);transform:rotateX(180deg) scaleY(.5);border-radius:12px/24px}.card.processing .processor{transform:rotateX(-180deg) scaleY(2)}.card p{color:#808088}.card p.error{color:#cb0101;font-weight:700}.hl7-info{height:100%;display:flex;justify-content:space-between;flex-direction:column;font-size:18px}.hl7-info .footer{display:flex;align-items:center;justify-content:center;column-gap:8px}.hl7-info .footer .cancel{font-weight:700;cursor:pointer}.hl7-info textarea{font-size:inherit;font-family:inherit;padding:.5em;background-color:#fff;border:none;border-radius:.25em;resize:none}.progress{position:relative;width:100%;height:100%;border:2px solid #e5e5ef;border-radius:12px;overflow:hidden}.progress .indicator,.progress .content{position:absolute;top:0;left:0;right:0;bottom:0}.progress .indicator{transition:transform .66s cubic-bezier(.65,0,.35,1);background-color:#5b4935}.progress .content{display:flex;padding:16px;align-items:center;justify-content:space-between}.progress .status{display:flex;flex-direction:column;align-items:center;justify-content:center}.progress .time{font-size:13px;color:#777}.dropzone{width:100%;height:100%;border:3px #ccc dashed;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hidden[type=file]{border:0;clip:rect(0,0,0,0);height:1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}.button{all:unset;background-color:#5b4935;border-radius:4rem;color:#fff;cursor:pointer;display:inline-block;padding:.5rem 1rem;margin:0 8px;transition:background-color .25s linear;font-size:24px;line-height:24px;font-weight:700}:focus+.button,.button:hover{background-color:#2a80b9}select{appearance:none;background-color:#fff;border:none;border-radius:.25em;padding:.25em 1.5em .25em .5em;margin:0;width:100%;min-width:15ch;max-width:30ch;font-family:inherit;font-size:inherit;cursor:pointer;line-height:inherit;background-position:calc(100% - 20px) calc(.75em + 2px),calc(100% - 15px) calc(.75em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.radial-loader{border:3px solid rgba(0,0,0,.2);border-left-color:#3398dc;animation:spin 1.2s infinite linear;position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:top;border-radius:50%;width:48px;height:48px;transition:border-color .5s linear}.radial-loader.complete{animation:none;border-color:#3398dc}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animated-checkmark{stroke-width:3;stroke:#7ac142;stroke-miterlimit:10}.animated-checkmark .check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .6s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}