html,body{margin:0;padding:0}.main{min-width:0;min-height:100dvh;display:flex;flex-direction:column;padding-left:88px;transition:padding-left 200ms ease}.main>.content{flex:1 0 auto;min-height:0;background-color:#f5f5f5}@media(min-width: 360px)and (max-width: 767px){.sidebar{z-index:1200;transform:translateX(-110%)}.sidebar.expanded{display:block;transform:translateX(0)}.sidebar.collapsed{display:none;transform:translateX(-110%)}.main{padding-left:0}.main.sidebar-open::after{content:"";position:fixed;inset:0;z-index:1100}}@media(min-width: 1024px){.sidebar.expanded~.main,#main-content:not(.sidebar-collapsed){padding-left:310px}.sidebar.collapsed~.main,#main-content.sidebar-collapsed,.main.sidebar-collapsed{padding-left:88px}}i.icon{width:32px;height:32px}i.icon.small{width:24px;height:24px}i.icon.medium{width:32px;height:32px}i.icon.large{width:40px;height:40px}i.icon.xlarge{width:48px;height:48px}i.icon:is(i){background-color:var(--swatches-on-base)}i.icon:is(svg){color:var(--swatches-on-base)}i.icon.primary:is(i){background-color:var(--swatches-primary-default)}i.icon.primary:is(svg){color:var(--swatches-primary-default)}i.icon.secondary:is(i){background-color:var(--swatches-secondary-default)}i.icon.secondary:is(svg){color:var(--swatches-secondary-default)}i.icon.tertiary:is(i){background-color:var(--swatches-tertiary-hover)}i.icon.tertiary:is(svg){color:var(--swatches-tertiary-hover)}i.icon.quaternary:is(i){background-color:var(--swatches-quaternary-default)}i.icon.quaternary:is(svg){color:var(--swatches-quaternary-default)}i.icon.success:is(i){background-color:var(--swatches-success-default)}i.icon.success:is(svg){color:var(--swatches-success-default)}i.icon.warning:is(i){background-color:var(--swatches-warning-default)}i.icon.warning:is(svg){color:var(--swatches-warning-default)}i.icon.error:is(i){background-color:var(--swatches-error-default)}i.icon.error:is(svg){color:var(--swatches-error-default)}i.icon.neutral:is(i){background-color:var(--neutral-0)}i.icon.neutral:is(svg){color:var(--neutral-0)}i.icon.neutral-900:is(i){background-color:var(--neutral-900)}i.icon.neutral-900:is(svg){color:var(--neutral-900)}svg.icon{color:var(--swatches-on-base)}svg.icon.primary{color:var(--swatches-primary-default)}svg.icon.secondary{color:var(--swatches-secondary-default)}svg.icon.tertiary{color:var(--swatches-tertiary-hover)}svg.icon.quaternary{color:var(--swatches-quaternary-default)}svg.icon.success{color:var(--swatches-success-default)}svg.icon.warning{color:var(--swatches-warning-default)}svg.icon.error{color:var(--swatches-error-default)}svg.icon.neutral{color:var(--neutral-0)}svg.icon.neutral-900{color:var(--neutral-900)}.user{display:flex;gap:10px}.user .photo{display:flex;width:48px;height:48px;border:solid 1px var(--swatches-border-base-alt);border-radius:1000px;overflow:hidden}.user .photo img{object-fit:cover;width:48px;height:48px}.user .photo .initials{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);text-transform:uppercase;color:var(--swatches-on-surface-neutral);background-color:var(--swatches-surface)}.user .data{display:flex;flex-direction:column}.user .data strong,.user .data span{color:var(--swatches-on-surface-neutral);font-family:var(--font-body)}.user .data strong{font-size:16px}.user .data span{font-size:12px}@media(max-width: 768px){.user .data strong{font-size:14px}.user .data span{font-size:10px}}@media(max-width: 360px){.user .data strong{font-size:14px}.user .data span{font-size:10px}}