/* The same supplied mark on every brand surface, following the selected theme. */
.dots-logo{display:block;width:48px;height:48px;object-fit:contain;border-radius:22%;flex-shrink:0}
body:not(.sidebarExpanded) #sidebar .sidebrand .brand::before,
body.sidebarExpanded #sidebar .sidebrand .brand::before{content:none!important;display:none!important}
body #sidebar .sidebrand .brand{gap:0!important}
body #sidebar .sidebrand .brand .dots-logo{display:block!important;width:42px;height:42px}
body.sidebarExpanded #sidebar .sidebrand .brand .dots-logo{width:42px;height:42px}
.signedOutBrand .dots-logo{width:48px;height:48px}
#signedOutTitle .dots-logo{width:84px;height:84px;margin:0 auto}
.auth-wordmark .dots-logo{width:48px;height:48px;margin:0 auto}
@media(max-width:600px){.auth-wordmark .dots-logo{width:42px;height:42px}}

body.sidebarExpanded #sidebar .sidebrand .brand .dots-logo{display:none!important}
body.sidebarExpanded #sidebar .sidebrand .brand .navlabel{display:inline!important}
body:not(.sidebarExpanded) #sidebar .sidebrand .brand .navlabel{display:none!important}
#habits .habit .check.done{background:#eee!important;color:#17121f!important;-webkit-text-fill-color:#17121f!important;display:grid!important;place-items:center!important}

body #sidebar .sidebrand .brand .dots-logo{display:none!important}
body:not(.sidebarExpanded) #sidebar .sidebrand .brand .navlabel{display:inline!important;font:600 19px/1 var(--editorial-sans)!important;letter-spacing:-1px!important}
/* Quiet glass create button with a violet gradient edge. */
#createHabit.primary{color:#eee7ff!important;background:linear-gradient(145deg,rgba(25,21,33,.88),rgba(12,11,16,.82)) padding-box,linear-gradient(135deg,rgba(205,174,255,.8),rgba(111,71,177,.3),rgba(175,132,237,.65)) border-box!important;border:1px solid transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 24px rgba(112,72,177,.14)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow .2s ease,transform .2s ease}
#createHabit.primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 26px rgba(145,97,220,.24)!important}
:root[data-theme="light"] #createHabit.primary{color:#47315f!important;background:linear-gradient(145deg,rgba(249,245,255,.85),rgba(231,224,241,.76)) padding-box,linear-gradient(135deg,rgba(153,107,210,.65),rgba(111,71,177,.2),rgba(175,132,237,.55)) border-box!important}