@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";button{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:var(--control-size);min-height:var(--control-size);font-family:inherit;border:none;outline:none;background:none;color:var(--control-active);cursor:pointer}button.is-secondary{background-color:var(--ink-0)}button.is-primary{--control-active: var(--etch-100);--control-passive: var(--etch-50);background-color:var(--selection-reticule)}button.is-danger{--control-active: var(--etch-100);--control-passive: var(--etch-50);background-color:var(--danger-color)}button.is-responsive{color:var(--control-passive)}button.is-responsive:hover,button.is-down{color:var(--control-active)}button[disabled]{color:var(--control-passive);cursor:not-allowed}button svg{max-width:1rem;max-height:1rem;margin:auto}button .icon{align-self:center;display:flex;min-width:var(--control-size)}button label{font-size:10pt;padding:0 .8rem;cursor:inherit}button .icon+label{padding-left:0}.text-edit{flex:1;position:relative}.text-edit.is-autoexpand{display:grid}.text-edit.is-autoexpand:after{content:attr(data-value) " ";visibility:hidden;box-sizing:border-box}.text-edit.is-singleline:after{white-space:pre}.text-edit.is-multiline:after{white-space:pre-wrap}.text-edit textarea{outline:none;background:transparent;border:none;color:inherit;font-family:inherit}.text-edit.is-autoexpand textarea{resize:none;overflow:hidden}.text-edit:after,.text-edit textarea{font-size:var(--font-size);font-weight:var(--font-weight);padding:var(--padding)}.text-edit.is-autoexpand:after,.text-edit.is-autoexpand textarea{grid-area:1/1/2/2}.text-edit.is-break-anywhere:after,.text-edit.is-break-anywhere textarea{line-break:anywhere}.text-edit em.validation{position:absolute;display:flex;top:.4em;right:.3em;bottom:0;color:var(--edit-reticule)}.text-edit 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}.date-edit header{display:flex;flex-direction:column}.date-edit header .control.value{display:flex;justify-content:space-between;margin:var(--control-offset) var(--control-offset) 0}.date-edit header .control.month{display:flex;flex-direction:row;margin:.5rem 0}.date-edit header .control.month>label{flex:1;display:flex;flex-direction:column;text-align:center;color:#0009}.date-edit header .control.month>label span.month{font-size:14pt;font-weight:800;text-transform:uppercase}.date-edit header .control.month>label span.year{font-size:12pt}.date-edit .day-names{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center;font-size:9pt;padding:.5rem 0;color:#00000063}.date-edit .days{display:grid;grid-template-columns:repeat(7,3.5rem);place-content:flex-start flex-start;gap:1px;padding-top:1px}.date-edit .days .day{--color: var(--control-active);position:relative;display:flex;flex-direction:column;justify-content:center;aspect-ratio:1;cursor:default}.date-edit .days .day.is-current-week{background:#fffaf2b5}.date-edit .days .day.is-selected{outline:1px dashed var(--selection-reticule);z-index:1}.date-edit .days .day.is-available{background-color:#fff2}.date-edit .days .day.is-selected,.date-edit .days .is-available{cursor:pointer}.date-edit .days .day.is-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))}.date-edit .days .day.is-first-day-of-month:before{position:absolute;left:-1px;top:-1px;bottom:-1px;content:"";border-left:1px solid var(--selection-reticule)}.date-edit .days .day.is-mo:before{content:unset}.date-edit .days .day.is-first-week-of-month:after{position:absolute;left:-1px;right:-1px;top:-1px;content:"";border-top:1px solid var(--selection-reticule)}.date-edit .days .day span.date,.date-edit .days .day span.day-name{font-size:10pt;color:var(--color);padding:.1em .2em;text-align:center}.date-edit .days .day span.month-name{position:absolute;inset:0 0 auto;background:var(--selection-reticule);color:var(--selection-text);text-transform:uppercase;text-align:center;font-size:11px;margin-right:-1px;margin-top:-1px}.date-edit .days .day.is-first-week-of-month.is-current-month span.month-name{color:#fff}.date-edit .days .day em.corner{position:absolute;right:2px;bottom:2px;border-width:5px;border-style:solid;border-color:transparent var(--control-passive) var(--control-passive) transparent}:root{--input-size-min: 10pt;--font-size-min: 0pt;--font-size-normal: 10pt;--font-size: var(--font-size-normal);--font-weight: 300;--board-tone: #f3e6d2;--page-tone: #fff5de;--panel-tone: #e8dfd0;--wash-tone: #fbf1de3b;--line-color: #777;--ink-0: #0000000a;--ink-10: #0002;--ink-20: #0003;--ink-30: #0006;--ink-50: #0008;--ink-100: #000e;--etch-20: #fff3;--etch-50: #fff8;--etch-100: #fff;--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;--yellow-highlight: #fdff53;--blue-highlight: #b0eaff;--green-highlight: #9cff6d;--purple-highlight: #ffcafc;--grey-highlight: #eae7e4;--selection-highlight: #ffffff2e;--selection-reticule: #716a6a;--selection-text: var(--etch-100);--edit-reticule: var(--selection-reticule);--input-error: #eb7e7e;--drag-widget-out: #0002;--drag-widget-over: #0006;--drag-widget-drag: #0009;--dragdrop-color: #a4e7ff;--dragdrop-tint: #a4e7ff5b;--dropzone-border: #979797}main.is-dark{--board-tone: #777a7f;--page-tone: #656d77;--wash-tone: #ffffff03;--line-color: #ccc;--ink-10: #00000040;--ink-20: #00000047;--ink-30: #ffffff3b;--ink-50: #ffffff80;--ink-100: #ffffffb0;--selection-reticule: #45474c}*{margin:0;padding:0;box-sizing:border-box}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(--board-tone);overscroll-behavior:none}body.is-ios{--input-size-min: 16px}#root{display:flex}#root>.message{display:flex;flex-direction:column;align-items:center;margin:auto;gap:.5rem;color:#000a}.react-draggable-transparent-selection *{user-select:none;-webkit-user-select:none}.with-syntax span.syntax-tag:before{content:"#"}.with-syntax span.syntax-tag:after{content:" "}.with-syntax span.syntax-directive:before{content:"--"}.with-syntax span.syntax-directive span:before{content:" "}.with-syntax a.syntax-link{color:currentColor;word-break:break-all;text-decoration-thickness:from-font}.with-syntax a.syntax-link:hover{color:var(--link-color)}.with-syntax span.syntax-bold-italic{font-weight:700;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}dialog.is-primary{width:400px;padding:2.5rem 2.5rem 2rem}dialog.is-dark{background:#686868;box-shadow:0 0 8px #00000082}dialog.is-light{background:#fbfbfb;box-shadow:0 0 8px #00000021}dialog label{text-transform:uppercase;font-size:10pt;margin-bottom:.7rem}dialog.is-primary label{font-size:12pt;text-transform:unset}dialog.is-dark label{color:#ffffff61}dialog.is-light label{color:#0000008a}dialog p{font-size:10pt;font-weight:400;padding:0rem 0 .8rem}dialog.is-primary p{margin-bottom:1rem}dialog.is-dark p{color:#ffffff91}dialog.is-light p{color:#000000a3}dialog button{align-self:center;border-radius:4px;padding:.4rem .8rem;cursor:pointer}dialog.is-dark button{border:1px solid #4b4b4b;background:#7d7d7d;color:#dfdfdf}dialog.is-light button{border:1px solid #c5c5c5;background:#efefef;color:#797979}dialog.is-dark button:hover{background:#878787}dialog.is-light button:hover{background:#f9f9f9}dialog .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))}main .surface{--padding-block: min(.8em, 4rem);--padding-inline: min(.8em, 4rem);--padding: var(--padding-block) var(--padding-inline);--level-back: 1;--level-mid: 2;--level-front: 3;--level-overlay: 4;background-color:var(--board-tone)}main .surface.is-list{--padding-inline: 1.5rem}main.is-dark .surface{--card-background-color: #393d431f;--card-text-color: #fffb;--card-subtle-color: #fff6;--card-border-color: #0003;--card-highlight-color: #000d;--link-color: #b0d6ff;--yellow-highlight: #e9e86f;--blue-highlight: #96d6f7;--green-highlight: #90db6c;--purple-highlight: #eba7ed;--grey-highlight: #4a5058;--selection-highlight: #fff1;--selection-reticule: #333;--edit-reticule: #ddd;--drag-widget-out: #fff4;--drag-widget-over: #fffd;--dropzone-border: #555}main.is-dark .surface ::selection{background-color:#2096dd}main .surface .editor{position:relative;display:flex;z-index:var(--level-front);outline:2px dashed var(--edit-reticule);color:var(--card-text-color)}main .surface .editor.is-floating{--font-size: var(--title-size);position:absolute;border:1px solid transparent;transform:translate(var(--left),var(--top))}main .surface .editor.is-invalid{--edit-reticule: var(--input-error)}main .surface .editor .text-edit{background-color:var(--page-tone)}main .surface .editor .text-edit.is-multiline{width:var(--note-width)}body main.main-view{position:relative;flex:1;display:grid;grid-template-areas:"main";grid-template-columns:1fr;min-height:0;min-width:0;background-color:var(--board-tone)}body main.main-view.is-narrow{grid-template-areas:"top" "main";grid-template-columns:1fr;grid-template-rows:min-content 1fr}body.is-touchscreen main.main-view.is-narrow{--control-size: 50px}body main.main-view>.message{grid-area:main;justify-self:center;align-self:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#0005}body main.main-view>.message svg{min-width:2rem;min-height:2rem}body main.main-view>.message label{font-size:11pt}body main.main-view aside.toast{position:fixed;display:flex;align-items:center;gap:.5rem;bottom:1rem;left:1rem;cursor:default;background:#565656;color:#fff}body main.main-view aside.toast span{padding:.5rem 0 .5rem 1rem;font-size:11pt}body main.main-view aside.toast button{width:2rem;border:none;cursor:pointer;background-color:transparent;color:#fff5;line-height:0}body main.main-view aside.toast button:hover{color:#fff}body main.main-view aside.toast button svg{max-width:.8rem;max-height:.8rem}#login{--width: 22rem;flex:1;display:flex;flex-direction:column;align-items:center;overflow:auto}@media screen and (max-width: 375px){#login{--width: 100%}}#login .banner{display:flex;align-items:center;gap:1rem;margin-top:10vh;margin-bottom:1rem;color:#000b}#login .banner em{height:1.2rem;width:1.2rem;font-style:normal;font-weight:500;text-align:end;outline:1px solid currentColor;outline-offset:3px}#login .banner h2{font-weight:500;font-size:16pt}#login 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 rgba(0,0,0,.0196078431);padding:3rem 2rem 2rem;background:#f9f9f9;box-shadow:0 3px 7px -2px #0000005c;width:var(--width)}@media screen and (max-width: 375px){#login form{box-shadow:unset;border:unset}}#login form label{color:#0000009c;grid-column:1;justify-self:end;text-align:right}#login form button,#login form input{grid-column:2;font-size:inherit}#login form input{padding:.5rem;border:0;border-radius:3px;background-color:#0000000d;justify-self:stretch;min-width:0;color:#000c}#login form input:focus{outline:1px solid #90bbff}#login form button{display:flex;border:1px solid rgba(0,0,0,0);background:#5babff;border-radius:2px;cursor:pointer;transition:background .2s;min-width:5rem;min-height:2.2rem;padding:0 1.4rem}#login form button label{margin:auto;color:#ffffffd9;cursor:inherit}#login form button svg{margin:auto;color:#fff}#login form button.is-submitting,#login form button:hover{background:#e07bff;color:#fff}#login form button.is-submitting{cursor:wait}#login form a{grid-column:2;color:#387ddb;text-decoration:none}#login form a:first-of-type{margin-top:.5rem}#login form a:hover{text-decoration:underline}#login form p{grid-column:2;font-size:12pt;text-wrap:balance;color:#000c}#login form h2{grid-column:1/-1;justify-self:stretch;font-size:14pt;font-weight:400;text-align:center;color:#000c;margin-bottom:1rem}#login .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(--board-tone);border-width:1px 0}#login .message label{color:#000000d4}main .panel.collaboration{font-size:10pt}main .panel.collaboration :is(section,header)+:is(section,header){border-top:1px dashed rgba(0,0,0,.2)}main .panel.collaboration header.title{display:flex;justify-content:space-between;align-items:center;color:var(--card-subtle-color)}main .panel.collaboration header.title>label{padding:0 1rem}main .panel.collaboration header.title .indicator{display:flex;min-width:var(--control-size);min-height:var(--control-size);color:var(--card-subtle-color)}main .panel.collaboration header.title .indicator.is-error{color:var(--danger-color)}main .panel.collaboration header.title .indicator svg{margin:auto;max-width:1rem;max-height:1rem}main .panel.collaboration .message{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:.5rem auto auto;font-size:10pt;color:var(--card-subtle-color);text-align:center;max-width:20rem}main .panel.collaboration .message svg{max-width:1.2rem;max-height:1.2rem}main .panel.collaboration section{--control-size: 35px;display:flex;flex-direction:column;padding:.8rem 1rem}main .panel.collaboration section.users{gap:.5rem}main.is-narrow .panel.collaboration section.users{flex:1;overflow:auto}main .panel.collaboration section.users .error{padding:.5rem 0;text-align:center;color:var(--danger-color)}main .panel.collaboration section.users .user{display:flex;flex-direction:row;align-items:center}main .panel.collaboration section.users .user span.status{display:flex;align-items:center;justify-content:center;min-height:var(--control-size);min-width:6.5rem;background-color:#0000000a}main .panel.collaboration section.users .user span.status.is-subtle{background-color:transparent;color:var(--card-subtle-color);font-style:italic}main .panel.collaboration section.users .user .toggle{display:flex;flex-direction:row;align-items:center;min-width:6.5rem}main .panel.collaboration section.users .user .toggle span{display:flex;align-items:center;justify-content:center;height:35px;width:3rem;padding:0 .5rem;background-color:#0000000a}main .panel.collaboration section.users .user .toggle.is-view span:first-of-type{background-color:var(--selection-reticule);color:var(--selection-text)}main .panel.collaboration section.users .user .toggle.is-edit span:last-of-type{background-color:var(--selection-reticule);color:var(--selection-text)}main .panel.collaboration section.users .user label{flex:1;padding:0 .8rem}main .panel.collaboration section.users .user.is-removed label{text-decoration:line-through}main .panel.collaboration section.delete{display:flex;flex-direction:row;justify-content:end}main .panel.collaboration section.request{--padding: .6rem .8rem;--font-size: var(--input-size-min);gap:.8rem}main .panel.collaboration section.request .text-edit.is-invalid{--edit-reticule: var(--danger-color)}main .panel.collaboration section.request .text-edit textarea{background:var(--card-background-color);border:1px solid var(--card-border-color);outline-width:0}main .panel.collaboration section.request .text-edit 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(--card-subtle-color);font-style:italic;padding:unset;overflow:hidden;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2}main .panel.collaboration section.request button{align-self:flex-end}body main .panel.directory{--padding: .6rem;--font-size: max(11pt, var(--input-size-min));--font-weight: 400;display:flex;flex-direction:column;color:var(--ink-100)}body main .panel.directory .content{display:flex;flex-direction:column;overflow:auto;scrollbar-gutter:stable;padding-bottom:3rem}body.is-gutter-scroll main .panel.directory .content::-webkit-scrollbar{width:8px;height:8px}body.is-gutter-scroll main .panel.directory .content::-webkit-scrollbar-track{background:transparent}body.is-gutter-scroll main .panel.directory .content::-webkit-scrollbar-thumb{background-color:var(--ink-10)}body main .panel.directory .content .text-edit{outline:2px dashed var(--edit-reticule);outline-offset:-2px;overflow:hidden}body main .panel.directory .content .text-edit textarea::placeholder{color:var(--ink-20)}body main .panel.directory .content .text-edit aside.validation{position:static;top:unset;left:unset;transform:unset;margin:.5rem}body main .panel.directory .content svg{max-width:1rem;max-height:1rem}body main .panel.directory .content header,body main .panel.directory .content footer{flex-shrink:0;display:flex;gap:.3rem;padding:1rem;font-size:var(--font-size);min-height:var(--control-size)}body main .panel.directory .content header{justify-content:end}body main.is-narrow .panel.directory .content header{display:none}body main .panel.directory .content header .text-edit{--font-size: max(var(--input-size-min), 12pt);min-height:var(--control-size);background-color:var(--wash-tone)}body main .panel.directory .content header .text-edit aside.validation{margin:1rem 0 0}body main .panel.directory .content footer{padding-top:2rem;justify-content:center}body main .panel.directory .content .group-name{font-size:9pt;text-transform:uppercase;padding:1rem;color:var(--ink-50)}body main .panel.directory .content .item+.group-name{margin-top:2rem}body main .panel.directory .content .item{--control-passive: var(--ink-0);--control-active: var(--ink-30);flex-shrink:0;position:relative;display:grid;grid-template-areas:"label  pin" "status .";grid-template-columns:1fr var(--control-size);grid-template-rows:minmax(var(--control-size),min-content) min-content;gap:.3rem 0;justify-content:start;align-items:center;border:0;padding:.5rem .5rem 1rem;margin:2px 1rem;min-width:var(--control-size);min-height:5rem;background-color:transparent;background-color:var(--wash-tone);cursor:pointer}body main .panel.directory .content .item.is-active{background-color:#fefcfa;box-shadow:0 2px 5px #0003;cursor:default}body main .panel.directory .content .item.is-editing{color:inherit}body main .panel.directory .content .is-editing.item.is-invalid{--edit-reticule: var(--input-error)}body main .panel.directory .content .item label{grid-area:label;font-size:var(--font-size);font-weight:var(--font-weight);padding:var(--padding);white-space:nowrap;flex:1;margin:unset;overflow:hidden;text-overflow:ellipsis}body main .panel.directory .content .item label,body main .panel.directory .content .item svg{cursor:inherit}body main .panel.directory .content .item span.sharing{grid-area:status;text-transform:uppercase;font-size:9pt;padding-left:var(--padding);color:#ff55c9}body main .panel.directory .content .item.is-editing span.sharing{color:var(--ink-10)}body main .panel.directory .content .item button.pin{grid-area:pin}body main .panel.directory .content .item .text-edit{grid-area:label}.menu-bar-view{display:flex;color:var(--ink-100)}.menu-bar-view .menu{position:relative}.menu-bar-view .menu.is-notified{background-color:var(--menu-notify)}.menu-bar-view .menu ul.menu-items{position:absolute;display:flex;flex-direction:column;top:var(--control-size);min-width:250px;list-style:none;background-color:var(--panel-tone);border:1px solid var(--frame-border);box-shadow:0 3px 5px -2px #0003;cursor:default}.menu-bar-view .menu ul.menu-items li{font-size:10pt;user-select:none}.menu-bar-view .menu ul.menu-items li.is-disabled{color:var(--ink-30)}.menu-bar-view .menu ul.menu-items li span.icon{width:2rem;display:flex;align-items:center;justify-content:center;justify-items:center}.menu-bar-view .menu ul.menu-items li span.icon svg{max-width:.75rem;max-height:.75rem;color:currentColor}.menu-bar-view .menu ul.menu-items li label,.menu-bar-view .menu ul.menu-items li kbd{margin:auto 0;white-space:pre}.menu-bar-view .menu ul.menu-items li label{flex:1;cursor:inherit}.menu-bar-view .menu ul.menu-items li kbd{padding:0 .8rem;font-family:inherit;color:var(--ink-30)}.menu-bar-view .menu ul.menu-items li.is-action{display:flex;min-height:var(--control-size);cursor:default}.menu-bar-view .menu ul.menu-items li.is-action.is-notified{color:var(--ink-100);background-color:var(--menu-notify)}.menu-bar-view .menu ul.menu-items li.is-action:not(.is-disabled){cursor:pointer}.menu-bar-view .menu ul.menu-items li.is-action:not(.is-disabled):not(.is-notified):hover{background-color:var(--ink-0)}.menu-bar-view .menu ul.menu-items li.is-separator{padding:5px 0}.menu-bar-view .menu ul.menu-items li.is-separator hr{border:0;border-top:1px solid var(--ink-10)}.feedback-form{background-color:var(--menu-notify)}.feedback-form>button.is-down{position:relative}.feedback-form .form{position:absolute;background-color:var(--panel-tone);padding:1rem;min-width:360px;border:1px solid var(--frame-border);box-shadow:0 3px 5px -2px #0003}.feedback-form .form h3{font-size:11pt;font-weight:500}.feedback-form .form p{font-size:11pt;margin:1rem 0}.feedback-form .form p.is-error{margin:0 0 1rem;color:var(--danger-color)}.feedback-form .form .signature{display:grid;gap:.2rem .6rem;grid-template-areas:"avatar name" "avatar role";grid-template-columns:min-content 1fr}.feedback-form .form .signature .avatar{grid-area:avatar;border-radius:50%}.feedback-form .form .signature .name{align-self:end;grid-area:name;font-weight:500}.feedback-form .form .signature .role{grid-area:role;font-size:10pt}.feedback-form .form textarea{min-width:400px;min-height:200px;padding:.6rem;margin:1rem 0;font-family:inherit;font-size:11pt;border:1px solid var(--ink-30);background-color:#fff}.feedback-form .form textarea:focus{outline:1px solid #90d1ff}.feedback-form .form hr{border:0;border-top:1px solid var(--frame-border);margin:1.5rem 0 1rem}main .nav{grid-area:main;align-self:start;justify-self:start;position:relative;min-height:0;z-index:1;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left)}main .nav.is-expanded{align-self:unset}main.is-narrow .nav.is-expanded{grid-area:unset;grid-row:1/-1;grid-column:1/-1}main.is-narrow .nav{grid-area:top;justify-self:unset;align-self:unset;display:grid;grid-template-areas:"strip" "panel";grid-template-columns:1fr;grid-template-rows:min-content 1fr;background-color:var(--board-tone)}main .nav div.modal-mask{position:fixed;inset:0}main .nav .strip{grid-area:strip;display:flex}main.is-narrow .nav .strip{flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--frame-border);min-width:0}main .nav .strip.is-edge{position:absolute;border:0 solid var(--frame-border);border-width:0 1px 1px 0;background-color:var(--panel-tone)}main .nav .strip.is-edge.is-vertical{flex-direction:column}main .nav.is-expanded .strip.is-edge.is-vertical{top:0;bottom:0}main .nav .strip.is-edge.is-horizontal{flex-direction:row;left:var(--control-size);min-width:max-content}main .nav .strip button.is-down{background-repeat:no-repeat;background-image:linear-gradient(var(--selection-reticule),var(--selection-reticule));background-position:top left;background-size:4px auto}main .nav .strip.is-horizontal button.is-down{background-image:linear-gradient(to top,var(--selection-reticule),var(--selection-reticule));background-position:bottom left;background-size:auto 4px}main .nav .panel{position:absolute;display:flex;flex-direction:column;left:var(--control-size);top:0;bottom:0;width:400px;min-height:0;background-color:var(--panel-tone);border:0 solid var(--frame-border);border-width:0 1px}main.is-narrow .nav .panel{grid-area:panel;width:unset;border-width:0;left:0;right:0}main .nav .sheet-title{display:flex;align-items:center;padding:0 1rem;max-width:12rem;border-right:1px solid var(--frame-border);cursor:pointer}main.is-narrow .nav .sheet-title{max-width:unset;min-width:0;border:0}main .nav .sheet-title label{font-size:10pt;font-weight:400;cursor:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:none}main.is-narrow .nav .sheet-title label{font-size:12pt;font-weight:500;margin-inline:0;min-width:0}body main .wall-view{--note-width: 35ch;--dropzone-height: 2rem;grid-area:main;position:relative;contain:strict;background-color:var(--board-tone);background-repeat:no-repeat;outline:none}body main .wall-view.is-panning{cursor:grabbing!important}body main .wall-view svg.lines{position:absolute;pointer-events:none;color:var(--line-color)}body main .wall-view svg.lines line{stroke-width:1px}body main .wall-view .content{position:sticky;left:0;top:0;width:0px;height:0px}body main .wall-view .shape{display:flex;flex-direction:column;align-items:flex-start}body main .wall-view .shape.is-positioned{position:absolute;contain:layout style}body.is-safari main .wall-view .shape.is-positioned{will-change:transform}body main .wall-view .shape.is-selected{z-index:var(--level-front)}main .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.is-panel-visible .list-view{display:none}main .list-view .filter-strip{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--frame-border)}main .list-view .filter-strip .group{display:flex;gap:1rem}main .list-view .filter-strip button.is-down{background-repeat:no-repeat;background-image:linear-gradient(to top,var(--selection-reticule),var(--selection-reticule));background-position:bottom left;background-size:auto 4px}main .list-view .surface.is-list{--note-width: auto;flex:1;position:relative;display:flex;flex-direction:column;padding:3rem 1rem;overflow-y:auto;gap:2.5rem}main .list-view .surface.is-list .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)}main .list-view .surface.is-list .message svg{min-width:1.5rem;max-width:1.6rem;max-height:1.6rem;align-self:center}main .list-view .toolbar{justify-content:space-between;background:var(--board-tone);border-width:1px 0 0;padding-bottom:env(safe-area-inset-bottom);padding-inline:var(--control-offset)}.surface .shape{--preview-size: .6rem}.surface .shape .dropzone{display:flex;z-index:var(--level-front)}.surface .shape .dropzone .preview{pointer-events:none;margin:auto;background:var(--dragdrop-color);border:1px solid var(--dropzone-border);width:var(--preview-size);height:var(--preview-size)}.surface .shape .dropzone.is-over .preview{box-shadow:0 2px 3px -1px #00000069}.surface .shape .card .note .dropzone{display:flex;z-index:2;height:var(--dropzone-height);width:calc(100% - 4rem);margin-left:2rem}.surface .shape .card.is-fragment .note .dropzone{position:absolute;bottom:-1rem}.surface .shape .card.is-block .note .dropzone{position:absolute;top:-1rem}.surface .shape .card .note .dropzone.is-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))}.surface .card{position:relative;background-color:var(--card-background-color);border:1px solid var(--card-border-color);cursor:default}.surface .card.is-block{display:grid;grid-auto-columns:min-content}@media screen and (max-width: 500px){.surface .card.is-block{grid-auto-columns:auto}}.surface .card.is-with-selection{outline:2px solid var(--selection-reticule);outline-offset:-1px;box-shadow:0 3px 5px #0000004d}.surface .card.is-with-input{border-color:var(--card-border-color);outline:none;box-shadow:unset}.surface.is-list .card{outline:none;box-shadow:none;border:none}.surface .card:hover>.drag-block{--color: var(--drag-widget-out)}.surface .card .drag-widget{--size: 30px;--color: transparent;position:absolute;display:flex;align-items:center;justify-content:center}.surface .card .drag-widget:hover{background-color:#0000000a;cursor:pointer}.surface.is-drag-drop-underway .card .drag-widget{pointer-events:none}.surface .card .drag-widget svg{max-width:1rem;max-height:1rem;color:var(--color)}.surface .card .drag-block{top:calc(var(--size) * -1 + 1px);left:2rem;width:var(--size);height:var(--size)}.surface .card .drag-block:hover{--color: var(--drag-widget-over)}.surface .card.is-dragging-block .drag-block{--color: var(--drag-widget-drag);background:var(--dragdrop-color)}.surface .card .input-after{display:flex;flex-direction:column;z-index:var(--level-front)}.surface .card .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)}body .surface .card .note{--control-size: 35px;--notch-size: 5px;--notch-position: calc(var(--notch-size) * -1);--font-size: max(var(--preferred-font-size, var(--font-size-normal)), var(--font-size-min));display:flex;flex-direction:column;min-width:var(--note-width);color:var(--card-text-color);background-color:var(--card-background-color);cursor:default}body .surface.is-list .card .note{--notch-size: 8px}body .surface .card .note.is-rest{border-top:1px dashed var(--card-border-color)}body .surface .card.is-block .note{position:relative}body .surface .card .note.is-selected{z-index:var(--level-front)}body .surface .card .is-selected.note.is-editing{outline:2px dashed var(--edit-reticule);box-shadow:none;border-color:transparent}body .surface .card .is-selected.note.is-invalid{--edit-reticule: var(--input-error)}body .surface .card .note.is-dragging{--card-background-color: var(--dragdrop-color) !important;--card-text-color: #0007 !important}body .surface .card .note.is-placeholder{position:absolute;top:100%;left:-1px;right:-1px}body .surface .card .note:before{position:absolute;inset:0;background:var(--selection-highlight);pointer-events:none;z-index:-1}body .surface .card .note.is-selected:before{content:"";z-index:-1}body .surface .card .note.is-dragging:before{content:unset}body .surface .card .note:after{position:absolute;top:-1px;left:var(--notch-position);bottom:-1px;border-left:var(--notch-size) solid var(--selection-reticule)}body .surface .card .note.is-selected:after{content:""}body .surface .card .note.is-dragging:after{content:unset}body .surface .card .note.is-editing:after{content:unset}body .surface .card .note:first-of-type:after{top:-2px}body .surface .card .note:last-of-type:after{bottom:-2px}body .surface .card .note .highlight{--color: transparent;display:inline-block;background-color:var(--color);clip-path:polygon(-7% -27%,107% -20%,107% 129%,-7% 121%);box-shadow:0 0 0 .5em var(--color);color:var(--card-highlight-color)}body .surface.is-list .card .note .highlight{clip-path:polygon(-4% -9%,105% -4%,104% 114%,-5% 110%)}body .surface .card .note .highlight.is-yellow{--color: var(--yellow-highlight)}body .surface .card .note .highlight.is-blue{--color: var(--blue-highlight)}body .surface .card .note .highlight.is-green{--color: var(--green-highlight)}body .surface .card .note .highlight.is-purple{--color: var(--purple-highlight)}body .surface .card .note .highlight.is-grey{--color: var(--grey-highlight);color:var(--card-text-color)}body .surface .card .note .with-syntax{flex:1;padding:var(--padding);font-size:var(--font-size);font-weight:var(--font-weight)}body .surface .card .note.is-large-text .with-syntax{white-space:nowrap}body .surface.is-list .card .note.is-large-text .with-syntax{white-space:unset;word-break:break-word}body .surface .card .note.is-struck .with-syntax{opacity:.3}body .surface .card .note.is-struck .with-syntax .syntax-text,body .surface .card .note.is-struck .with-syntax .syntax-tag,body .surface .card .note.is-struck .with-syntax .syntax-link,body .surface .card .note.is-struck .with-syntax .syntax-value{text-decoration:line-through}body .surface .card .note.is-dragging .with-syntax{background-color:unset;color:unset}body .surface .card .note .with-syntax span.link-indicator{margin-right:.6em}body .surface .card .note .with-syntax 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}body .surface .card .note .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}body .surface .card .note .deadline.is-masked{background-color:#0001;color:transparent}body .surface .card .note .deadline svg{max-width:1rem;max-height:1rem}body .surface .card .note .resource{flex:1;display:flex;flex-direction:column;margin:1rem}body .surface .card .note .resource img{width:100%;aspect-ratio:1;opacity:.9;object-fit:contain;background-size:contain}body .surface .card .note .resource img.is-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}body .surface .card .note.is-struck .resource img{filter:grayscale(1) contrast(.5) opacity(.15)}body .surface .card .note.is-dragging .resource img{filter:grayscale(1) contrast(.5) brightness(1) opacity(.3);mix-blend-mode:multiply}body .surface .card .note .resource figcaption{background:#555;color:#fff;font-size:9pt;padding:.8em 1em;font-weight:200}body .surface .card .note .resource.is-image{position:relative}body .surface .card .note .is-image.resource.is-small{width:20rem}body .surface .card .note .is-image.resource.is-medium{width:50rem}body .surface .card .note .is-image.resource.is-large{width:80rem}body .surface.is-list .card .note .resource.is-image{min-height:3rem}body .surface .card .note .resource.is-image: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}body .surface .card .note .is-image.resource.is-processing:before{content:"\21c5";color:#82ffcc}body .surface .card .note .is-image.resource.is-error:before{content:"\26a0";color:#ffa3a3}body .surface .card .note .resource.is-image:after{position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(0,0,0,.2) 50%,transparent calc(50% + 1px));pointer-events:none}body .surface .card .note.is-struck .resource.is-image:after{content:""}body .surface .card .note .resource.is-image .controls{position:absolute;top:1rem;right:1rem;left:1rem;display:none;gap:.5rem}body .surface .card .note.is-selected .resource.is-image .controls{display:flex}body .surface.is-drag-drop-underway .card .note .resource.is-image .controls,body .surface.is-multiple-selection .card .note .resource.is-image .controls{display:none}body .surface .card .note .resource.is-image .controls span.spacer{flex:1}body .surface .card .note .resource.is-image .controls button,body .surface .card .note .resource.is-image .controls a{background-color:#222;border:none;padding:.5rem;min-width:auto;min-height:auto;color:#fffc;font-size:9pt;text-transform:uppercase;cursor:pointer}body .surface .card .note .resource.is-image .controls button label,body .surface .card .note .resource.is-image .controls a label{cursor:inherit;padding:0}body .surface .card .note .resource.is-image .controls button.is-down,body .surface .card .note .resource.is-image .controls a.is-down{background-color:#df19c0}body .surface .card .note .resource.is-image .controls a{text-decoration:none}body .surface .card .note:hover .drag-note{--color: var(--drag-widget-out)}body .surface .card .note .drag-note{left:calc(var(--size) * -1);top:-1px;bottom:0;width:var(--size)}body .surface .card .note .drag-note:hover{--color: var(--drag-widget-over)}body .surface .card .note.is-dragging .drag-note{--color: var(--drag-widget-drag);background:var(--dragdrop-color);pointer-events:unset}body .surface .card .note.is-dragging-block .drag-note{display:none}body .surface .card .note aside.tools{position:absolute;display:none;justify-content:space-between;top:0;right:0;flex-direction:row;transform:translate(100%)}body.is-safari .surface .card .note aside.tools{opacity:0;transition:opacity 1ms}body .surface .card .note.is-selected aside.tools{z-index:1;display:flex;background-color:var(--selection-reticule)}body.is-safari .surface .card .note.is-selected aside.tools{opacity:1}body .surface .card .note.is-editing aside.tools{display:none}body.is-safari .surface .card .note.is-editing aside.tools{opacity:0;pointer-events:none}body .surface.is-drag-drop-underway .card .note aside.tools{display:none}body .surface.is-list .card .note aside.tools{display:none}body .surface .card .note aside.tools .date-edit{--offset: calc(var(--control-offset) * -1 - 1px);position:absolute;background-color:var(--page-tone);border:1px solid var(--card-border-color);top:var(--offset);left:var(--offset)}body .surface .card .note.is-large-text .text-edit.is-autoexpand textarea,body .surface .card .note.is-large-text .text-edit.is-autoexpand:after{white-space:nowrap}body .surface.is-list .card .note.is-large-text .text-edit.is-autoexpand textarea,body .surface.is-list .card .note.is-large-text .text-edit.is-autoexpand:after{white-space:unset;word-break:break-word}main .toolbar{display:flex;flex-direction:row;border:0 solid var(--frame-border);cursor:default}main .toolbar.is-floating{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%);border-width:1px;background-color:var(--page-tone)}main .toolbar .strip{display:flex;flex-direction:row}main .toolbar button.is-color .empty{flex:1;border-radius:50%;margin:5px;background-color:var(--board-tone);border:1px solid rgba(0,0,0,.2);aspect-ratio:1}main.is-dark .toolbar button.is-color .empty{border-color:#0006}main .toolbar button.is-color.is-yellow .empty{background-color:var(--yellow-highlight)}main .toolbar button.is-color.is-green .empty{background-color:var(--green-highlight)}main .toolbar button.is-color.is-blue .empty{background-color:var(--blue-highlight)}main .toolbar button.is-color.is-purple .empty{background-color:var(--purple-highlight)}main .toolbar button.is-color.is-grey .empty{background-color:var(--grey-highlight)}main .toolbar button.is-color.is-clear .empty{background-image:linear-gradient(to bottom left,transparent calc(50% - 1px),rgba(0,0,0,.2) 50%,transparent calc(50% + 1px))}.marquee-layer{position:absolute;width:100%;height:100%;cursor:crosshair}.marquee-layer .marquee{position:absolute;border:2px dashed var(--selection-reticule);pointer-events:none}.marquee-layer .card{position:absolute;background:var(--dragdrop-tint);backdrop-filter:grayscale(1);pointer-events:none}
/*# sourceMappingURL=app-FBTMAM7V.css.map */