:root{--page-ease:cubic-bezier(.2,.75,.2,1)}
/* The complete document arrives with one progressive glide. */
body{animation:document-arrival .7s var(--page-ease) backwards}
@keyframes document-arrival{from{opacity:0;translate:32px 0}to{opacity:1;translate:0 0}}
.page-transition-veil{position:fixed;inset:0;z-index:1000;background:linear-gradient(115deg,#102b24,#23513d);display:grid;place-items:center;pointer-events:none;transform:translateX(103%);transition:transform .43s var(--page-ease);border-left:3px solid #b13d4b;box-shadow:-15px 0 50px #102b2420}
.page-transition-veil>span{color:#d5bb7f;font:65px Georgia;opacity:.5;transform:translateX(35px);transition:transform .5s var(--page-ease),opacity .3s}
.page-is-leaving .page-transition-veil{transform:translateX(0);pointer-events:auto}.page-is-leaving .page-transition-veil>span{transform:translateX(0);opacity:1}
:where(a,button,input,textarea,select,summary,.panel,.card,.stat,.quick,.event,.article-row,.avatar,.pill,.status-row){transition:color .28s,background-color .3s,border-color .3s,box-shadow .35s,opacity .3s,translate .35s var(--page-ease)}
:where(button,a.button,a.btn):not(:disabled):hover{filter:brightness(1.035)}
:where(input,textarea,select):focus{box-shadow:0 0 0 4px #a9ba8f20;transition:border-color .3s,box-shadow .35s}
:where(.quick,.card,.stat):hover{box-shadow:0 12px 28px #24462c0f;translate:0 -3px}
:where(.event,.article-row,.status-row):hover{background-color:#9eb88c0a}
:where(.profile,.link,.icon-button,.close,.dialog-close):hover{color:#a83c49}
:where(nav a,.text-link,.footer-top a){transition:background-color .3s,color .3s,translate .35s}
.footer-top a:hover{translate:3px 0}
#modal[open],#publicDialog[open]{animation:dialog-progressive-in .48s var(--page-ease)}
@keyframes dialog-progressive-in{from{opacity:0;translate:32px 10px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
#modal::backdrop,#publicDialog::backdrop{animation:backdrop-in .35s ease both}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
#modalBody .steps .step{transition:color .3s,border-color .3s}
#app .table-wrap tbody tr{transition:background-color .3s,box-shadow .3s}
#app .table-wrap tbody tr:hover{box-shadow:inset 3px 0 #b69d69}
#app .pill:hover{translate:0 -1px}
#toast{transition:transform .35s var(--page-ease),opacity .3s!important}
.wordmark .brand-name{display:block;font:500 22px/1.15 var(--serif,Georgia);letter-spacing:1.1px;text-align:center}
.site-header .wordmark small{margin-top:6px}.site-footer .wordmark .brand-name{font-size:21px}
.brand .brand-name{display:block;font:500 17px/1.3 Georgia;letter-spacing:.3px;text-align:center}.brand{justify-content:center}.brand small{font-size:6px;letter-spacing:1.3px;text-align:center}
.breadcrumb{line-height:1.6}.workspace strong{line-height:1.5}.site-header{grid-template-rows:78px 49px}
@media(max-width:900px){.site-header{grid-template-rows:73px}.wordmark .brand-name{font-size:19px;letter-spacing:.5px}}
@media(max-width:600px){.wordmark .brand-name{font-size:15px;line-height:1.2;letter-spacing:.3px}.site-header .wordmark{gap:5px}.site-header .wordmark small{font-size:4px;letter-spacing:.8px}.site-header{grid-template-rows:70px}.site-footer .wordmark .brand-name{font-size:17px}.breadcrumb{max-width:230px;font-size:9px}.brand .brand-name{font-size:17px}}
html.motion-paused body{animation:none}.motion-paused .page-transition-veil{transition:none}.motion-paused :where(a,button,input,textarea,select,summary,.panel,.card,.stat,.quick,.event,.article-row,.avatar,.pill){transition:none}.motion-paused :where(.quick,.card,.stat):hover{translate:none}.motion-paused dialog[open]{animation:none!important}
@media(prefers-reduced-motion:reduce){body{animation:none}:where(*,*:before,*:after){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.page-transition-veil{display:none}}