.clarity-sidebar{border-right:1px solid var(--color-hairline);width:184px}.clarity-sidebar.is-collapsed{width:64px}.clarity-page{padding:26px}.clarity-header{background:var(--color-surface);padding:20px 26px 16px}.clarity-header h1{overflow-wrap:anywhere;font-size:28px;font-weight:700;line-height:1.25}.clarity-mobile-menu{display:none}.clarity-mobile-navigation{background:var(--color-rail);width:min(288px,100vw - 32px);height:100dvh;max-height:100dvh;color:var(--color-ink);border:0;margin:0;padding:0}.clarity-mobile-navigation::backdrop{background:color-mix(in srgb, var(--color-ink) 30%, transparent)}.clarity-mobile-navigation .clarity-sidebar{border:0;flex:1;width:100%;min-height:0}.clarity-mobile-navigation-inner{flex-direction:column;height:100%;display:flex}@media (width>=641px) and (width<=900px){.clarity-sidebar:not(.is-collapsed){width:160px}.clarity-page{padding:22px}.clarity-header{padding-inline:22px}}@media (width<=640px){.clarity-desktop-navigation,.clarity-sidebar-toggle{display:none}.clarity-mobile-menu{display:inline-flex}.clarity-page{padding:20px}.clarity-header{padding:16px 20px}.clarity-header h1{font-size:25px}.clarity-header-actions{flex-wrap:wrap;width:100%}.clarity-header-actions>*{max-width:100%}.clarity-header-tabs{flex-basis:100%}}@media (width<=400px){.clarity-page,.clarity-header{padding-inline:16px}}