:root{--card-date-gap: 4px;--card-date-status: currentColor;--card-date-status-size: 14px;--card-date-color: #747575;--card-date-font-size: 12px;--card-date-font-weight: 500}.card-date{display:flex;gap:var(--card-date-gap);align-items:center;color:var(--card-date-color)}.card-date__icon{color:var(--card-date-status);block-size:var(--card-date-status-size);inline-size:var(--card-date-status-size)}.card-date__text{font-size:var(--card-date-font-size);font-weight:var(--card-date-font-weight);line-height:1}.card-date__status--none{--card-date-status: currentColor}.card-date__status--on-track{--card-date-status: rgb(25, 135, 77)}.card-date__status--risk{--card-date-status: rgb(230, 179, 2)}.card-date__status--concerned{--card-date-status: rgb(207, 67, 46)}:root{--updates-color-fg: #4b5563;--updates-color-count: #2563eb;--updates-font-size: 14px;--updates-color-border: #9aa1aa}.updates__section{flex:1}.updates__header{font-size:var(--updates-font-size);color:var(--updates-color-fg);cursor:pointer;user-select:none}.updates__count{color:var(--updates-color-count);font-weight:600}.updates-list{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out,margin .3s ease-out;opacity:0;margin-top:0;padding-block-start:0}.updates-list__items,.updates__items{list-style-type:disc;list-style-type:none;padding-inline-start:20px}.updates-list.active{max-height:300px;opacity:1;margin-top:12px}.updates-list__item,.updates__item{font-size:var(--updates-font-size);color:var(--updates-color-fg);line-height:1.4;position:relative;padding-block-end:4px;&:first-of-type{&:after{top:7px}}&:last-of-type{&:after{bottom:10px}}&:before{position:absolute;content:"";width:6px;height:6px;border-radius:50%;background-color:var(--updates-color-border);left:-17px;top:6px}&:after{position:absolute;content:"";border-left:1px solid var(--updates-color-border);left:-14px;top:0;bottom:0}>a{font-weight:500;text-underline-offset:2px;color:currentColor}}.updates__link{display:inline-block;margin-block-start:8px;padding-inline-start:20px;color:currentColor;font-size:var(--updates-font-size);font-weight:500;text-underline-offset:2px}:root{--card-pad-inline: 20px;--card-pad-block: 20px;--card-fill-meta: rgba(0, 0, 0, .04);--card-fill-surface: #fff;--card-color-dim: #747575;--card-fill-pin: var(--card-color-dim)}.svg-test{border:1px solid green;width:40px;height:40px}.card__pad{padding-block:var(--card-pad-block);padding-inline:var(--card-pad-inline)}.card{width:100%;background-color:var(--card-fill-surface);border-radius:var(--card-frame-radius);box-shadow:var(--elevation-shadow-1);overflow:hidden;position:relative}.card--horizontal{--card-title-size-min: 1rem;--card-title-size-max: 1.5rem;--card-title-size-relative: 2cqw}.card__header{a{text-decoration:none}}.card__overline{display:block;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.card__title{color:var(--card-color)}.card__description{font-size:14px;color:var(--card-color)}.card__footer{--card-pad-block: 10px;position:relative;z-index:1;display:flex;align-items:center;background-color:var(--card-fill-meta);border-radius:8px}.date-container{position:absolute;inset-inline-end:var(--card-pad-inline);inset-block-start:var(--card-pad-block);margin-block-start:4px}.card__controls{display:flex;position:absolute;gap:30px;inset-inline-end:var(--card-pad-inline);inset-block-start:var(--card-pad-block)}.card__pin{color:var(--card-fill-pin);width:16px;height:16px;padding:0;border:0;background:none;cursor:pointer;&:hover{color:red}}:root{--fill-resizer-bg: var(--fill-surface-raised);--resizer-radius: 20px}.resizer__container{display:flex;transition:all .2s ease-in-out}.resizer__primary{padding-block:var(--panel-pad-block);padding-inline:var(--panel-pad-inline)}.projects__container{display:grid}.sidebar{width:550px;min-width:425px;background-color:var(--fill-resizer-bg);border-radius:var(--resizer-radius)}.resizer{width:20px;cursor:col-resize;position:relative}.resizer:hover,.resizer.active{&:after{background-color:var(--color-action)}}.resizer:before{content:"";position:absolute;top:5%;bottom:5%;left:50%;width:1px;background-color:#47474733;border-radius:16px}.resizer:after{content:"";position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:100px;background-color:#bbb;border-radius:16px}.main-content{flex:1}@media (max-width: 768px){.sidebar{width:200px}}@media (width < 960px){.resizer__container{flex-direction:column-reverse;gap:2rem}.resizer{display:none}.sidebar{width:100%;flex-grow:1}.main{--l-pad-block-main: 2rem;--l-pad-inline-main: 2rem}}:root{--button-fill-bg: hsl(148.4, 68.8%, 31.4%);--button-fill-border: var(--button-fill-bg);--button-fill-fg: #fff;--button-font-size: 1rem;--button-font-weight: 500}.button{display:inline-block;padding:.5em 1em;border-radius:99rem;vertical-align:middle;text-decoration:none;text-align:center;white-space:normal;cursor:pointer;outline-offset:.4em;background-color:var(--button-fill-bg);border:1px solid var(--button-fill-border);color:var(--button-fill-fg);font-size:var(--button-font-size);font-weight:var(--button-font-weight)}.button--small{--button-font-size: .8125rem;font-size:13px;padding:.25em .75em}.button--outline{--button-fill-fg: var(--color-fg-dim);--button-fill-bg: #fff;--button-fill-border: rgba(0, 0, 0, .3)}:root{--account-title-size-min: 3rem;--account-title-size-max: 6rem}.header{container-type:inline-size;>*+*{margin-top:.75rem}}.header__title{line-height:1;font-weight:800;text-align:center;font-size:clamp(var(--account-title-size-min),4cqw,var(--account-title-size-max));letter-spacing:-.02em;margin-block-end:.5em}.header__tools{display:flex;justify-content:center;gap:1rem}.header__supplemental{text-align:center;font-size:14px;>a{color:currentColor;position:relative;display:inline-block;text-underline-offset:2px;+&{margin-left:16px;&:before{content:"";position:absolute;width:3px;height:3px;background-color:currentColor;top:50%;left:-12px;border-radius:50%}}}}:root{--section-header-size: .875rem;--section-header-weight: 700;--section-header-radius: .25rem;--section-header-bg: #cccac8;--section-header-color: rgba(71, 71, 71, .91);--section-header-bg-rule: rgb(235, 227, 219);--section-header-height-rule: 1px;--section-header-pad-inline: .625rem;--section-header-pad-block: .25rem}.section-header{position:relative;font-size:var(--section-header-size);font-weight:var(--section-header-weight);text-align:center}.section-header--align-left{text-align:left}.section-header--has-rule{&:after{position:absolute;inset-inline:0;inset-block-start:50%;content:"";z-index:-1;border-block-end:var(--section-header-height-rule) solid var(--section-header-bg-rule)}}.section-header__title{display:inline-block;padding-block:var(--section-header-pad-block);padding-inline:var(--section-header-pad-inline);border-radius:var(--section-header-radius);background-color:var(--section-header-bg);color:var(--section-header-color);text-transform:uppercase}.section-header__description{text-align:center;margin-block-start:.5rem;font-size:14px;font-weight:400;a{text-underline-offset:2px;color:currentColor;font-weight:500}}:root{--panel-radius: 12px;--panel-surface: var(--fill-surface-raised);--panel-surface-recessed: var(--fill-surface-recessed);--panel-pad-inline: 2rem;--panel-pad-block: 2rem}.panel{border-radius:var(--panel-radius);padding-inline:var(--panel-pad-inline);padding-block:var(--panel-pad-block)}.panel__header{margin-block-start:-2.75rem;margin-block-end:1.5rem}.panel-elevation--default{background-color:var(--panel-surface)}.panel-elevation--recessed{background-color:var(--panel-surface-recessed)}:root{--card-frame-fill: #fff;--card-frame-radius: 8px;--card-frame-shadow: var(--elevation-shadow-1);--card-frame-fill-border: #c1c1c1}.card-frame{position:relative;background-color:var(--card-frame-fill);border-radius:var(--card-frame-radius);box-shadow:var(--card-frame-shadow)}.card-frame--is-stack{&:before{position:absolute;z-index:-1;inset-block-start:1px;inset-block-end:0;inset-inline-start:-1px;inset-inline-end:0;content:"";transform:rotate(-2deg);transition:transform .2s ease;border-radius:var(--card-frame-radius);border:1px solid var(--card-frame-fill-border);background-color:var(--card-frame-fill)}&:hover:before{transform:rotate(-3deg)}}.card--is-pinned{--card-fill-pin: red}:root{--avatar-surface-color: #fff;--avatar-border-width: 2px;--avatar-size: 48px}.avatar{display:inline-block;block-size:var(--avatar-size);inline-size:var(--avatar-size);object-fit:cover;overflow:hidden;border-radius:100%;background-color:var(--avatar-surface-color);border:var(--avatar-border-width) solid var(--avatar-surface-color)}:root{--avatar-stack-gap: .5rem;--avatar-stack-overlap: -4px;--avatar-stack-color: #7f7f7f;--avatar-stack-font-size: 14px}.avatar-stack{--avatar-size: 24px;display:flex;align-items:center;gap:var(--avatar-stack-gap)}.avatar-stack__avatars{display:flex;flex-shrink:0;*+*{margin-inline-start:var(--avatar-stack-overlap)}}.avatar__number{font-size:var(--avatar-stack-font-size);font-weight:600;line-height:1;color:var(--avatar-stack-color)}:root{--color-fg-dim: #747575;--card-title-size-min: 1.3rem;--card-title-size-max: 2rem;--card-title-size-relative: 5cqw;--card-title-font-weight: 700;--card-color-contrast: #2a373e;--card-color-dim: #747575}.card__content{container-type:inline-size;display:flex;flex-direction:column;gap:.8rem;block-size:100%;padding:1.5rem;text-align:left;color:var(--card-color-contrast);line-height:1.3}.card__link{inset:0;text-decoration:none}.card__text-content{display:flex;flex-direction:column}.card__title{color:var(--card-color-contrast);font-weight:var(--card-title-font-weight);letter-spacing:-.01em;line-height:1.1;font-size:clamp(var(--card-title-size-min),var(--card-title-size-relative),var(--card-title-size-max))}.card__description{color:var(--card-color-contrast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-block-start:.5em}.card__overline{color:var(--card-color-dim);letter-spacing:.04em;margin-block-end:.3em}.card__people{display:flex;justify-content:space-between;margin-block-start:.75rem}.card__content--is-stack{justify-content:center;text-align:center}.card__title--is-stack{--card-title-size-min: 2rem;--card-title-size-max: 4rem}.card__description--is-stack{font-size:12px;text-transform:uppercase}:root{--grid-gap: 12rem;--l-grid-gap-column: 1rem;--l-grid-gap-row: 1rem;--l-grid-min-size: 300px}.l-grid{display:grid;row-gap:var(--l-grid-gap-row);column-gap:var(--l-grid-gap-column);grid-template-columns:repeat(auto-fit,minmax(var(--l-grid-min-size),1fr))}.l-grid--bento{--l-grid-gap-column: 1rem;--l-grid-gap-row: 1.75rem;--l-grid-min-size: 375px;display:grid}.test{>div{background-color:red}}:root{--layout-stack-distance: 1rem}.l-stack{display:flex;gap:var(--layout-stack-distance);flex-direction:column}.l-stack--distance-50{--layout-stack-distance: .5rem}.l-stack--distance-100{--layout-stack-distance: 1rem}.l-stack--distance-150{--layout-stack-distance: 1.5rem}.l-stack--distance-200{--layout-stack-distance: 2rem}.l-stack--distance-250{--layout-stack-distance: 2.5rem}.l-stack--distance-300{--layout-stack-distance: 3rem}.l-stack--distance-350{--layout-stack-distance: 3.5rem}.empty-state{padding:2rem;border:1px dashed #bec0c0;border-radius:20px;background-color:#fff6}.empty-state__inner{display:flex;gap:1rem;flex-direction:column;align-items:center;justify-content:center;margin-inline:auto;text-align:center}.empty-state__title{font-weight:500;font-size:1.45rem;line-height:1.2;letter-spacing:-.01em}.empty-state__icon{color:#bec0c0;block-size:30px;inline-size:30px;flex-shrink:0}.empty-state__input{width:100%;border-radius:.4rem;line-height:1.5;font-family:inherit;font-weight:inherit;font-size:inherit;color:inherit;padding:.5rem;border:1px solid #bec0c0}.empty-state__form{margin-block-start:1rem}.empty-state__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state__button{display:flex;width:30px;height:30px;padding-inline:.25rem;padding-block:.25rem;cursor:auto}.empty-state__text{max-width:60ch;text-wrap:balance}.empty-state__text--small{font-size:.85rem;line-height:1.3}.schedule{width:100%;max-inline-size:500px;margin-inline:auto}.schedule__item{display:flex;gap:1rem;align-items:center;padding-block:.5rem;+&{border-block-start:1px solid #bec0c0}}.schedule__date{min-inline-size:120px}.assignments{list-style:none}.activity__button{display:block;margin-block-end:2em;inline-size:100%;padding-block:.55em;font-size:14px;background-color:#fff6;color:var(--color-action);border:0;cursor:pointer;border-radius:4px}.activity__needle{margin-block-end:1.5rem;overflow:hidden;img{opacity:.84;display:block;margin-block:.25rem;margin-inline:auto;border-radius:12px}}.recent__controls{display:flex;margin-block-end:.5rem;flex-wrap:wrap;gap:.5rem;justify-content:space-between;align-items:center}.recent-buttons{display:flex;gap:.25rem;flex:1}.recent__link{justify-self:flex-end;font-size:13px;line-height:1}.headline--recent-projects{margin-block-end:.75rem;line-height:1.1}:root{--l-pad-block-main: 4rem;--l-pad-inline-main: 4rem}.main{padding-block:var(--l-pad-block-main);padding-inline:var(--l-pad-inline-main);transition:all .2s ease-in-out;>*+*{margin-top:40px}}.grid--vertical--large{gap:3rem}.cal-grid--max{margin-inline:auto;inline-size:100%;max-inline-size:400px;position:relative}.top-area{max-inline-size:1088px;margin-inline:auto}