.file-drop-zone{border:2px dashed var(--drop-zone-border);background-color:var(--drop-zone-bgc);min-height:8rem;transition:background-color var(--fade-time),border-color var(--fade-time),opacity var(--fade-time);justify-content:center;align-items:center;padding:1rem;display:flex}.file-drop-zone.drag-over,.file-drop-zone.drag{border-color:var(--drop-zone-active-border);background-color:var(--drop-zone-active-bgc)}.file-drop-zone.disabled{opacity:.55}.file-drop-zone .file-drop-zone-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:0;display:flex}.file-drop-zone .file-drop-zone-label{color:var(--drop-zone-text);font-size:1rem}.attached-file-preview{border:1px solid var(--file-preview-border);background-color:var(--file-preview-bgc);color:var(--file-preview-text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.attached-file-preview .attached-file-preview-image{object-fit:contain;border:1px solid var(--file-preview-border);background-color:var(--file-preview-media-bgc);max-width:240px;max-height:240px;display:block}.attached-file-preview .attached-file-preview-summary{flex:14rem;align-items:center;gap:1rem;min-width:0;display:flex}.attached-file-preview .attached-file-preview-icon{border:2px solid var(--file-preview-icon);flex:none;justify-content:center;align-items:flex-end;width:2.75rem;height:3.25rem;padding:.35rem;display:inline-flex;position:relative}.attached-file-preview .attached-file-preview-icon:after{content:"";border-left:2px solid var(--file-preview-icon);border-bottom:2px solid var(--file-preview-icon);background-color:var(--file-preview-bgc);width:.9rem;height:.9rem;position:absolute;top:-2px;right:-2px}.attached-file-preview .attached-file-preview-icon span{border-top:2px solid var(--file-preview-icon);width:100%;box-shadow:0 -.45rem 0 var(--file-preview-icon),0 -.9rem 0 var(--file-preview-icon)}.attached-file-preview .attached-file-preview-details{gap:.25rem;min-width:0;display:grid}.attached-file-preview .attached-file-preview-name{overflow-wrap:anywhere;font-size:1rem}.attached-file-preview .attached-file-preview-size{color:var(--file-preview-muted);font-size:1rem}.email-notify{padding-top:1.5rem}.email-notify h2{color:var(--dull-white);margin:0 0 1rem;font-size:1rem;font-weight:400;line-height:1.6}.email-notify .notify-status{min-height:1.5rem;margin-top:.5rem;font-size:1rem;line-height:1.5}.email-notify .notify-status--error{color:var(--err-bc)}.email-notify .notify-status--success{color:var(--success-color)}.email-notify .controls button[disabled],.email-notify .controls substrate-button[disabled]{opacity:.5;cursor:not-allowed}.email-notify .submit-another{color:var(--font-color);border:1px solid color-mix(in srgb,var(--dull-white),transparent 60%);cursor:pointer;font:inherit;transition:border-color var(--fade-time),background-color var(--fade-time);background:0 0;padding:.5rem 1rem}.email-notify .submit-another:hover,.email-notify .submit-another:focus-visible{border-color:var(--accent-color);background-color:color-mix(in srgb,var(--main-bgc),white 3%)}:root{--button-outine-color:black;--button-primary-outline:#07f;--button-outine-primary-bg-hover:#00ffff47;--button-outline-disabled-ol:#0077ff5c}@keyframes spinner{to{transform:rotate(360deg)}}button.btn-outline{background-color:#0000;border:2px solid;border-radius:5px;outline:2px solid #0000;padding:.4rem .8rem;font-size:1rem;transition:all .4s;position:relative}button.btn-outline:disabled{cursor:not-allowed}button.btn-outline:hover{outline-color:var(--button-outine-color,inital)}button.btn-outline:hover:disabled{background-color:#0000}button.btn-outline.primary{border:2px solid var(--button-primary-outline,#07f);outline-color:#0000}button.btn-outline.primary:hover{outline-color:var(--button-primary-outline,#07f);background-color:var(--button-outine-primary-bg-hover,#07f)}button.btn-outline.primary:hover:disabled{background-color:#0000}button.btn-outline.primary:disabled{outline-color:var(--button-outline-disabled-ol,#0077ff5c)}button.btn-outline.primary:disabled:hover{background-color:#0000}button.btn-outline.spinning{opacity:.6}button.btn-outline.spinning .btn-content{visibility:hidden}button.btn-outline.spinning{cursor:initial}button.btn-outline.spinning:after{content:"";box-sizing:border-box;border-top:2px solid var(--button-outline-color,black);background:0 0;border-right:2px solid #0000;border-radius:50%;width:16px;height:16px;margin:auto;animation:.6s linear infinite spinner;position:absolute;inset:0}.input-group-number{min-height:3rem}.input-group-number input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.input-group-number input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.input-group-number input[type=number]{appearance:textfield;width:calc(var(--number-width) + .5ch);float:left;height:42px;margin:0;padding:0 0 0 20px;line-height:1.65;transition:all .2s;display:block}.input-group-number input[type=number]:focus{outline:0}.input-group-number .number-nav{flex-direction:column;gap:.5rem;width:fit-content;min-width:12px;display:flex;position:relative;bottom:10px}.input-group-number .number-nav button{cursor:pointer;width:100%;height:100%;position:initial;color:#333;background-color:#0000;border:none;padding:0}.input-group-number .number-nav .number-button{text-align:center;color:#333;user-select:none;border-left:1px solid #eee;width:20px;font-size:13px;line-height:1.7;position:relative}.input-group-number .number-nav .number-button.number-up{height:50%}.input-group-number .number-nav .number-button.number-down{height:50%;bottom:-1px}:root{--primary-accent:black}check-box:not(:defined){visibility:hidden}check-box{display:block}check-box label.checkbox-label{cursor:pointer;grid-template-columns:1rem auto;align-items:center;gap:1em;width:fit-content;display:flex}:is(check-box label.checkbox-label) input{border-radius:0}:is(check-box label.checkbox-label) span{margin-bottom:.2em;font-size:1.2rem}check-box input[type=checkbox]{appearance:none;font:inherit;color:currentColor;cursor:pointer;outline-offset:2px;background-color:#fff;border:2px solid;outline:2px solid #0000;width:1.15em;height:1.15em;margin:0;transition:all .2s;position:relative;transform:translateY(-.075em)}:is(check-box input[type=checkbox]):before{content:"";background:var(--primary-accent);transform-origin:50%;width:18%;height:100%;transition:transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)scale(0)}:is(check-box input[type=checkbox]):after{content:"";background:var(--primary-accent);transform-origin:50%;width:18%;height:100%;transition:transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)scale(0)}:is(check-box input[type=checkbox]):checked:before{transform:translate(-50%,-50%)rotate(45deg)scale(1)}:is(check-box input[type=checkbox]):checked:after{transform:translate(-50%,-50%)rotate(-45deg)scale(1)}:is(check-box input[type=checkbox]):focus:not(:focus-visible){border-color:currentColor;outline-color:#0000}:is(check-box input[type=checkbox]):focus,:is(check-box input[type=checkbox]):focus-visible{outline-offset:2px;outline:2px solid}.route.home .signup-usecases{margin-top:2rem;margin-bottom:2rem}.route.home .signup-usecases p:first-child{margin-top:0}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;interpolate-size:allow-keywords}*{margin:0;line-height:calc(4px + 2ex)}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p{text-wrap:pretty;overflow-wrap:break-word;hyphens:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;overflow-wrap:break-word}#root{isolation:isolate}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--copy-button-success:green}copy-button{color:#000;background:0 0;width:1rem;height:1rem;padding:.3rem .1rem;position:relative}copy-button .copy-wrapper{fill:var(--copy-button,black)}copy-button .copy-wrapper,copy-button .success-wrapper{width:100%;height:100%;display:inline-block}copy-button button{background-color:#0000;border:none;position:relative;top:2px}copy-button .success-svg{fill:var(--copy-button-success,black)}copy-button .copy-hint{background:var(--copy-button-hint-bg,#333);color:var(--copy-button-hint-color,#fff);border-radius:var(--copy-button-hint-radius,4px);white-space:nowrap;opacity:0;inset:unset;transition:opacity .15s ease-in-out,display .15s allow-discrete;border:none;margin:0 0 4px;padding:.25rem .5rem;font-size:.75rem;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}:is(copy-button .copy-hint):popover-open{opacity:1;display:block}@starting-style{:is(copy-button .copy-hint):popover-open{opacity:0}}.copy-hint--visible:is(copy-button .copy-hint){opacity:1;display:block}@media (prefers-reduced-motion:reduce){copy-button .copy-hint{transition:none}}substrate-button button,substrate-button a.btn{color:#000;cursor:pointer;background:0 0;border:1px solid;outline:1px solid #0000;padding:.5rem 2rem;font-size:1rem;text-decoration:none;transition:all .2s;transform:translateY(1px)}:is(substrate-button button,substrate-button a.btn):focus{outline:1px solid}:is(substrate-button button,substrate-button a.btn):hover{outline:1px solid;transform:translateY(0)}:is(substrate-button button,substrate-button a.btn):active{transform:translateY(2px)}:is(substrate-button button,substrate-button a.btn):disabled{cursor:not-allowed;opacity:.4}:is(substrate-button button,substrate-button a.btn):disabled:hover{outline-color:#0000;transform:translateY(1px)}:is(substrate-button button,substrate-button a.btn).spinning{opacity:.4}:is(substrate-button button,substrate-button a.btn).spinning .btn-content{visibility:hidden}:is(substrate-button button,substrate-button a.btn).spinning:hover{cursor:initial}:is(substrate-button button,substrate-button a.btn).spinning:after{content:"";box-sizing:border-box;background:0 0;border-top:2px solid #000;border-right:2px solid #0000;border-radius:50%;width:16px;height:16px;margin:auto;animation:.6s linear infinite spinner;position:absolute;inset:0}substrate-input{display:block}substrate-input .substrate.input{flex-wrap:wrap;align-items:center;min-width:100%;display:flex}substrate-input .substrate.input .label-content{width:100%}substrate-input .substrate.input input{border:1px solid;border-radius:0;outline:1px solid #0000;width:100%;padding:1rem 1rem .8rem;transition:all .2s}substrate-input .substrate.input input:focus{outline:1px solid}substrate-input:not(:defined){visibility:hidden}:root{--font-base:"Space Mono",monospace;--transition:.2s linear;--color-dark:#1f1a38;--color-dark-glare:#989ea9;--color-success:#76f7bf;--progress-indicator-color-complete:var(--color-success);--progress-indicator-progress-stroke:var(--color-dark);--progress-indicator-bg-stroke:var(--color-dark-glare)}.progress-indicator{font-family:var(--font-base);color:var(--color-dark);width:var(--progress-indicator-viewbox);height:auto;line-height:1.1;container-type:inline-size}.progress-indicator__progress-circle{stroke:var(--progress-indicator-progress-stroke,currentColor);transition:stroke-dashoffset var(--transition);transform-origin:50%;transform:rotate(-90deg)}.progress-indicator__background-circle{stroke:var(--progress-indicator-bg-stroke,grey)}.progress-indicator__check{width:var(--progress-indicator-check-size,60cqw);height:auto;display:none}.progress-indicator__count{font-size:var(--progress-indicator-count-size,max(25cqw,1rem));z-index:1}.progress-indicator__visual{grid-template-areas:"stack";place-items:center;display:grid}.progress-indicator__visual>*{grid-area:stack}[data-progress-state=complete] .progress-indicator__progress-circle{fill:var(--progress-indicator-color-complete)}[data-progress-state=complete] .progress-indicator__count{display:none}[data-progress-state=complete] .progress-indicator__check{display:revert}.visually-hidden:not(:is(:focus,:active)){clip-path:inset(100%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--main-width:80ch;--price-cards-width:80vw;--number-width:1ch;--days-width:1ch;--main-bgc:#252525;--button-primary-outline:white;--font-color:#fafafa;--link-color:#a1d6ff;--link-color-hover:#008efb;--err-bgc:#fee7e7;--err-bc:#f44444;--err-bc-dark:#b71c1c;--fade-time:.2s;--success-color:#3cff74;--accent-color:#00b7ff;--dull-white:#e7e7e7;--skeleton-bgc:color-mix(in srgb,var(--main-bgc),white 15%);--drop-zone-border:color-mix(in srgb,var(--dull-white),transparent 35%);--drop-zone-active-border:var(--accent-color);--lighter-bgc:color-mix(in srgb,var(--main-bgc),white 5%);--drop-zone-bgc:var(--lighter-bgc);--drop-zone-active-bgc:color-mix(in srgb,var(--accent-color),transparent 82%);--drop-zone-text:var(--dull-white);--field-bgc:white;--field-color:black;--title-dot-1:#fff;--title-dot-2:#99f2ff;--title-dot-3:#ffbdd4;--title-dot-4:#ffe7cd;--title-dot-5:#f8f292;--file-preview-border:color-mix(in srgb,var(--dull-white),transparent 55%);--file-preview-bgc:color-mix(in srgb,var(--main-bgc),white 4%);--file-preview-media-bgc:color-mix(in srgb,var(--main-bgc),white 8%);--file-preview-text:var(--font-color);--file-preview-muted:color-mix(in srgb,var(--dull-white),transparent 22%);--file-preview-icon:var(--accent-color)}progress-indicator{--progress-indicator-color-complete:#006a3c;--progress-indicator-progress-stroke:#00a25c}.icon.btn{border:1px solid;border-radius:50%;width:2rem;min-width:2rem;height:2rem}body{background-color:var(--main-bgc);color:var(--font-color);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}body div{margin-bottom:1rem}body progress-indicator div{color:var(--font-color);margin-bottom:0}body substrate-button button{color:var(--font-color)}body substrate-button button.spinning:disabled{opacity:.6}body substrate-button button.spinning:after{color:var(--font-color);border-top:2px solid var(--font-color)!important}button.btn{outline:1px solid #0000;transition:all .2s;transform:translateY(1px)}button.btn:hover,button.btn:focus,button.btn:focus-visible{color:#fff;outline-color:#fff;transform:translateY(0)}button.btn:active{transform:translateY(2px)}button.btn:hover{outline-color:#fff}code{font-size:1rem}.skeleton{background-color:var(--skeleton-bgc);vertical-align:middle;border-radius:2px;display:inline-block}.skeleton-nav-link{width:5rem;height:1.25rem;margin-right:.5rem}.controls{text-align:right}header>nav{text-align:right;justify-content:space-between;align-items:center;gap:.5rem;min-height:4rem;margin-bottom:2rem;display:flex}header>nav.logged-in{gap:1rem}header>nav a,header>nav .logout-link{justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:0 .5rem;display:inline-flex}header>nav .logout-link{color:var(--link-color);cursor:pointer;font:inherit;background:0 0;border:none;text-decoration:underline;transition:color .2s}header>nav .logout-link:hover,header>nav .logout-link:focus{color:var(--link-color-hover)}header>nav .logout-link:disabled{opacity:.5;cursor:default}input{border-radius:0}button{cursor:pointer}button.submit{outline:2px solid #0000;transform:translateY(1px)}button.submit:hover,button.submit:focus{transform:translateY(0)}button.submit:active{transform:translateY(2px)}button.submit:hover{outline-color:#fff}a{color:var(--link-color);text-decoration:underline;transition:color .2s}a:hover{color:var(--link-color-hover)}.page-title{margin:2rem auto .5rem;font-size:1.5rem;font-weight:100}.page-title a{color:var(--font-color);letter-spacing:.2em;text-transform:uppercase;border-bottom:2px solid #b6b6b6;flex-wrap:wrap;justify-content:space-between;padding-bottom:.5rem;text-decoration:none;transition:border-color .4s;display:flex}.page-title a:hover{color:var(--font-color);border-color:#6495ed}.page-title .dot{background:linear-gradient(304deg,var(--title-dot-1),var(--title-dot-2),var(--title-dot-3),var(--title-dot-4),var(--title-dot-5));-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.expiry-summary h3{text-underline-offset:3px;margin-top:0;text-decoration:underline}.signup-usecases{border-top:1px solid color-mix(in srgb,var(--dull-white),transparent 70%);border-bottom:1px solid color-mix(in srgb,var(--dull-white),transparent 70%);background:0 0;margin:0 0 4rem;padding:1.75rem 0}.signup-usecases .signup-usecases__title{color:var(--dull-white);margin:0 0 1.25rem;font-size:1rem;font-weight:600}.signup-usecases .signup-usecases__list{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.5rem 2.5rem;margin:0;padding:0 0 0 1.25rem;list-style:outside;display:grid}.signup-usecases .signup-usecases__list li{color:var(--font-color);padding:.25rem 0;font-size:1rem;line-height:1.6}.signup-usecases .signup-usecases__list li::marker{color:var(--accent-color)}h2{margin-top:2rem;margin-bottom:1rem;font-size:1.2rem}h3{margin-top:2rem;margin-bottom:.7rem;font-size:1.1rem}p{margin:1rem 0;line-height:1.6}footer{border-top:1px solid;margin:6rem 0 4rem;padding-top:4rem}footer ul{justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:0;list-style:none;display:flex}.wrapper{width:40rem;max-width:90vw;margin:0 auto}.wrapper.docs{width:80rem}.route{min-height:70vh;margin-bottom:20vh}.route.home h2{margin-top:1rem;margin-bottom:.2rem}.route.notes h1{margin-bottom:1rem}.route.notes h2{margin-bottom:.5rem}.route.docs h2{text-underline-offset:3px;text-decoration:underline 2px}.route.docs .docs-list{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.route.docs .docs-list li{border:1px solid var(--dull-white);flex-direction:column;gap:1rem;min-width:0;padding:1rem;display:flex}.route.docs .docs-list li .delete-control{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;min-height:2.5rem;margin-top:auto;display:flex}.route.docs .docs-list li .delete-control .delete-confirm-prompt{color:var(--font-color)}.route.docs .docs-list li .delete-control .delete-button--confirm{background-color:var(--err-bc-dark);border-color:var(--err-bc-dark);color:var(--font-color)}.route.docs .docs-list li .row-error{background-color:var(--err-bgc);color:var(--err-bc);border:1px solid var(--err-bc);margin-top:.5rem;padding:.5rem 1rem}.route.docs .docs-list .doc-summary{min-width:0;container-type:inline-size}.route.docs .docs-list .doc-link{word-break:break-all;margin-bottom:1rem;font-family:Menlo,monospace;display:block}.route.doc{container-type:inline-size}.route.doc .doc-form{margin-top:2rem}.route.doc .doc-form .read-limit label{flex-direction:column;gap:1rem;margin-bottom:0;display:flex}.route.doc .doc-form fieldset{border:1px solid var(--dull-white);margin-bottom:1.5rem;padding:1rem}.route.doc .doc-form legend{padding:0 .5rem}.route.doc .doc-form .hint{color:var(--dull-white);margin-top:.5rem;font-size:1rem}.route.doc .doc-form label{gap:.5rem;margin-bottom:1rem;display:flex}.route.doc .doc-form input[type=date],.route.doc .doc-form input[type=time]{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:10rem;color:var(--font-color);border:1px solid var(--dull-white);background-color:#0000;padding:.4rem .6rem;font-family:inherit;font-size:1rem}.route.doc .doc-form .saved{color:var(--success-color);margin-left:1rem}.route.doc .doc-form .expiry .expiry-fields{border:0;margin:0;padding:0}.route.doc .doc-form .expiry .expiry-fields:disabled{opacity:.55}.route.doc .doc-form .expiry .expiry-fields:disabled input[type=date],.route.doc .doc-form .expiry .expiry-fields:disabled input[type=time]{cursor:not-allowed}.route.doc .doc-form .expiry .hint.error{color:var(--font-color)}.route.doc .danger{border-top:1px solid var(--dull-white);text-align:right;margin-top:2rem;padding-top:1rem}.route.message .message-body.file-message{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.route.message .message-file-caption{white-space:pre-wrap;margin:0}.route.message .message-file-preview{border:1px solid var(--file-preview-border);background-color:var(--file-preview-media-bgc);max-width:100%;height:auto;display:block}.copy-url{align-items:baseline;display:flex}.copy-url>div{margin-bottom:0}.copy-url code{line-break:anywhere;margin-right:1rem}copy-button{--copy-button:white;--copy-button-success:var(--success-color);cursor:pointer;margin-top:1rem;margin-left:1rem}copy-button .copy-wrapper,copy-button .success-wrapper{justify-content:center;display:flex}copy-button button{border:1px solid var(--dull-white);color:#fff;border-radius:10px;width:2rem;padding:.4rem 0}copy-button button.copy-success{border-color:var(--success-color)}.remaining-reads{justify-content:space-around;align-items:center;gap:1rem;margin-top:2rem;margin-bottom:2rem;display:flex}.remaining-reads div:first-child{flex-direction:column;align-items:center;gap:.5rem;display:flex}.remaining-reads.placeholder{background-color:gray;height:5rem}.remaining-reads .count{border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;padding:1rem;font-family:Menlo,monospace;font-size:3rem;display:flex}.input-group-number{margin-bottom:0}.input-group-number input[type=number]{color:#fff;background-color:#0000;border:none;padding:0 1rem 0 0;font-family:Menlo,monospace;font-size:3rem}.input-group-number .number-nav{margin-bottom:0;margin-left:5px}.input-group-number .number-nav .number-button{margin-bottom:0;border:none!important}.input-group-number .number-nav .number-button.number-up{top:2px}.input-group-number .number-nav .number-button.number-up button{margin-bottom:.7rem;line-height:.5;display:flex;position:relative;right:2px}.input-group-number .number-nav .number-button button{color:#fff;font-size:2.5rem;line-height:.5}.msg-controls{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;margin-left:1rem;display:flex}.msg-controls .component.number-input{position:relative;right:4rem}.msg-controls label{flex-direction:column;align-items:flex-end;gap:1rem;width:8rem;display:flex}.msg-controls label .label-text{border-bottom:1px solid;margin-bottom:1rem}.msg-controls .btn-outline{margin-bottom:1rem;padding-bottom:3px;position:relative;background-color:#fff5ee!important}.msg-controls .btn-outline:after{content:"";background:0 0;width:0;height:2px;margin:auto;transition:width .5s,background-color .5s;display:block}.msg-controls .btn-outline.spinning:after{content:"";box-sizing:border-box;border-top:2px solid var(--button-outline-color,black);background:0 0;border-right:2px solid #0000;border-radius:50%;width:16px;height:16px;margin:auto;transition:none;animation:.6s linear infinite spinner;position:absolute;inset:0}.msg-controls .btn-outline.primary{border:1px solid;outline-color:#fff}.msg-controls .btn-outline.primary:disabled{outline-width:3px;outline-color:#d3d3d3}.new-message{height:fit-content}.new-message .new-message-fields{border:none;min-width:0;margin:0;padding:0}.new-message .new-message-fields:disabled{opacity:.75}.new-message textarea{white-space:pre-wrap;background-color:var(--field-bgc);width:100%;height:min(30vh,40rem);color:var(--field-color);padding:1rem}.new-message .file-area{margin-top:1rem}.new-message .file-area a.file-teaser{color:var(--link-color);background-color:var(--drop-zone-bgc);border:1px dashed var(--drop-zone-border);text-align:center;padding:1rem;display:block}.new-message .file-area a.file-teaser:hover{color:var(--link-color-hover)}.new-message .upload-error{margin:1rem 0}.new-message .submit-area{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:0;display:flex}.new-message .submit-area progress-indicator{opacity:0;visibility:hidden;transition:opacity var(--fade-time)ease,visibility 0s linear var(--fade-time)}.new-message .submit-area.has-file progress-indicator{opacity:1;visibility:visible;transition:opacity var(--fade-time)ease,visibility 0s linear}.new-message progress{width:min(16rem,100%);accent-color:var(--accent-color)}.time-limit-section{margin-top:1.5rem}.time-limit-section fieldset{border:none;margin:0 0 0 -1rem;padding:0 0 0 1rem}.time-limit-section check-box{--primary-accent:black;--primary-highlight:black;margin-bottom:1rem;display:block}.time-limit-section check-box[name=time-limit-enabled]{border-left:2px solid #0000}.time-limit-section check-box label.checkbox-label span{margin-bottom:0}.time-limit-section>p{margin-top:0}.time-limit-section .time-limit-collapse{grid-template-rows:0fr;margin-top:1rem;transition:grid-template-rows .35s;display:grid}.time-limit-section .time-limit-collapse.open{grid-template-rows:1fr}.time-limit-section .time-limit-collapse>.time-limit-form{min-height:0;overflow:hidden}.time-limit-section .time-limit-collapse>.time-limit-form check-box{margin-bottom:1rem}.time-limit-section .time-limit-form{border-left:2px solid var(--dull-white)}.time-limit-section .time-limit-form .relative-inputs:disabled,.time-limit-section .time-limit-form .absolute-inputs:disabled{opacity:.4;pointer-events:none}.time-limit-section .relative-inputs{align-items:flex-start;gap:2rem;display:flex}.time-limit-section .relative-inputs label.component.number-input{flex-direction:column;align-items:center;gap:1rem;display:flex}.time-limit-section .relative-inputs label.component.number-input .label-text{border-bottom:1px solid;margin-bottom:1rem}.time-limit-section .relative-inputs .hours-input .input-group-number input{width:5rem}.time-limit-section .relative-inputs .days-input .input-group-number input{width:calc(var(--days-width) + .5ch)}.time-limit-section .time-inputs-row{align-items:flex-start;gap:2rem;display:flex}.time-limit-section .time-inputs-row .time-inputs-col{flex-direction:column;width:20rem;display:flex}.time-limit-section .absolute-inputs{margin-top:.5rem}.time-limit-section .absolute-inputs .date-error-wrap{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .25s,opacity .25s;display:grid}.time-limit-section .absolute-inputs .date-error-wrap.visible{opacity:1;grid-template-rows:1fr}.time-limit-section .absolute-inputs .date-error-wrap>span{color:#f99;padding-top:.3rem;display:block;overflow:hidden}.time-limit-section .absolute-inputs label{color:var(--dull-white);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.time-limit-section .absolute-inputs input[type=date]{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:10rem;color:var(--font-color);border:1px solid var(--dull-white);background-color:#0000;outline:2px solid #0000;padding:.4rem .6rem;font-family:inherit;font-size:1rem}.time-limit-section .absolute-inputs input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.time-limit-section .absolute-inputs input[type=date]:focus{outline:2px solid}.time-limit-section .absolute-inputs input[type=date] input[type=date],.time-limit-section .absolute-inputs input[type=date] input[type=time]{cursor:pointer}.time-limit-section .absolute-inputs input[type=date] input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.time-limit-section .absolute-inputs input[type=time]{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:10rem;color:var(--font-color);border:1px solid var(--dull-white);background-color:#0000;outline:2px solid #0000;padding:.4rem .6rem;font-family:inherit;font-size:1rem}.time-limit-section .absolute-inputs input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer}.time-limit-section .absolute-inputs input[type=time]:focus{outline:2px solid}.time-limit-section .absolute-inputs input[type=time] input[type=date],.time-limit-section .absolute-inputs input[type=time] input[type=time]{cursor:pointer}.time-limit-section .absolute-inputs input[type=time] input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}ul.bottom-nav{margin-top:2rem;margin-left:1rem;padding:0;list-style:none}.error{color:#000;background-color:#fff;outline:4px solid red;max-width:100%;margin:2rem 0;padding:1rem}pre{background-color:#d3d3d363;padding:2rem}.message-body{white-space:pre-line;color:#000;background-color:#fff;border:2px solid #000;border-radius:15px;outline:4px solid #fff;min-height:10rem;padding:1rem;font-size:1.5rem}.message-body.placeholder{background-color:gray;max-width:100%}