.profile-menu{display:flex;flex-direction:column;gap:8px;max-width:280px}.profile-menu__user-info{display:flex;padding:8px;gap:8px;align-items:center;width:100%}.profile-menu__user-meta{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.profile-menu__username{color:rgba(0,0,0,.87);font-weight:700}.profile-menu__email,.profile-menu__username{font-family:var(--font-plus-jakarta-sans);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__email{font-weight:500;color:rgba(0,0,0,.6)}.profile-menu__sign-out{flex-shrink:0;display:flex;width:32px;height:32px;justify-content:center;align-items:center;padding:0;border-radius:8px}.profile-menu__menu-items{min-width:280px}.user-profile__button{padding:0;transition:opacity .3s ease}.user-profile__button--active{opacity:.5}.user-profile__avatar{width:36px;height:36px}.header-standalone-wrapper{display:flex;align-items:center;gap:24px}.header-standalone-wrapper--mobile{width:100%;height:auto}.header-standalone-wrapper__trello-icon{width:24px;height:24px;color:#212121;transition:.3s ease-in-out}.header-standalone-wrapper__button{width:-moz-fit-content;width:fit-content;padding:0 24px;height:36px;display:flex;align-items:center;border-radius:56px;background-color:#fff;color:#212121;border:1px solid #212121;font-size:15px;font-weight:600;line-height:26px;font-family:var(--font-plus-jakarta-sans);transition:.3s ease-in-out;text-transform:none;gap:8px}.header-standalone-wrapper__button:hover{background-color:#000;color:hsla(0,0%,100%,.8)}.header-standalone-wrapper__button:hover .header-standalone-wrapper__trello-icon{color:hsla(0,0%,100%,.8)}.header-standalone-wrapper__button--scrolled{background-color:#212121;color:#fff;border:1px solid rgba(0,0,0,0)}.header-standalone-wrapper__button--scrolled .header-standalone-wrapper__trello-icon{color:#fff}.header-standalone-wrapper__button--active{background-color:#000;color:hsla(0,0%,100%,.8)}.header-standalone-wrapper__button--active .header-standalone-wrapper__trello-icon{color:hsla(0,0%,100%,.8)}.nav{font-family:var(--font-noto-sans);display:grid;grid-template-columns:auto 1fr auto;grid-gap:20px;gap:20px;height:100%;font-weight:400}.nav:has(.nav__item:hover,.nav__cta:hover) .nav__backdrop{opacity:1;pointer-events:all}.nav__backdrop{position:absolute;top:var(--header-height);left:0;display:block;height:100vh;width:100%;background-color:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s ease-out;z-index:1}@media screen and (max-width:1200px){.nav__backdrop{display:none}}.nav__divider{margin:0 8px 16px;width:calc(100% - 16px)}.nav__list{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:center;gap:16px}.nav__list-logo{justify-self:flex-start}.nav__profile{position:relative;width:36px;height:36px;margin-left:24px}.nav__profile-spinner{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;background-color:hsla(0,0%,100%,.3);border-radius:50%;display:flex;align-items:center;justify-content:center}.nav__profile-spinner[hidden]{display:none}.nav__cta{align-self:center;justify-self:stretch}@media screen and (max-width:1200px){.nav{display:flex;flex-direction:column;padding:32px 34px 0 50px;gap:0}.nav__profile{flex-grow:1;width:100%;height:auto;margin:18px 0 0;padding:0 0 18px;border-bottom:1px solid #e6eaed}.nav__profile-login{padding:18px 0;border-bottom:1px solid #e6eaed}.nav__list{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0}.nav__list>img{display:block;margin:auto;padding-top:30px}.nav__list-wrapper{display:flex;gap:16px}.nav div.nav__list,.nav__list-wrapper{flex-direction:column-reverse}.nav__item{min-width:100%;font-size:24px;padding-bottom:16px}.nav__cta{width:100%}}@media screen and (max-width:425px){.nav{padding:32px 27px 0}}.page-side-nav{--header-height:60px;font-family:var(--font-noto-sans);position:-webkit-sticky;position:sticky;top:0;z-index:25;overflow:visible;background-color:#fff}.page-side-nav__drawer{min-width:320px;scrollbar-gutter:stable}.page-side-nav__content{min-width:-moz-fit-content;min-width:fit-content}.page-side-nav__logo{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 34px 0 50px;height:60px;flex-shrink:0}.page-side-nav__logo :first-child{width:auto;height:28px}.page-side-nav__logo :last-child{width:24px;height:24px;cursor:pointer}.page-header{display:flex;height:var(--header-height);font-size:18px;margin-bottom:0}@media(max-width:1200px){.page-header__wrapper--mobile{display:flex}.page-header__wrapper--desktop{display:none}}@media(min-width:1201px){.page-header__wrapper--mobile{display:none}.page-header__wrapper--desktop{display:flex}}.page-header__wrapper{align-items:center;width:100%;transition:box-shadow .3s ease-in-out}.page-header__wrapper--scrolled{box-shadow:0 4px 4px 0 rgba(0,0,0,.05)}.page-header__navigation--desktop{flex:1 1}.page-header__navigation--mobile{display:flex;align-items:center;justify-content:space-between}.page-header__navigation--mobile .mdi-menu{cursor:pointer;font-size:28px}.page-header__navigation--mobile .mdi-menu.white{color:#fff}.page-header__burger{cursor:pointer;color:#000;aspect-ratio:1;width:32px}@media only screen and (max-width:425px){.page-side-nav__logo{padding:0 27px}.page-side-nav__content,.page-side-nav__drawer{width:100%}}