div#app{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"leftnav header" "leftnav main";width:100vw;height:100vh;overflow:hidden}div#app>main#main{grid-area:main}div#app>main#main.app-error,div#app>main#main.app-loading{display:flex;justify-content:center;align-items:center}div#app>main#main.app-error>span{text-align:center;font-size:2em;font-weight:600}div#app>header.layout__header{grid-area:header}div#app>aside.sidebar{grid-area:leftnav}@media(max-width:768px){div#app{grid-template-areas:"header" "main";grid-template-columns:1fr}}.avatar__wrapper[data-contrast-border=true]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08)}header.layout__header{box-shadow:var(--shadow-xsmall)}@media(max-width:768px){header.layout__header>nav.layout__topnav-mobile{display:block}header.layout__header>nav.topnav{display:none}}main.layout__main{overflow:auto;width:100%;height:100%;position:relative}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.country-flag_image__LSo1d{aspect-ratio:1/1;border-radius:50%}nav.subnav{--height:44px;background-color:var(--color-white);border-bottom:var(--border-default);display:flex;gap:var(--spacing-large);align-items:flex-end;padding-inline:var(--spacing-medium);height:44px}nav.subnav>div.tabs__default{height:100%}nav.subnav>div.tabs__default .tab__default{height:100%;padding:0!important;padding-inline:var(--spacing-medium)!important}nav.topnav{--height:56px;background-color:var(--colors-base-white);border-bottom:var(--border-default);gap:var(--spacing-6);justify-content:space-between;padding-block:var(--spacing-4);padding-left:var(--spacing-2);padding-right:var(--spacing-6);height:var(--height)}nav.topnav,nav.topnav>div.left{display:flex;align-items:center}nav.topnav>div.left{gap:var(--spacing-2);flex:1;text-wrap:nowrap;overflow:hidden}nav.topnav>div.left .second-separator{margin-inline:var(--spacing-2) var(--spacing-2-5);align-self:stretch;min-height:100%}nav.topnav>div.right{display:flex;gap:var(--spacing-4);align-items:center}.common-pictures-list{position:relative;display:flex}.common-pictures-list>div.picture-list-item-wrapper{position:relative}.common-pictures-list>div.picture-list-item-wrapper:not(:first-child) img{margin-left:calc(var(--avatar-size)*.4*-1)}.common-pictures-list>div.picture-list-item-wrapper[data-more=true]:last-child img{--fade-gradient:linear-gradient(90deg,#000 40%,rgba(0,0,0,.5) 60%,transparent 95%);mask-image:var(--fade-gradient);-webkit-mask-image:var(--fade-gradient)}hr.horizontal-separator{border:none;min-height:1px;min-width:100%}div.vertical-separator,hr.horizontal-separator{background-color:var(--color-neutral-200);align-self:stretch}div.vertical-separator{min-width:1px;min-height:100%}.notification__button{position:relative}.notification__badge{position:absolute;top:0;right:0;transform:translateX(40%) translateY(-40%);background-color:var(--color-purple-100);border-radius:50%;height:1.8rem;padding-inline:.5rem}.notification__badge>span{color:var(--color-purple-600);line-height:2rem}.notification__items{position:absolute;top:calc(100% + var(--spacing-xsmall));right:0;padding:0;overflow:hidden;width:36rem}.notification__items>.vstacks{max-height:40rem;overflow:auto}.notification__items div.mark-all-read{width:100%;padding:1rem;display:flex;justify-content:flex-end;position:sticky;top:0;background-color:#fff}.notification__items div.mark-all-read p{pointer-events:none}.notification__items div.mark-all-read p.active{cursor:pointer;pointer-events:inherit}.notification__items div.mark-all-read p.active:hover{text-decoration:underline}.notification__item{padding:var(--spacing-medium)}.notification__item:not(:last-child){border-bottom:var(--border-default)}.notification__item div.infos{overflow:hidden;flex:1}.notification__item div.infos>p:first-child{display:flex;gap:.4rem;white-space:nowrap}.notification__item div.infos>p:first-child>span:first-child{flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.notification__item div.infos>p:first-child>span.time{margin-left:auto}.notification__item div.infos>div.content{display:flex;gap:.4rem}.notification__item div.infos>div.content .snippet{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification__item div.status{margin-top:.4rem;width:8px;height:8px;border-radius:50%;flex:0 0 8px;margin-left:auto}.notification__item:hover{cursor:pointer;background-color:var(--color-grey-100)}.notification__item.unread{background-color:var(--color-purple-50)}.notification__item.unread:hover{background-color:var(--color-purple-100)}.notification__item.unread div.status{background-color:var(--color-purple-600)}