:root{--primary:oklch(31.69% .0952 256.22);--secondary:oklch(67.21% .2633 146.11);--error-light:oklch(90% .25 30.2);--error-dark:oklch(40% .25 30.2);--offline:oklch(84.2% .161 82);--disabled:oklch(84.5% 0 0);--envelope-bg:oklch(98.5% .014 93);--text-shadow:0 0 5px #00000040;--placeholder-color:#00000080}::placeholder{color:var(--placeholder-color)}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{color:#fff;background-color:var(--primary);-webkit-font-smoothing:antialiased;border:0;max-width:1280px;margin:0 auto;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}main{text-shadow:var(--text-shadow);margin:2em}a{color:inherit}p{line-height:1.4}button{--border-width:.1em;color:#fff;background-color:var(--secondary);cursor:pointer;border:0;border-top:var(--border-width) solid var(--secondary);border-bottom:var(--border-width) solid color-mix(in oklab, var(--secondary), black 10%);text-shadow:var(--text-shadow);border-radius:.25em;outline:none;padding:.5em .75em;font-size:1.5em;font-weight:700;transition:background-color .25s}button:focus{background-color:color-mix(in oklab, var(--secondary), white 3%)}button:active{background-color:color-mix(in oklab, var(--secondary), black 5%);border-top:var(--border-width) solid color-mix(in oklab, var(--secondary), black 15%);border-bottom-color:color-mix(in oklab, var(--secondary), black 5%)}button[disabled]{opacity:.75;background-color:var(--disabled);border-top-color:var(--disabled);border-bottom-color:color-mix(in oklab, var(--disabled), black 10%);cursor:not-allowed}fieldset{border:0;padding:0}input[type=text],input[type=email]{background-color:#0000;border:none;border-bottom:1px solid #00000040;border-radius:0;transition:border-color 1s}:is(input[type=text],input[type=email]).error{border-bottom-color:var(--error-dark)}:is(input[type=text],input[type=email]).error::placeholder{color:color-mix(in oklab, var(--error-dark), transparent 50%)}header h1{margin:0}header .tagline{margin-bottom:0;font-size:1.5em}header .pricing-details{margin:.5em 0;font-style:italic}header .upload{margin:1em 0}header .upload input[type=file]{display:none}header .upload .instructions{margin:0 .25em .5em 0;display:inline-block}header .progressbar-container{border:1px solid #ffffff80;width:100px;margin-left:1em;display:inline-block}header .progressbar-container .progressbar-progress{transition:background-color 1s}header .status{margin:.5em 0 .5em 1em;display:inline-block}header .status.complete_error{color:var(--error-light);font-weight:700}footer{text-align:center;opacity:.8;margin:1em 0;font-size:.8em}footer ul{padding:0;list-style-type:none}footer ul li{margin:0 .5em;display:inline-block}.invisible{visibility:hidden}.banner{text-align:center;text-shadow:none;z-index:1000;padding:1em;position:fixed;top:0;left:0;right:0;box-shadow:0 0 4px #00000080}.banner.offline{color:#000;background-color:var(--offline)}html:has(dialog[open]){overflow:hidden}.modal-dialog{overscroll-behavior:contain;color:#000;width:100%;max-width:32rem;max-height:calc(100dvh - 2em);text-shadow:none;background-color:#fff;border:none;border-radius:.25em;padding:1em 2em;overflow-y:auto}.modal-dialog::backdrop{background-color:#000000b3}.email.modal input[type=email]{margin:1em auto;padding:.25em;font-size:1.5em;display:block}.email.modal button{float:right}.payment.modal p{text-wrap:balance;margin-top:0;font-weight:500}.payment.modal button{width:100%;margin-top:1em;display:block}.payment.modal .error{font-weight:700}.progress.modal{text-align:center}#drop-mask{background-color:color-mix(in oklab, var(--primary), transparent 50%);z-index:1000;text-shadow:0 0 25px #000;border:15px dashed #ffffffbf;justify-content:center;align-items:center;font-size:2em;font-weight:700;display:none;position:fixed;inset:0}body.dz-drag-hover #drop-mask{display:flex}#envelope-container{position:relative}#envelope{color:#000;text-shadow:none;background-color:var(--envelope-bg);border:1px solid #ffffff80;padding:1em 2em 3em;position:relative;transform:translateY(100%);box-shadow:2px 2px 1px #00000040}#envelope .stamp{float:right;height:200px;transform:rotate(2deg)}#envelope .address{--address-width:40%;width:var(--address-width);border:1px solid #0000;margin:1em;padding:1em;transition:border-color .5s}#envelope .address.to{margin-left:calc(50% - var(--address-width) / 2)}#envelope .address.error{border-color:var(--error-dark);font-weight:500}#envelope .address+.address{margin-top:3em}#envelope .address h2{text-transform:capitalize;cursor:default;margin:0 0 .5em}#envelope .address h2 .verification-status{margin:0 .25em}#envelope .address h2 .fa-check{color:var(--secondary)}#envelope .address h2 .fa-times{color:var(--error-dark)}#envelope .address input{width:100%;padding:.25em;font-size:1.5em;display:block}#envelope .address .third-line{display:flex}#envelope .address .third-line input{flex-grow:1;width:30px}#envelope .address .third-line input[name=state]{flex-grow:.25}#envelope .address .third-line input[name=zip]{flex-grow:.5}#envelope .address p.error{color:var(--error-dark);margin:.5em 0;line-height:1.3}#send-success{z-index:0;text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#send-success.hidden{display:none}#send-success h2{font-size:2.5em}#send-success p{font-size:1.5em}#send-success button.send-another .fa{margin-left:.2em}#pay-and-send{text-align:center;margin:2em 0}#pay-and-send button .fa{margin-left:.2em}#pay-and-send .total .price{margin:.1em 0;font-size:1.5em}#pay-and-send .total .page-count{opacity:.8}#pay-and-send .additions{margin:1em 0}#pay-and-send .additions input{margin-right:.5em}#pay-and-send .additions label{padding:.25em .5em;display:inline-block}#pay-and-send .additions label a{background-color:#ffffff4d;margin-left:.3em}#pay-and-send .additions label a:hover{background-color:#ffffff80}#pay-and-send .additions label .price{opacity:.8}#pay-and-send .error{color:var(--error-light);font-weight:700}@media (width<=1200px){#envelope .address{--address-width:50%}}@media (width<=800px){#envelope .address{--address-width:66%}}@media (width<=640px){main{margin:1em}#envelope{padding:1em}#envelope .address{--address-width:100%;margin:0}#envelope .address.to{margin-left:0}#envelope .address+.address{margin-top:0}#envelope .stamp{display:none}}@media (width<=375px){#envelope{padding:.5em}#envelope .address{padding:.5em}#envelope .address input{font-size:1.25em}}