.component_root__4974O{& .component_icon__dpi5S{color:var(--text-secondary-color)}&:hover .component_icon__dpi5S{color:var(--icon-strong-color)}}.component_icon__dpi5S{transition:color .15s ease-in-out}.page_sidebar__m_eqZ,.page_sidebar__qMWt0{flex-basis:360px}.component_root__G6lc_{position:relative;overflow:hidden;background-color:var(--background-primary);border-radius:50%;flex-shrink:0;width:-moz-fit-content;width:fit-content;&:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px var(--border-primary);border-radius:inherit}}.component_image__nbxbD{object-fit:cover}.component_20__j6JBr{width:20px;height:20px}.component_24__sMC4o{width:24px;height:24px}.component_40__Z1pJA{width:40px;height:40px}.component_64__1oKh0{width:64px;height:64px}.component_112__YUgl4{width:112px;height:112px}.component_active__LfB_D{color:var(--color-blue-500)}.component_inactive__bZjrE{color:var(--icon-subtle-color)}.component_root__8WLAX{@container (width <= 360px){flex-direction:column;width:100%;&>*{justify-content:center}}@container (width > 361px){flex-direction:row}}.component_root__wWuFJ{width:112px}.component_button__mKSd2{position:relative;width:112px;border-radius:50%;overflow:hidden;transition:box-shadow .15s ease-in-out}.component_hoverable__FXKIh{&:focus-visible{box-shadow:var(--focus-visible);& .component_icon__0hl8P{opacity:1}}&:hover{box-shadow:var(--focus-visible-gray);& .component_icon__0hl8P{opacity:1}}}.component_icon__0hl8P{position:absolute;background-color:var(--background-inverse-025);margin:auto;inset:0;opacity:0;color:var(--content-inverse);transition:opacity .15s ease-in-out}.component_popover__o0u0M{z-index:100}.page_root__XDTjz,.page_root__XqYNE,.page_root__gDoXF{max-width:768px}.page_root__KB_Fr{width:768px;max-width:768px}.component_particle__PK0Mn{padding-bottom:0}.component_root__NUaVP{max-width:768px;width:100%}.component_root__kbhSj{display:flex;&>:first-child{margin-left:0}&.component_24__Qah2T>:not(:first-child),&.component_32__PsUOM>:not(:first-child){margin-left:-8px}&.component_56__yTJ4u>:not(:first-child){margin-left:-16px}}.component_animated__fDTlN{@media (--screen-lg ){&>*{transition:margin-left .15s ease-in-out}&>:hover+*{margin-left:2px!important}}}