body.od4-left-nav-mode .chrome-btn-text,body.od4-left-nav-mode .chrome-btn-icon,body.od4-left-nav-mode .chrome-btn-subtle-icon,body.od4-left-nav-mode .chrome-btn-icon-text,body.od4-left-nav-mode .chrome-btn-icon-text-menu,body.od4-left-nav-mode .chrome-btn-subtle-text,body.od4-left-nav-mode .chrome-btn-subtle-icon-text,body.od4-left-nav-mode .chrome-btn-subtle-icon-text-menu{height:var(--size-440);box-sizing:border-box;font-size:var(--font-size-body-1-strong);line-height:var(--line-height-body-1-strong);font-weight:var(--font-weight-body-1-strong);color:var(--fg-neutral-1-rest)}body.od4-left-nav-mode .chrome-btn-text{padding:var(--size-90) var(--size-140) var(--size-110)}body.od4-left-nav-mode .chrome-btn-icon,body.od4-left-nav-mode .chrome-btn-subtle-icon{padding:var(--size-120)}body.od4-left-nav-mode .chrome-btn-icon-text,body.od4-left-nav-mode .chrome-btn-icon-text-menu,body.od4-left-nav-mode .chrome-btn-subtle-icon-text,body.od4-left-nav-mode .chrome-btn-subtle-icon-text-menu{padding-block:var(--size-100);padding-inline-start:var(--size-120);padding-inline-end:var(--size-140)}body.od4-left-nav-mode .chrome-btn-date{font-size:var(--font-size-subtitle-2);line-height:var(--line-height-subtitle-2);font-weight:var(--font-weight-subtitle-2);padding:var(--size-90) var(--size-140) var(--size-110);gap:0}body.od4-left-nav-mode .chrome-btn-date>.fluent-icon,body.od4-left-nav-mode .chrome-btn-date>svg,body.od4-left-nav-mode .chrome-btn-date:hover>.fluent-icon,body.od4-left-nav-mode .chrome-btn-date:active>.fluent-icon,body.od4-left-nav-mode .chrome-btn-date.selected>.fluent-icon{display:none}body.od4-left-nav-mode .chrome-btn-subtle-text{padding:var(--size-90) var(--size-140) var(--size-110)}body.od4-left-nav-mode [class*=chrome-btn] .fluent-icon svg path,body.od4-left-nav-mode [class*=chrome-btn]>svg path,body.od4-left-nav-mode [class*=chrome-btn] .fluent-icon svg,body.od4-left-nav-mode [class*=chrome-btn]>svg{fill:currentColor}body.od4-left-nav-mode .chrome-btn-icon:hover:not(.selected) .icon-filled,body.od4-left-nav-mode .chrome-btn-icon:active:not(.selected) .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon:hover:not(.selected) .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon:active:not(.selected) .icon-filled,body.od4-left-nav-mode .chrome-btn-icon-text:hover:not(.selected) .icon-filled,body.od4-left-nav-mode .chrome-btn-icon-text:active:not(.selected) .icon-filled,body.od4-left-nav-mode .chrome-btn-icon-text-menu:hover:not(.selected) .icon-filled,body.od4-left-nav-mode .chrome-btn-icon-text-menu:active:not(.selected) .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon-text:hover:not(.selected) .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon-text:active:not(.selected) .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon-text-menu:hover:not(.selected) .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon-text-menu:active:not(.selected) .icon-filled{color:var(--fg-neutral-1-rest)}body.od4-left-nav-mode .chrome-btn-icon.selected:hover .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon.selected:hover .icon-filled,body.od4-left-nav-mode .chrome-btn-icon-text.selected:hover .icon-filled,body.od4-left-nav-mode .chrome-btn-icon-text-menu.selected:hover .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon-text.selected:hover .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon-text-menu.selected:hover .icon-filled{color:var(--bg-brand-compound-hover)}body.od4-left-nav-mode .chrome-btn-icon.selected:active .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon.selected:active .icon-filled,body.od4-left-nav-mode .chrome-btn-icon-text.selected:active .icon-filled,body.od4-left-nav-mode .chrome-btn-icon-text-menu.selected:active .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon-text.selected:active .icon-filled,body.od4-left-nav-mode .chrome-btn-subtle-icon-text-menu.selected:active .icon-filled{color:var(--bg-brand-compound-pressed)}body.od4-left-nav-mode .chrome-btn-text,body.od4-left-nav-mode .chrome-btn-icon,body.od4-left-nav-mode .chrome-btn-icon-text,body.od4-left-nav-mode .chrome-btn-icon-text-menu{background:var(--bg-neutral-2-rest)}body.od4-left-nav-mode .chrome-btn-text:hover,body.od4-left-nav-mode .chrome-btn-icon:hover,body.od4-left-nav-mode .chrome-btn-subtle-icon:hover,body.od4-left-nav-mode .chrome-btn-icon-text:hover,body.od4-left-nav-mode .chrome-btn-icon-text-menu:hover,body.od4-left-nav-mode .chrome-btn-subtle-text:hover,body.od4-left-nav-mode .chrome-btn-subtle-icon-text:hover,body.od4-left-nav-mode .chrome-btn-subtle-icon-text-menu:hover{background:var(--bg-neutral-2-hover)}body.od4-left-nav-mode .chrome-btn-text:active,body.od4-left-nav-mode .chrome-btn-icon:active,body.od4-left-nav-mode .chrome-btn-subtle-icon:active,body.od4-left-nav-mode .chrome-btn-icon-text:active,body.od4-left-nav-mode .chrome-btn-icon-text-menu:active,body.od4-left-nav-mode .chrome-btn-subtle-text:active,body.od4-left-nav-mode .chrome-btn-subtle-icon-text:active,body.od4-left-nav-mode .chrome-btn-subtle-icon-text-menu:active{background:var(--bg-neutral-1-selected)}body.od4-left-nav-mode .chrome-btn-text.selected,body.od4-left-nav-mode .chrome-btn-icon.selected,body.od4-left-nav-mode .chrome-btn-subtle-icon.selected,body.od4-left-nav-mode .chrome-btn-icon-text.selected,body.od4-left-nav-mode .chrome-btn-icon-text-menu.selected,body.od4-left-nav-mode .chrome-btn-subtle-text.selected,body.od4-left-nav-mode .chrome-btn-subtle-icon-text.selected,body.od4-left-nav-mode .chrome-btn-subtle-icon-text-menu.selected{background:var(--bg-neutral-2-rest)}body.od4-left-nav-mode .chrome-btn-text.selected:hover,body.od4-left-nav-mode .chrome-btn-icon.selected:hover,body.od4-left-nav-mode .chrome-btn-subtle-icon.selected:hover,body.od4-left-nav-mode .chrome-btn-icon-text.selected:hover,body.od4-left-nav-mode .chrome-btn-icon-text-menu.selected:hover,body.od4-left-nav-mode .chrome-btn-subtle-text.selected:hover,body.od4-left-nav-mode .chrome-btn-subtle-icon-text.selected:hover,body.od4-left-nav-mode .chrome-btn-subtle-icon-text-menu.selected:hover{background:var(--bg-neutral-2-hover)}body.od4-left-nav-mode .chrome-btn-text.selected:active,body.od4-left-nav-mode .chrome-btn-icon.selected:active,body.od4-left-nav-mode .chrome-btn-subtle-icon.selected:active,body.od4-left-nav-mode .chrome-btn-icon-text.selected:active,body.od4-left-nav-mode .chrome-btn-icon-text-menu.selected:active,body.od4-left-nav-mode .chrome-btn-subtle-text.selected:active,body.od4-left-nav-mode .chrome-btn-subtle-icon-text.selected:active,body.od4-left-nav-mode .chrome-btn-subtle-icon-text-menu.selected:active{background:var(--bg-neutral-1-selected)}body.od4-left-nav-mode .chrome-btn-date-back,body.od4-left-nav-mode .chrome-btn-date-divider{display:none}body.od4-left-nav-mode .is-scrolled .chrome-btn-date-back,body.od4-left-nav-mode .is-scrolled .chrome-btn-date-divider{display:inline-flex}body.od4-left-nav-mode .chrome-btn-create{display:inline-flex;align-items:center;gap:var(--size-60);height:var(--size-440);padding:var(--size-100) var(--size-140) var(--size-100) var(--size-120);border-radius:var(--radius-circular);background:var(--bg-brand-rest);color:var(--fg-neutral-static-inverted);font-size:var(--font-size-body-1-strong);line-height:var(--line-height-body-1-strong);font-weight:var(--font-weight-body-1-strong);box-sizing:border-box;border:none;cursor:pointer;white-space:nowrap}body.od4-left-nav-mode .chrome-btn-create .icon-rest{display:none}body.od4-left-nav-mode .chrome-btn-create .icon-filled{display:inline-block}body.od4-left-nav-mode .chrome-btn-create:hover{background:var(--bg-brand-hover)}body.od4-left-nav-mode .chrome-btn-create:active{background:var(--bg-brand-pressed)}body.od4-left-nav-mode .chrome-btn-create.selected{background:var(--bg-brand-rest)}body.od4-left-nav-mode .chrome-btn-create:focus-visible{outline:1px solid var(--stroke-focus-2);outline-offset:-1px}body.od4-left-nav-mode .chrome-btn-create.is-icon-only{padding:var(--size-120);gap:0}body.od4-left-nav-mode .is-scrolled .chrome-btn-create{background:var(--bg-brand-rest);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}body.od4-left-nav-mode .is-scrolled .chrome-btn-create:not(:focus-visible){outline:none}body.od4-left-nav-mode .is-scrolled .chrome-btn-create:focus-visible{outline:1px solid var(--stroke-focus-2);outline-offset:-1px}body.od4-left-nav-mode .is-scrolled .chrome-btn-create:hover{background:var(--bg-brand-hover)}body.od4-left-nav-mode .is-scrolled .chrome-btn-create:active{background:var(--bg-brand-pressed)}body.od4-left-nav-mode .is-scrolled .chrome-btn-create>span:not(.fluent-icon){display:none}body.od4-left-nav-mode .is-scrolled .chrome-btn-create{padding:var(--size-120);gap:0}
