@import"https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&family=Anton&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Michroma&family=Walter+Turncoat&display=swap";:root{--input-size-min: 10pt;--font-size-min: 0pt;--font-size-normal: 10pt;--font-size: var(--font-size-normal);--font-weight: 300;--font-size-adjust: 1;--desk-tone: #f3e6d2;--cover-tone: #e0d0b9;--shadow-tone: #b8afa3;--sheet-tone: #ffeed2;--expanse-tone: #f3dfbb5c;--wash-tone: #698f840f;--grid-color: #91919112;--line-color: #777;--ink-0: #0000000a;--ink-10: #0002;--ink-20: #0003;--ink-30: #0006;--ink-50: #0008;--ink-100: #000e;--etch-0: #fff1;--etch-10: #fff2;--etch-20: #fff3;--etch-30: #fff5;--etch-50: #fff8;--etch-100: #fff;--panel-0: var(--ink-0);--panel-10: var(--ink-10);--panel-20: var(--ink-20);--panel-30: var(--ink-30);--panel-50: var(--ink-50);--panel-100: var(--ink-100);--panel-input: var(--etch-100);--control-size: 40px;--control-offset: calc(var(--control-size) / 4);--control-active: var(--ink-100);--control-passive: var(--ink-20);--frame-border: var(--ink-20);--menu-notify: #fff690;--card-background-color: #fff8e8;--card-text-color: var(--ink-100);--card-subtle-color: var(--ink-50);--card-border-color: var(--ink-20);--card-highlight-color: var(--card-text-color);--link-color: #2d92fd;--danger-color: #ff5f59;--accent-color: #fb5387;--yellow-highlight: #fffe3d;--blue-highlight: #8fe1ff;--green-highlight: #a6f470;--purple-highlight: #ffa5cf;--grey-highlight: #ebdfd3;--yellow-gel: #ff872c;--blue-gel: #2296dd;--green-gel: #76b361;--purple-gel: #ff6b99;--grey-gel: #afa8a1;--selection-highlight: #ffffff2e;--selection-reticule: #505050;--selection-text: var(--etch-100);--marquee: var(--selection-reticule);--edit-reticule: var(--selection-reticule);--input-error: #eb7e7e;--dragdrop-color: #a4e7ff;--dragdrop-tint: #a4e7ff5b;--dropzone-border: #979797}main.dark{--desk-tone: #555555;--shadow-tone: #353535;--sheet-tone: #474747;--expanse-tone: #4747478f;--wash-tone: #0000000f;--cover-tone: #434343;--line-color: #ccc;--grid-color: #6161612b;--etch-100: #ffffffd0;--panel-0: var(--etch-0);--panel-10: var(--etch-10);--panel-20: var(--etch-20);--panel-30: var(--etch-30);--panel-50: var(--etch-50);--panel-100: var(--etch-100);--panel-input: var(--ink-0);--card-background-color: #3b3b3b;--card-border-color: var(--ink-30);--card-text-color: var(--etch-100);--card-subtle-color: var(--etch-50);--link-color: #a0cefe;--accent-color: #222;--yellow-gel: #e6773e;--blue-gel: #368eb9;--green-gel: #209a54;--purple-gel: #e9408a;--grey-gel: #78716a;--selection-highlight: #ad9d8e26;--selection-reticule: #222;--edit-reticule: var(--etch-100);--marquee: var(--etch-100);--input-error: #e18484}*{margin:0;padding:0;box-sizing:border-box}*:not(:where(input,textarea)){user-select:none;-webkit-user-select:none}html,body,#root{width:100vw;height:100vh;height:100dvh;overflow:hidden;padding:0;margin:0;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-color:var(--desk-tone);overscroll-behavior:none}body{&.ios{--input-size-min: 16px}}#root{display:flex;>.message{display:flex;flex-direction:column;align-items:center;margin:auto;gap:.5rem;color:#000a}}.font-sans{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.font-serif{font-family:Aleo,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.font-cursive{font-family:Walter Turncoat,cursive;font-weight:400;font-style:normal;line-height:1}.font-tech{--font-size-adjust: .8;font-family:Michroma,sans-serif;font-weight:400;font-style:normal}.font-mono{font-family:Courier Prime,monospace;font-weight:400;font-style:normal}.font-slab{font-family:Anton,sans-serif;font-weight:400;font-style:normal;line-height:1}.with-syntax{span.syntax-tag{&:before{content:"#"}&:after{content:" "}}span.syntax-directive{&:before{content:"--"}span:before{content:" "}}a.syntax-link{color:currentColor;word-break:break-all;text-decoration-thickness:from-font;&:hover{color:var(--link-color)}}strong.syntax-bold{font-weight:900}span.syntax-bold-italic{font-weight:900;font-style:italic}}dialog{position:fixed;display:flex;flex-direction:column;z-index:100;top:120px;left:50vw;transform:translate(-50%);width:300px;max-width:90vw;padding:.7rem .8rem 1rem;border:0;&.primary{width:400px;padding:2.5rem 2.5rem 2rem}&.dark{background:#686868;box-shadow:0 0 8px #00000082}&.light{background:#fbfbfb;box-shadow:0 0 8px #00000021}label{text-transform:uppercase;font-size:10pt;margin-bottom:.7rem;dialog.primary &{font-size:12pt;text-transform:unset}dialog.dark &{color:#ffffff61}dialog.light &{color:#0000008a}}p{font-size:10pt;font-weight:400;padding:0rem 0 .8rem;dialog.primary &{margin-bottom:1rem}dialog.dark &{color:#ffffff91}dialog.light &{color:#000000a3}}button{align-self:center;border-radius:4px;padding:.4rem .8rem;cursor:pointer;dialog.dark &{border:1px solid #4b4b4b;background:#7d7d7d;color:#dfdfdf}dialog.light &{border:1px solid #c5c5c5;background:#efefef;color:#797979}&:hover{dialog.dark &{background:#878787}dialog.light &{background:#f9f9f9}}}.progress-bar{--color: #d77fcb;height:.5rem;background-color:#00000026;background-image:linear-gradient(to right,var(--color) 0,var(--color) var(--value),transparent var(--value))}}.surface{--padding-block: min(.8em, 4rem);--padding-inline: min(1.8em, 4rem);--padding: var(--padding-block) var(--padding-inline);--level-back: 1;--level-mid: 2;--level-front: 3;--level-overlay: 4;background-color:var(--desk-tone);&.list{--padding-inline: 1.5rem}.editor{position:relative;display:flex;z-index:var(--level-front);outline:2px dashed var(--edit-reticule);color:var(--card-text-color);&.floating{--font-size: var(--title-size);position:absolute;border:1px solid transparent;transform:translate(var(--left),var(--top))}&.invalid{--edit-reticule: var(--input-error)}.text-edit{background-color:var(--card-background-color);&.multiline{width:var(--note-width)}}}}main.main-view{position:relative;flex:1;display:grid;grid-template-areas:"top" "main";grid-template-rows:min-content 1fr;grid-template-columns:1fr;min-height:0;min-width:0;background-color:var(--desk-tone);body.touchscreen &.narrow{--control-size: 50px}>.message{grid-area:main;justify-self:center;align-self:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#0005;.icon{--size: 2rem}label{font-size:11pt}}aside.toast{position:fixed;display:flex;align-items:center;gap:.5rem;bottom:calc(2rem + var(--control-size));left:1rem;cursor:default;background:#565656;color:#fff;span{padding:.5rem 0 .5rem 1rem;font-size:11pt}button{width:2rem;border:none;cursor:pointer;background-color:transparent;color:#fff5;line-height:0;&:hover{color:#fff}.icon{max-width:.8rem;max-height:.8rem}}}div.modal-mask{position:fixed;inset:0}.toolbar.floating{background-color:var(--desk-tone);border:1px solid var(--frame-border)}}#login{--width: 22rem;flex:1;display:flex;flex-direction:column;align-items:center;overflow:auto;@media screen and (max-width: 375px){--width: 100%}.banner{display:flex;align-items:center;gap:1rem;margin-top:10vh;margin-bottom:1rem;color:#000b;em{height:1.2rem;width:1.2rem;font-style:normal;font-weight:500;text-align:end;outline:1px solid currentColor;outline-offset:3px}h2{font-weight:500;font-size:16pt}}form{display:grid;grid-template-columns:min-content 1fr;gap:1rem;align-items:center;justify-items:start;font-size:var(--input-size-min);border:1px solid #00000005;padding:3rem 2rem 2rem;background:#f9f9f9;box-shadow:0 3px 7px -2px #0000005c;width:var(--width);@media screen and (max-width: 375px){box-shadow:unset;border:unset}label{color:#0000009c;grid-column:1;justify-self:end;text-align:right}button,input{grid-column:2;font-size:inherit}input{padding:.5rem;border:0;border-radius:3px;background-color:#0000000d;justify-self:stretch;min-width:0;color:#000c;&:focus{outline:1px solid #90bbff}}button{display:flex;border:1px solid #00000000;background:#5babff;border-radius:2px;cursor:pointer;transition:background .2s;min-width:5rem;min-height:2.2rem;padding:0 1.4rem;label{margin:auto;color:#ffffffd9;cursor:inherit}svg{margin:auto;color:#fff}&.submitting,&:hover{background:#e07bff;color:#fff}&.submitting{cursor:wait}}a{grid-column:2;color:#387ddb;text-decoration:none;&:first-of-type{margin-top:.5rem}&:hover{text-decoration:underline}}p{grid-column:2;font-size:12pt;text-wrap:balance;color:#000c}h2{grid-column:1 / -1;justify-self:stretch;font-size:14pt;font-weight:400;text-align:center;color:#000c;margin-bottom:1rem}}.message{position:sticky;top:0;width:var(--width);padding:1em 2em;text-align:center;background-color:#ffefa9;font-size:10pt;margin:unset;margin-bottom:1rem;border:0 solid var(--desk-tone);border-width:1px 0;label{color:#000000d4}}}.icon{--size: 1rem;display:flex;align-self:center;svg{max-width:var(--size);max-height:var(--size);margin:auto}}button{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:var(--control-size);max-width:12rem;min-height:var(--control-size);font-family:inherit;border:none;outline:none;background:none;color:var(--control-active);cursor:pointer;&.secondary{background-color:var(--ink-0)}&.primary{--control-active: var(--etch-100);--control-passive: var(--etch-50);background-color:var(--selection-reticule)}&.danger{--control-active: var(--etch-100);--control-passive: var(--etch-50);background-color:var(--danger-color)}&.responsive{color:var(--control-passive);&:hover{color:var(--control-active)}}&.down{color:var(--control-active)}&[disabled]{color:var(--control-passive);cursor:not-allowed}label{font-size:10pt;padding:0 .8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:inherit;button.font &{font-size:calc(12pt * var(--font-size-adjust))}}.icon{min-width:var(--control-size)}.icon+label{padding-left:0}.swatch{flex:1;align-self:stretch;margin:var(--control-offset);border:1px solid var(--panel-20);&.yellow{background-color:var(--yellow-highlight)}&.blue{background-color:var(--blue-highlight)}&.green{background-color:var(--green-highlight)}&.purple{background-color:var(--purple-highlight)}&.grey{background-color:var(--grey-highlight)}&.none{background-origin:border-box;background-image:linear-gradient(to top right,transparent calc(50% - 1px),var(--danger-color) 50%,transparent calc(50% + 1px))}}}.text-edit{--white-space: initial;--line-break: initial;flex:1;position:relative;&.singleline{--white-space: pre}&.multiline{--white-space: pre-wrap}&.break-anywhere{--line-break: anywhere}&.autoexpand{display:grid;&:after{grid-area:1 / 1 / 2 / 2;content:attr(data-value) " ";visibility:hidden;box-sizing:border-box;font-size:var(--font-size);font-weight:var(--font-weight);padding:var(--padding);line-break:var(--line-break);white-space:var(--white-space)}textarea{grid-area:1 / 1 / 2 / 2;resize:none;overflow:hidden}}textarea{outline:none;background:transparent;border:none;color:inherit;padding:var(--padding);font-size:var(--font-size);font-weight:var(--font-weight);font-family:inherit;line-height:inherit;line-break:var(--line-break);white-space:var(--white-space)}em.validation{position:absolute;display:flex;top:.4em;right:.3em;bottom:0;color:var(--edit-reticule)}aside.validation{position:absolute;top:calc(100% + .3em);left:50%;transform:translate(-50%);width:max-content;max-width:100%;font-size:10pt;background:var(--edit-reticule);padding:.3em .5em;color:#ffffffbf}}.date-edit{flex:1;display:flex;flex-direction:column;align-items:stretch;min-height:0;cursor:default;header{display:flex;flex-direction:column;.control.value{display:flex;justify-content:space-between;margin:var(--control-offset) var(--control-offset) 0}.control.month{display:flex;flex-direction:row;margin:.5rem 0;>label{flex:1;display:flex;flex-direction:column;text-align:center;color:var(--ink-50);span.month{font-size:14pt;font-weight:800;text-transform:uppercase}span.year{font-size:12pt}}}}.day-names{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center;font-size:9pt;padding:.5rem 0;color:var(--ink-30)}.days{display:grid;grid-template-columns:repeat(7,3.5rem);place-content:flex-start flex-start;gap:1px;padding-top:1px;.day{--color: var(--control-active);position:relative;display:flex;flex-direction:column;justify-content:center;aspect-ratio:1;cursor:default;&.current-week{background:#fffaf2b5}&.selected{background-color:var(--etch-100);z-index:1}&.selected,&.available{cursor:pointer}&.unavailable{--color: var(--control-passive);--gap: 3px;--line: 1px;--stride: calc(var(--gap) + var(--line) + 1px);--mark-color: #0000000f;background-image:repeating-linear-gradient(135deg,transparent,transparent var(--gap),var(--mark-color) var(--line),var(--mark-color) var(--stride))}&.first-day-of-month:not(.mo):before{position:absolute;left:-1px;top:-1px;bottom:-1px;content:"";border-left:1px solid var(--selection-reticule)}&.first-week-of-month:after{position:absolute;left:-1px;right:-1px;top:-1px;content:"";border-top:1px solid var(--selection-reticule)}span.date,span.day-name{font-size:10pt;color:var(--color);padding:.1em .2em;text-align:center}span.month-name{position:absolute;inset:0 0 auto;background:var(--selection-reticule);color:var(--etch-100);text-transform:uppercase;text-align:center;font-size:11px;margin-right:-1px;margin-top:-1px;.day.first-week-of-month.current-month &{color:var(--etch-100)}}em.corner{position:absolute;right:2px;bottom:2px;border-width:5px;border-style:solid;border-color:transparent var(--ink-50) var(--ink-50) transparent}}}}.panel.collaboration{--font-size: max(11pt, var(--input-size-min));--font-weight: 400;color:var(--panel-100);:is(section,header)+:is(section,header){border-top:1px dashed var(--ink-20)}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem 1rem 1.3rem;h1{font-size:30pt;font-weight:200}.indicator{display:flex;min-width:var(--control-size);min-height:var(--control-size);color:var(--panel-50);&.error{color:var(--danger-color)}}}.message{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:.5rem auto auto;font-size:var(--font-size);color:var(--panel-50);text-align:center;max-width:20rem;svg{max-width:1.2rem;max-height:1.2rem}}section{display:flex;flex-direction:column;padding:1rem}section.users{gap:.5rem;main.narrow &{flex:1;overflow:auto}.error{padding:.5rem 0;text-align:center;color:var(--danger-color)}.user{display:flex;font-size:var(--font-size);flex-direction:row;align-items:center;span.status{display:flex;align-items:center;justify-content:center;min-height:var(--control-size);min-width:6.5rem;background-color:var(--panel-0);&.subtle{background-color:transparent;color:var(--panel-50);font-style:italic}}.toggle{display:flex;flex-direction:row;align-items:center;min-width:6.5rem;span{display:flex;align-items:center;justify-content:center;height:35px;width:3rem;padding:0 .5rem;background-color:#0000000a;.toggle.view &{&:first-of-type{background-color:var(--selection-reticule);color:var(--etch-100)}}.toggle.edit &{&:last-of-type{background-color:var(--selection-reticule);color:var(--etch-100)}}}}label{flex:1;padding:0 .8rem;.user.removed &{text-decoration:line-through}}}}section.delete{display:flex;flex-direction:row;justify-content:end}section.request{--padding: .6rem .8rem;gap:.8rem;.text-edit{&.invalid{--edit-reticule: var(--danger-color)}textarea{background:var(--panel-input);outline-width:0;&::placeholder{color:var(--panel-30)}}aside.validation{display:-webkit-box;align-content:center;top:calc(100% + .8rem);left:unset;min-height:var(--control-size);max-width:80%;transform:unset;background-color:unset;color:var(--panel-50);font-style:italic;padding:unset;overflow:hidden;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2}}button{align-self:flex-end}}}.panel.directory{--font-size: max(12pt, var(--input-size-min));--font-weight: 350;--gutter: .6rem;--gutter2: calc(var(--gutter) * 2);--padding: var(--gutter2) 1rem;color:var(--panel-100);header{border-bottom:1px dashed var(--ink-20)}header+.content{padding-top:1rem}.item{--control-passive: var(--panel-0);--control-active: var(--panel-50);display:grid;grid-template-columns:var(--control-size) 1fr;align-items:center;min-height:var(--control-size);padding-inline:var(--gutter);&.workspace{--font-size: max(16pt, var(--input-size-min));--font-weight: 200;grid-template-columns:var(--control-size) 1fr min-content}&.active{background-color:var(--panel-0);background-image:linear-gradient(to right,var(--selection-reticule) var(--gutter),transparent var(--gutter));cursor:default}&.editing{background-color:transparent;color:inherit}&.archived{color:var(--panel-20)}>button{grid-area:1 / 1;z-index:1}>label,.text-edit{grid-column:2}>label{font-size:var(--font-size);font-weight:var(--font-weight);padding:var(--padding);.item.workspace &{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;margin:var(--padding);padding:unset}.item.sheet &{white-space:nowrap;margin:unset;overflow:hidden;text-overflow:ellipsis}}label,svg{cursor:inherit}.thumb{width:60px;aspect-ratio:16 / 11;border:1px dashed var(--panel-10);object-fit:cover}img.thumb{border:1px solid var(--ink-50);.item.archived{filter:grayscale(1) contrast(.5) opacity(.2)}}}.content{overflow:auto;padding-bottom:3rem;body.gutter-scroll &{&::-webkit-scrollbar{width:8px;height:8px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background-color:var(--ink-20)}}.item{cursor:pointer;&:hover{background-color:var(--panel-0)}}.text-edit{overflow:hidden;margin-right:1rem;outline:2px dashed var(--edit-reticule);outline-offset:-2px;background-color:var(--panel-0);&.invalid{--edit-reticule: var(--input-error)}textarea::placeholder{color:var(--panel-20)}aside.validation{position:static;top:unset;left:unset;transform:unset;margin:.5rem}}.new{padding-left:calc(var(--gutter) + var(--control-size));padding-block:var(--gutter)}}footer{flex-shrink:0;display:flex;gap:.3rem;padding:2rem 1rem 1rem;font-size:var(--font-size);min-height:var(--control-size);justify-content:center}}.menu-bar-view{display:flex;@media screen and (max-width: 680px){display:none}.menu{position:relative;&.notified{background-color:var(--menu-notify)}button{font-weight:300}ul.menu-items{position:absolute;display:flex;flex-direction:column;top:calc(1px + var(--control-size));min-width:250px;list-style:none;background-color:var(--cover-tone);box-shadow:0 3px 5px 1px var(--ink-30);cursor:default;li{font-size:10pt;font-weight:300;color:var(--panel-100);&.disabled{color:var(--panel-30)}.left-gutter{width:2rem;display:flex;align-items:center;justify-content:center;justify-items:center;.icon{--size: .75rem}}label,kbd{margin:auto 0;white-space:pre}label{flex:1;cursor:inherit}kbd{padding:0 .8rem;font-family:inherit;color:var(--panel-30)}}li.action{display:flex;min-height:var(--control-size);cursor:default;&.notified{color:var(--panel-100);background-color:var(--menu-notify)}&:not(.disabled){cursor:pointer;&:not(.notified):hover{background-color:var(--panel-0)}}}li.separator{padding:5px 0;hr{border:0;border-top:1px solid var(--ink-10)}}}}}.feedback-form{--accent-color: #ff89b7;position:relative;color:var(--panel-100);main.narrow &{display:none}>button{background-repeat:no-repeat;background-image:linear-gradient(to top,var(--accent-color),var(--accent-color));background-position:bottom left;background-size:auto 4px;&.down{position:relative}}.form{position:absolute;top:var(--control-size);right:0;min-width:360px;padding:1rem;background-color:var(--cover-tone);border:1px solid var(--frame-border);box-shadow:0 3px 5px -2px var(--ink-30);h3{font-size:11pt;font-weight:500}p{font-size:11pt;margin:1rem 0;&.error{margin:0 0 1rem;color:var(--danger-color)}}.signature{display:grid;gap:.2rem .6rem;grid-template-areas:"avatar name" "avatar role";grid-template-columns:min-content 1fr;.avatar{grid-area:avatar;border-radius:50%}.name{align-self:end;grid-area:name;font-weight:500}.role{grid-area:role;font-size:10pt}}textarea{min-width:400px;min-height:200px;padding:.6rem;margin:1rem 0;font-family:inherit;font-size:11pt;border:1px solid var(--panel-30);background-color:var(--panel-input);color:inherit;&:focus{outline:1px solid var(--accent-color);box-shadow:0 0 5px 0 var(--accent-color)}}hr{border:0;border-top:1px solid var(--frame-border);margin:1.5rem 0 1rem}}}.toolbar.nav{grid-area:top;z-index:1;background-color:var(--selection-reticule);border:0 solid var(--selection-reticule);border-width:0 1px 1px;min-width:0;main.narrow &{grid-area:top;justify-self:unset;align-self:unset;display:grid;grid-template-areas:"strip" "panel";grid-template-rows:min-content 1fr;background-color:var(--selection-reticule)}.strip{grid-area:1 / 2;display:flex;flex:1;justify-content:center;&:first-of-type{grid-area:1 / 1;justify-content:start}&:last-of-type{grid-area:1 / 3;justify-content:end}button.down{background-repeat:no-repeat;background-image:linear-gradient(to top,var(--etch-100),var(--etch-100));background-position:bottom left;background-size:auto 4px}}button.update{background-color:var(--accent-color)}.strip.title{--control-active: var(--etch-100);flex:1;display:grid;grid-auto-flow:column;min-width:0;padding:0 1em;div.text{max-width:20em;min-width:0;span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}div.sep{padding:0 .8em;min-width:unset}}}main{.panel{main.dark &{--control-active: var(--etch-100);--control-passive: var(--etch-20)}position:fixed;display:flex;flex-direction:column;top:0;height:100dvh;width:410px;min-height:0;background-color:var(--cover-tone);border:none;border-top:calc(env(safe-area-inset-top) + var(--control-size)) solid var(--cover-tone);box-shadow:0 0 20px 5px #0006;&.left{left:0}&.right{right:0}main.narrow &{grid-area:panel;width:unset;left:0;right:0;padding-bottom:env(safe-area-inset-bottom)}}}.desktop-view{--note-width: 380px;--dropzone-height: 2rem;grid-area:main;position:relative;contain:strict;background-color:var(--desk-tone);outline:none;&.panning{cursor:grabbing!important}svg.lines{position:absolute;pointer-events:none;color:var(--line-color);line{stroke-width:1px}}.content{position:sticky;left:0;top:0;width:0px;height:0px}.shape{display:flex;flex-direction:column;align-items:flex-start;&.positioned{position:absolute;contain:layout style;body.safari &{will-change:transform}}&.selected{z-index:var(--level-front)}}.bg{position:absolute;pointer-events:none}}.list-view{--font-size-min: var(--input-size-min);--font-size-normal: 11pt;grid-area:main;display:flex;flex-direction:column;min-height:0;main.panel-visible &{display:none}.filter-strip{--control-active: var(--panel-100);--control-passive: var(--panel-50);--indicator: var(--selection-reticule);main.dark &{--indicator: var(--etch-100)}display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--frame-border);.group{display:flex;gap:1rem}button.down{background-repeat:no-repeat;background-image:linear-gradient(to top,var(--indicator),var(--indicator));background-position:bottom left;background-size:auto 4px}}.surface.list{--note-width: auto;flex:1;position:relative;display:flex;flex-direction:column;padding:3rem 1rem;overflow-y:auto;gap:2.5rem;.message{display:grid;grid-template-rows:2rem auto;grid-auto-flow:column;justify-items:center;gap:.5rem;margin:10vh auto;font-size:12pt;color:var(--ink-30);.icon{--size: 1.6rem;align-self:center}}}.toolbar.edit{justify-content:space-between;background:var(--desk-tone);border-top:1px solid var(--frame-border);padding-inline:var(--control-offset);padding-bottom:env(safe-area-inset-bottom)}}.shape{--preview-size: .6rem;.dropzone{display:flex;z-index:var(--level-front);.preview{pointer-events:none;margin:auto;background:var(--dragdrop-color);border:1px solid var(--dropzone-border);width:var(--preview-size);height:var(--preview-size);.dropzone.over{box-shadow:0 2px 3px -1px #00000069}}}.card{.note .dropzone{display:flex;z-index:2;height:var(--dropzone-height);width:calc(100% - 4rem);margin-left:2rem;.card.fragment &{position:absolute;bottom:-1rem}.card.block &{position:absolute;top:-1rem}&.over{--preview-size: 1.2rem;--line-width: 4px;--in: calc(50% - var(--line-width) / 2);--out: calc(50% + var(--line-width) / 2);background:linear-gradient(to bottom,transparent var(--in),var(--dragdrop-color) var(--in),var(--dragdrop-color) var(--out),transparent var(--out))}}}}.card{position:relative;background-color:var(--card-background-color);box-shadow:0 4px 6px -1px #0000003b;cursor:default;main.dark &{box-shadow:unset}&.block{display:grid;grid-auto-columns:min-content;@media screen and (max-width: 500px){grid-auto-columns:auto}}&.line{--note-width: 200px;--card-background-color: var(--selection-reticule);--card-text-color: var(--etch-100);&.yellow{--card-background-color: var(--yellow-gel)}&.green{--card-background-color: var(--green-gel)}&.blue{--card-background-color: var(--blue-gel)}&.purple{--card-background-color: var(--purple-gel)}&.grey{--card-background-color: var(--grey-gel)}&.with-input{--card-background-color: var(--cover-tone);--card-text-color: inherit}}&.with-selection{outline:2px solid var(--selection-reticule);box-shadow:0 3px 5px #0000004d}&.with-input{border-color:var(--card-border-color);outline:none}.surface.list &{outline:none;box-shadow:none;border:none}&:hover>.drag-block{--color: var(--panel-20)}.drag-widget{--size: var(--control-size);--color: transparent;position:absolute;display:flex;align-items:center;justify-content:center;&:hover{--color: var(--panel-100);background-color:var(--panel-0);cursor:pointer}.surface.drag-drop-underway &{pointer-events:none}.icon{color:var(--color)}}.drag-block{top:calc(var(--control-size) * -1 + 1px);left:2rem;width:var(--control-size);height:var(--control-size);.card.dragging-block &{--color: var(--panel-100);background:var(--dragdrop-color)}}.input-after{display:flex;flex-direction:column;z-index:var(--level-front)}.rollup{position:absolute;display:flex;align-items:center;right:0;top:0;min-height:2rem;margin-top:-2rem;padding:0 .3em;font-size:14pt;color:var(--card-subtle-color)}}.note{--notch-size: 8px;--notch-position: calc(var(--notch-size) * -1);--adjusted-font-size: calc(var(--preferred-font-size) * var(--font-size-adjust));--font-size: max(var(--adjusted-font-size, var(--font-size-normal)), var(--font-size-min));--align: inital;--background-color: transparent;position:relative;display:flex;flex-direction:column;min-width:var(--note-width);color:var(--card-text-color);background-color:var(--background-color);cursor:default;.surface.list &{--notch-size: 8px}&.rest{border-top:1px dashed var(--card-border-color)}&.selected{z-index:var(--level-front);&.editing{outline:2px dashed var(--edit-reticule);box-shadow:none;border-color:transparent}&.invalid{--edit-reticule: var(--input-error)}}&.dragging{--background-color: var(--dragdrop-color) !important;--card-text-color: #0007 !important}&.left{--align: left}&.center{--align: center}&.right{--align: right}&.justify{--align: justify}&.placeholder{position:absolute;top:100%;left:-1px;right:-1px}&.selected:not(.dragging):before{position:absolute;content:"";inset:0;background:var(--selection-highlight);pointer-events:none;z-index:-1}&.selected:not(.dragging,.editing):after{position:absolute;content:"";top:-1px;left:var(--notch-position);bottom:-1px;border-left:var(--notch-size) solid var(--selection-reticule)}&:first-of-type:after{top:-2px}&:last-of-type:after{bottom:-2px}.with-syntax{--color: transparent;position:relative;flex:1;padding:var(--padding);font-size:var(--font-size);font-weight:var(--font-weight);text-align:var(--align);.note.large-text &{white-space:nowrap;.surface.list &{white-space:unset;word-break:break-word}}.note.struck &{opacity:.3;.syntax-text,.syntax-tag,.syntax-link,.syntax-value,.syntax-bold,.syntax-bold-italic{text-decoration:line-through}}main.dark .note.highlighted &{--size: 12px;background-image:linear-gradient(to right,var(--color) var(--size),transparent var(--size));.card.line &{background-image:none}}.note.yellow &{--color: var(--yellow-highlight)}.note.blue &{--color: var(--blue-highlight)}.note.green &{--color: var(--green-highlight)}.note.purple &{--color: var(--purple-highlight)}.note.grey &{--color: var(--grey-highlight)}.note.dragging &{background-color:unset;color:unset}svg.highlight-marker{position:absolute;inset:0;width:100%;height:100%;color:var(--color);pointer-events:none}.icon[data-icon=Link]{display:inline flex;margin-right:.6em}span.syntax-value{display:inline-block;font-weight:bolder;margin-left:.3em;min-width:1em;padding:0 .2em;outline:1px solid var(--card-border-color);text-align:center}mark{position:relative;background-color:transparent;color:inherit}}.deadline{align-self:start;display:flex;align-items:center;gap:.6rem;margin:0 0 .7rem .7rem;padding:.4rem .8rem .4rem .6rem;background-color:var(--selection-reticule);color:var(--selection-text);font-size:9pt;text-transform:capitalize;&.masked{background-color:#0001;color:transparent}}.resource{flex:1;display:flex;flex-direction:column;margin:1rem;img{width:100%;aspect-ratio:1;object-fit:cover;background-size:contain;.resource.missing &{--mark-color: #0000001a;background-color:#0000000a;background-image:linear-gradient(to bottom left,transparent calc(50% - 1px),var(--mark-color) 50%,transparent calc(50% + 1px)),linear-gradient(to bottom right,transparent calc(50% - 1px),var(--mark-color) 50%,transparent calc(50% + 1px));filter:unset}.note.struck &{filter:grayscale(1) contrast(.5) opacity(.15)}.note.dragging &{filter:grayscale(1) contrast(.5) brightness(1) opacity(.3);mix-blend-mode:multiply}}.missing{position:absolute;left:50%;top:60%;transform:translate(-50%);font-size:10pt;text-transform:uppercase;color:var(--panel-50)}figcaption{background:#555;color:#fff;font-size:9pt;padding:.8em 1em;font-weight:200}&.image{position:relative;&.small{width:auto}&.medium{width:50rem}&.large{width:80rem}.surface.list &{min-height:3rem}&:before{position:absolute;z-index:1;right:1rem;bottom:1rem;width:2rem;height:2rem;font-size:1.2rem;line-height:2rem;text-align:center;background:#222}&.processing:before{content:"\21c5";color:#82ffcc}&.error:before{content:"\26a0";color:#ffa3a3}.note.struck &:after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1px),#0003 50%,transparent calc(50% + 1px));pointer-events:none}.controls{position:absolute;top:1rem;right:1rem;left:1rem;display:none;gap:.5rem;.note.selected &{display:flex}.surface.drag-drop-underway &,.surface.multiple-selection &{display:none}span.spacer{flex:1}button,a{display:flex;gap:.5rem;align-items:center;min-width:auto;min-height:auto;padding:.5rem .8rem;background-color:#333;color:#fff;font-size:10pt;text-transform:uppercase;border:1px solid white;cursor:pointer;svg{max-width:1rem;max-height:1rem}label{cursor:inherit;padding:0}&.down{background-color:#df19c0}}a{text-decoration:none}a.action{background-color:var(--blue-gel)}}}}&:hover .drag-note{--color: var(--panel-20)}.drag-note{left:calc(var(--control-size) * -1);top:-1px;bottom:0;width:var(--control-size);&:hover{--color: var(--panel-100)}&.drag-range{--color: var(--etch-100);background-color:var(--selection-reticule)}.note.dragging &{--color: var(--panel-100);background-color:var(--dragdrop-color);pointer-events:unset}.note.dragging-block &{display:none}}aside.tools{position:absolute;display:none;justify-content:space-between;top:0;right:0;flex-direction:row;transform:translate(100%);body.safari &{opacity:0;transition:opacity 1ms}.note.selected &{z-index:1;display:flex;background-color:var(--selection-reticule);body.safari &{opacity:1}}.note.editing &{display:none;body.safari &{opacity:0;pointer-events:none}}.surface.drag-drop-underway &,.surface.list &{display:none}.date-edit{--offset: calc(var(--control-offset) * -1 - 1px);position:absolute;background-color:var(--cover-tone);border:1px solid var(--card-border-color);top:var(--offset);left:var(--offset)}}.text-edit{textarea,&:after{text-align:var(--align)}.note.large-text &.autoexpand{textarea,&:after{white-space:nowrap}.surface.list{white-space:unset;word-break:break-word}}}.pin{position:absolute;right:0;padding:.3em;color:var(--card-subtle-color);pointer-events:none;.surface.drag-drop-underway &{display:none}}}.toolbar{display:flex;flex-direction:row;min-height:var(--control-size);min-width:var(--control-size);cursor:default;main.dark &{--control-active: var(--etch-100);--control-passive: var(--etch-20)}&.floating{position:fixed;&.top{top:env(safe-area-inset-top)}&.bottom{bottom:calc(1rem + env(safe-area-inset-bottom))}&.bottom.secondary{bottom:calc(1.5rem + var(--control-size) + env(safe-area-inset-bottom))}&.left{left:calc(1rem + env(safe-area-inset-left))}&.right{right:calc(1rem + env(safe-area-inset-right))}&.center{left:50%;transform:translate(-50%)}}.strip{display:flex;flex-direction:row}div.text{display:flex;align-items:center;.toolbar.floating &{padding:0 1rem}span{font-size:10pt;color:var(--control-active)}}}.marquee-layer{grid-area:main;position:relative;cursor:crosshair;.marquee{position:absolute;border:2px dashed var(--marquee);pointer-events:none}.selection{position:absolute;background:var(--dragdrop-tint);backdrop-filter:grayscale(1);pointer-events:none}}.panzoom-layer{grid-area:main;position:relative;touch-action:none;cursor:grab;&.moving{cursor:grabbing}}.image-layer{grid-area:main;position:relative;cursor:crosshair;input[type=file]{display:none}.toolbar{a{color:var(--link-color)}}}.jump-layer{grid-area:main;position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);.target{position:absolute;display:flex;background:var(--dragdrop-tint);backdrop-filter:grayscale(1);cursor:pointer;span{margin:auto;min-width:var(--control-size);outline:1px solid var(--etch-100);background-color:#ff3dc6;color:var(--etch-100);font-family:monospace;text-transform:uppercase;text-align:center;line-height:var(--control-size);font-size:12pt;font-weight:700}}}.line-layer{grid-area:main;position:relative;background-repeat:no-repeat}.binder{--y: 0px;--cutouts: var(--shadow-tone);--ring-hi: #626262;--ring-mid: #2C2C2C;--ring-shadow: #151414;position:absolute;display:flex;left:-95px;top:0;transform-origin:top right;transform:translate(var(--x),var(--y));main.dark &{--ring-hi: #7b7b7b;--ring-mid: #595959;--ring-shadow: #919191}svg{border-bottom:1px dashed #0001}}.group-view{position:absolute;&:before{position:absolute;content:"";inset:0;width:var(--width);height:var(--height);border:1px solid transparent;background-color:var(--wash-tone);pointer-events:none}&.active:before{border-color:var(--selection-reticule)}.widget{display:flex;position:absolute;top:calc(var(--control-size) * -.5);left:calc(var(--control-size) * -.5);width:var(--control-size);height:var(--control-size);background-color:var(--sheet-tone);border:1px dashed var(--panel-20);outline:5px solid var(--sheet-tone);color:var(--panel-20);cursor:pointer;.group-view.active &{border-color:transparent;background-color:var(--selection-reticule);color:var(--selection-text)}.icon{margin:auto}}}
/*# sourceMappingURL=app-NU5EE437.css.map */