.app-chip{--app-chip-size:var(--spacer-300);background:var(--clr-text-500);border:var(--border-width-xl) solid var(--clr-bg-elevated-1);border-radius:50%;box-shadow:var(--shadow-100);height:var(--app-chip-size);position:absolute;right:0;top:0;translate:33% -33%;width:var(--app-chip-size)}.repertoire-switcher__item-name,.repertoire-switcher__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repertoire-switcher__item-count{color:var(--clr-text-500);font-size:var(--fs-300)}.repertoire-switcher__item-count,.repertoire-switcher__manage{font-family:var(--font-ui);font-weight:var(--fw-normal);line-height:1.5}.repertoire-switcher__manage{color:var(--clr-text-400);font-size:var(--fs-400)}.repertoire-switcher__item-name,.repertoire-switcher__name{font-family:var(--font-ui);font-size:var(--fs-400);font-weight:var(--fw-bold)}.repertoire-switcher__trigger{align-items:center;border-radius:var(--radius-400);color:var(--clr-text-400);cursor:pointer;display:flex;gap:var(--spacer-300);padding:var(--padding-400) var(--padding-300);transition:background var(--transition-base),color var(--transition-base)}.repertoire-switcher__trigger:hover,.repertoire-switcher__trigger[data-state=open]{background:var(--clr-bg-elevated-2);color:var(--clr-text-500)}.repertoire-switcher__tag{align-items:center;display:none;flex:1;gap:var(--spacer-300);min-width:0}.app-nav--expanded .repertoire-switcher__tag{display:flex}.repertoire-switcher__name{flex:1}.repertoire-switcher__arrow{color:var(--clr-text-300);flex-shrink:0;transition:color var(--transition-base)}.repertoire-switcher__trigger:hover .repertoire-switcher__arrow{color:var(--clr-text-500)}.repertoire-switcher__list{--repertoire-switcher-popup-min-width:220px;display:flex;flex-direction:column;gap:var(--spacer-200);min-width:var(--repertoire-switcher-popup-min-width)}.repertoire-switcher__item{align-items:center;background:none;border:none;border-radius:var(--radius-300);cursor:pointer;display:flex;gap:var(--spacer-300);padding:var(--padding-300) var(--padding-400);position:relative;text-align:left;transition:background var(--transition-fast);width:100%}.repertoire-switcher__item:focus-visible,.repertoire-switcher__item:hover{background:var(--clr-bg-elevated-2);outline:none}.repertoire-switcher__item--active{background:var(--clr-bg-elevated-2)}.repertoire-switcher__dot{border:var(--border);border-radius:50%;flex-shrink:0;height:var(--spacer-200);width:var(--spacer-200)}.repertoire-switcher__item-info{display:flex;flex:1;flex-direction:column;min-width:0}.repertoire-switcher__item-name{color:var(--clr-text-400)}.repertoire-switcher__item-count{color:var(--clr-text-300)}.repertoire-switcher__popup-foot{border-top:var(--border-md-default-400);margin-top:var(--spacer-300);padding-top:var(--spacer-300)}.repertoire-switcher__manage{align-items:center;border-radius:var(--radius-300);color:var(--clr-text-300);display:flex;justify-content:space-between;padding:var(--padding-300) var(--padding-400);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.repertoire-switcher__manage:hover{background:var(--clr-bg-elevated-2);color:var(--clr-text-500)}.avatar__initials{font-weight:var(--fw-bold);line-height:1}.avatar{--avatar-size:var(--icon-size-lg);--avatar-bg:var(--clr-primary-900);align-items:center;background:var(--avatar-bg);border:var(--border-md-primary-700);border-radius:50%;color:var(--clr-primary-500);display:flex;flex-shrink:0;height:var(--avatar-size);justify-content:center;overflow:hidden;width:var(--avatar-size)}.avatar--md{--avatar-size:var(--icon-size-lg)}.avatar--lg{--avatar-size:var(--icon-size-xl)}.avatar__img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar__initials{font-size:calc(var(--avatar-size)*.35);-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-nav-user__email,.app-nav-user__role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-user__role{color:var(--clr-text-400);font-family:var(--font-ui);font-size:var(--fs-400);font-weight:var(--fw-normal);line-height:1.5}.app-nav-user__email{color:var(--clr-text-500);font-family:var(--font-ui);font-size:var(--fs-300);font-weight:var(--fw-bold)}.app-nav-user{align-items:center;border-radius:var(--link-radius);color:var(--link-clr);display:flex;gap:var(--spacer-300);overflow:hidden;padding:var(--padding-400) var(--padding-300);text-decoration:none;transition:background var(--transition-base),color var(--transition-base)}.app-nav-user:focus-visible,.app-nav-user:hover{background-color:var(--link-hover-bg);color:var(--link-hover-text)}.app-nav-user__avatar{--avatar-bg:var(--clr-bg-elevated-2);left:calc(var(--spacer-100)*-1);position:relative}.app-nav-user__info{display:none;flex-direction:column;min-width:0}.app-nav--expanded .app-nav-user__info{display:flex}.app-nav-more__item{color:var(--clr-text-500);font-family:var(--font-ui);font-size:var(--fs-400);font-weight:var(--fw-semibold)}.app-nav{--nav-spring:.4s cubic-bezier(.22,1,.36,1);--nav-tick-length:22px;--nav-tick-thickness:3px;--nav-tick-border-offset:var(--border-width-xl);--nav-repertoire-placeholder-height: calc(18px + 1.2rem) ;--nav-pill-padding:var(--spacer-200);--nav-pill-max-width:26rem;--nav-width-collapsed:60px;--nav-width-expanded:220px;--link-clr:var(--clr-text-500);--link-hover-bg:var(--clr-bg-elevated-2);--link-hover-text:var(--clr-text);--link-radius:var(--radius);display:flex;inset:auto 0 0;justify-content:center;padding:var(--spacer-300) var(--spacer-500) calc(var(--spacer-300) + env(safe-area-inset-bottom));pointer-events:none;position:fixed;z-index:100}.app-nav.app-nav--mobile-hidden{display:none}@media(min-width:30em){.app-nav{background-color:var(--clr-bg-elevated-1);border-right:var(--border);flex-direction:column;flex-shrink:0;height:100vh;inset:0 auto auto;justify-content:space-between;padding:var(--padding-300);pointer-events:auto;position:sticky;transition:width var(--nav-spring);width:var(--nav-width-collapsed);z-index:auto}.app-nav.app-nav--expanded{width:var(--nav-width-expanded)}.app-nav.app-nav--mobile-hidden{display:flex}.app-nav .app-nav__tab--more{display:none}}.app-nav__rail{background-color:var(--clr-bg-elevated-1);border:var(--border-md-default-400);border-radius:var(--radius-full);box-shadow:var(--shadow-500);display:flex;max-width:var(--nav-pill-max-width);padding:var(--nav-pill-padding);pointer-events:auto;position:relative;width:100%}@media(min-width:30em){.app-nav__rail{background:none;border:0;border-radius:0;box-shadow:none;flex-direction:column;max-width:none;padding:0;width:auto}}.app-nav__well{--nav-well-inset-x:0px;--nav-well-inset-y:0px;--nav-well-radius:var(--radius-full);inset:var(--nav-pill-padding) auto var(--nav-pill-padding) var(--nav-pill-padding);pointer-events:none;position:absolute;transform:translate(calc(var(--nav-active-index)*100%));transition:transform var(--nav-spring);width:calc((100% - var(--nav-pill-padding)*2)/var(--nav-slot-count))}.app-nav__well:before{background-color:var(--clr-bg-elevated-2);border:var(--border-md-default-400);border-radius:var(--nav-well-radius);content:"";inset:var(--nav-well-inset-y) var(--nav-well-inset-x);position:absolute}.app-nav__well:after{background-color:var(--clr-primary-500);border-radius:var(--radius-full);content:"";height:var(--nav-tick-thickness);left:50%;position:absolute;top:calc(var(--nav-well-inset-y) - var(--nav-tick-border-offset));transform:translate(-50%);width:var(--nav-tick-length)}@media(min-width:30em){.app-nav__well{--nav-well-inset-x:var(--spacer-100);--nav-well-inset-y:var(--spacer-100);--nav-well-radius:var(--radius-400);height:calc(100%/var(--nav-tab-count));inset:0 0 auto;transform:translateY(calc(var(--nav-active-index)*100%));width:auto}.app-nav__well:after{height:var(--nav-tick-length);left:auto;right:calc(var(--nav-well-inset-x) - var(--nav-tick-border-offset));top:50%;transform:translateY(-50%);width:var(--nav-tick-thickness)}}.app-nav__tab{align-items:center;background:none;border:0;color:var(--clr-text-400);cursor:pointer;display:flex;flex:1;justify-content:center;padding:var(--spacer-400) 0;position:relative;text-decoration:none;transition:color var(--transition-slow),transform var(--transition-fast);z-index:1}.app-nav__tab:active{transform:scale(.9)}.app-nav__tab:focus-visible,.app-nav__tab:hover{color:var(--clr-text-500)}.app-nav__tab--active,.app-nav__tab[data-state=open]{color:var(--clr-primary-500)}@media(min-width:30em){.app-nav__tab{flex:initial;gap:var(--spacer-500);justify-content:flex-start;padding:var(--padding-400) var(--padding-300)}}.app-nav__collapse,.app-nav__home{display:none}@media(min-width:30em){.app-nav__collapse,.app-nav__home{align-items:center;background:none;border:0;border-radius:var(--link-radius);color:var(--link-clr);cursor:pointer;display:flex;gap:var(--spacer-500);padding:var(--padding-400) var(--padding-300);text-decoration:none;transition:background var(--transition-base),color var(--transition-base)}.app-nav__collapse:focus-visible,.app-nav__collapse:hover,.app-nav__home:focus-visible,.app-nav__home:hover{background-color:var(--link-hover-bg);color:var(--link-hover-text)}}.app-nav__menus{display:none}@media(min-width:30em){.app-nav__menus{display:block}}.app-nav__label{display:none;white-space:nowrap}@media(min-width:30em){.app-nav--expanded .app-nav__label{display:block}}.app-nav__collapse-chevron{transition:transform var(--nav-spring)}.app-nav--expanded .app-nav__collapse-chevron{transform:rotate(180deg)}.app-nav__collapse{color:var(--clr-text-400)}.app-nav__rep-placeholder{height:var(--nav-repertoire-placeholder-height);margin:0 var(--spacer-300)}.app-nav-more{display:flex;flex-direction:column}.app-nav-more__item{align-items:center;background:none;border:0;border-radius:var(--radius-400);color:var(--clr-text-accent-400);cursor:pointer;display:flex;gap:var(--spacer-400);padding:var(--spacer-400) var(--spacer-300);text-align:left;text-decoration:none;transition:background var(--transition-base),color var(--transition-base);width:100%}.app-nav-more__item:focus-visible,.app-nav-more__item:hover{background-color:var(--clr-bg-elevated-2);color:var(--clr-text-accent-500)}.app-shell{background-color:var(--clr-bg);flex:1;min-height:100vh;min-width:0;overflow-x:clip;padding-bottom:var(--app-shell-clearance-bottom,0)}