:root{--theme-n0: 255, 255, 255;--theme-n20: 244, 245, 247;--theme-n30: 235, 236, 240;--theme-n40: 223, 225, 230;--theme-n50: 193, 199, 208;--theme-n200: 107, 119, 140;--theme-n300: 94, 108, 132;--theme-n400: 80, 95, 121;--theme-n700: 37, 56, 88;--theme-n800: 23, 43, 77;--theme-n900: 9, 30, 66;--theme-r400: 222, 53, 11;--theme-t600: 29, 154, 170;--theme-n100a: 3, 4, 4;--canvas-surface: #fff;--canvas-surface-overlay: #fff;--canvas-scrollbar-track: #fff;--canvas-icon: #44546f;--canvas-text-highlight: #b4d5fe;--theme-n500-new: 68, 84, 111;--theme-n700-new: 98, 111, 134;--theme-text: 23, 43, 77;--theme-text-subtle: 68, 84, 111;--theme-text-subtlest: 98, 111, 134;--theme-button-background: #1d7afc;--theme-button-background-light: #388bff;--theme-background-brand-bold: 12, 102, 228;--theme-background-brand-bold-hovered: 0, 85, 204;--theme-background-brand-bold-pressed: 9, 50, 108;--theme-background-loading-state: #f7f8f9;--theme-tile-background-gradient: #f7f8f9;--replace-with-ds-border-bold: #758195;--replace-with-ds-border-accent-gray: #758195;--canvas-toolbar-icon-shadow: 0 2px 6px rgba(var(--theme-n900), 9%), 0 0 2px rgba(var(--theme-n900), 9%), inset 0 0 1px rgba(var(--theme-n900), 31%);--canvas-toolbar-icon-hover-shadow: 0 8px 12px rgba(var(--theme-n900), 15%), 0 0 2px rgba(var(--theme-n900), 9%), inset 0 0 1px rgba(var(--theme-n900), 31%);--canvas-shadow-default: 0 2px 8px rgba(var(--theme-n900), 5%), 0 2px 16px rgba(var(--theme-n900), 12%), 0 0 1px rgba(var(--theme-n900), 31%);--canvas-modal-shadow: 0 3px 16px rgba(9, 30, 66, 8%), 0 2px 6px 1px rgba(9, 30, 66, 9%), 0 0 1px rgba(9, 30, 66, 31%);--canvas-swatch-shadow-hover: 0 0 0 1px white, 0 0 0 2px rgba(var(--theme-n900), .13);--canvas-selection-box-center-color: rgba(133, 184, 255, 20%);--canvas-teal-medium: #c8f4f9;--canvas-dropdown-hovered: rgba(9, 30, 66, 6%);--canvas-scrollbar-thumb: rgb(235, 236, 240);--canvas-grey-lod: rgb(235, 236, 240);--canvas-issue-banner: #f1f2f4;--canvas-element-loading: #f1f2f4;--canvas-background-link-loading: #f1f2f4;--canvas-background-link-element-loading: #dcdfe4;--canvas-background-link-embed-loading: #f1f2f4;--canvas-more-shapes-sidebar-shadow: var( --ds-shadow-overlay, 0 0 1px 0 rgba(30, 31, 33, 31%), 0 8px 12px 0 rgba(30, 31, 33, 15%) );--canvas-more-shapes-sidebar-background-color: var( --ds-surface-overlay, var(--canvas-surface-overlay, #fff) );--slides-icon-selected: #0c66e4;--slides-border-selected: #0c66e4;--slides-background-accent-blue-subtlest: #e9f2ff;--canvas-image-tool-filter-shadow: drop-shadow(0 1px 1px rgba(30, 31, 33, 25%)) drop-shadow(0 0 1px rgba(30, 31, 33, 31%));--canvas-image-tool-hover-filter-shadow: drop-shadow(0 8px 12px rgba(30, 31, 33, 15%)) drop-shadow(0 0 1px rgba(30, 31, 33, 31%))}html[data-color-mode=dark]{--canvas-shadow-default: 0 2px 8px rgba(var(--theme-n100a), 15%), 0 2px 16px rgba(var(--theme-n100a), 30%), 0 0 1px rgba(var(--theme-n100a), 70%);--canvas-toolbar-icon-shadow: 0 0 5px rgba(3, 4, 4, 25%), 0 2px 6px rgba(3, 4, 4, 25%), inset 0 0 1px rgba(3, 4, 4, 60%);--canvas-toolbar-icon-hover-shadow: 0 0 2px rgba(3, 4, 4, 25%), 0 8px 12px rgba(3, 4, 4, 50%), inset 0 0 1px rgba(3, 4, 4, 60%);--canvas-toolbar-icon-filter-shadow: drop-shadow(0 0 4px rgba(var(--theme-n100a), 20%)) drop-shadow(0 0 2px rgba(var(--theme-n100a), 50%));--canvas-swatch-shadow-hover: 0 0 0 1px rgb(22, 26, 29), 0 0 0 2px rgba(255, 255, 255, 20%);--canvas-text-highlight: #466388;--canvas-scrollbar-thumb: rgba(102, 102, 102, 40%);--canvas-grey-lod: #22272b;--canvas-image-tool-filter-shadow: drop-shadow(0 1px 1px rgba(1, 4, 4, 50%)) drop-shadow(0 0 1px rgba(1, 4, 4, 50%));--canvas-image-tool-hover-filter-shadow: drop-shadow(0 8px 12px rgba(1, 4, 4, 36%)) drop-shadow(0 0 1px rgba(1, 4, 4, 50%));--canvas-surface: #1f1f21;--canvas-surface-overlay: #282e33;--canvas-scrollbar-track: #2b2c2f;--canvas-icon: #9fadbc;--canvas-teal-medium: #1d474c;--canvas-dropdown-hovered: rgba(166, 197, 226, 16%);--canvas-issue-banner: #a6c5e229;--canvas-element-loading: #a1bdd914;--canvas-background-link-loading: #1f1f21;--canvas-background-link-element-loading: #a1bdd914;--canvas-background-link-embed-loading: #161a1d;--canvas-more-shapes-sidebar-shadow: var( --ds-shadow-overlay, 0 3px 16px rgba(var(--theme-n100a), 20%), 0 2px 6px 1px rgba(var(--theme-n100a), 25%), 0 0 2px rgba(var(--theme-n100a), 70%) );--canvas-more-shapes-sidebar-background-color: var( --ds-surface-overlay, var(--canvas-surface-overlay, #2b2c2f) )}:root{--canvas-sidebar-panel-screen-gap: 32px;--canvas-sidebar-panel-screen-gap-content-wrapper: 48px;--canvas-sidebar-panel-nav-gap: 12px;--canvas-underlay-z-index: 0;--canvas-main-z-index: 10;--canvas-overlay-z-index: 20;--canvas-telepointer-overlay-z-index: 30;--canvas-comment-overlay-z-index: 40;--canvas-ai-dialog-overlay-z-index: 45;--toolbar-z-index: 50;--dragging-z-index: 60;--canvas-priority-overlay-z-index: 70;--canvas-editor-popup-overlay-z-index: 71;--canvas-profile-card-overlay-z-index: 75;--canvas-tooltip-overlay-z-index: 80;--canvas-sidebar-panel-select-field-menu-z-index: 9999;--canvas-static-ui-overlay-z-index: 81}._SidebarPanelContainer_f5noe_4{border-radius:var(--ds-radius-large, 8px);height:auto;width:290px;padding:12px 16px 18px;position:fixed;display:flex;flex-direction:column;z-index:var(--toolbar-z-index)}._SidebarPanelContainerBackground_f5noe_16{background-color:var(--ds-surface-overlay, #fff);box-shadow:var( --canvas-shadow-default, 0 2px 8px rgba(var(--theme-n900), 5%), 0 2px 16px rgba(var(--theme-n900), 12%), 0 0 1px rgba(var(--theme-n900), 31%) )}._SidebarPanelContainer_f5noe_4:focus{border:none;outline:none}._DefaultSidebarPanelContainer_f5noe_31{top:0;pointer-events:all;animation:_panelEntry_f5noe_1 .2s ease-out;max-height:calc(100vh - 230px);position:absolute!important;cursor:auto}@keyframes _panelEntry_f5noe_1{0%{opacity:0;top:20px}to{opacity:1;top:0}}._outsideSideNav_f5noe_65{position:absolute!important;top:calc(var(--ds-space-800, 64px) + 14px);animation:_contentWrapperRefreshPanelEntry_f5noe_1 .2s ease-out!important;right:calc(var(--ds-space-100, 8px) + 36px + var(--ds-space-150, 12px))}._ContentWrapperRefresh_f5noe_74._withinSideNav_f5noe_74{margin-right:0;right:calc(var(--ds-space-150, 12px) + 48px)}._ContentWrapperRefresh_f5noe_74._outsideSideNav_f5noe_65{right:calc(var(--ds-space-150, 12px) * 2 + 48px)}@keyframes _contentWrapperRefreshPanelEntry_f5noe_1{0%{opacity:0;top:100px}to{opacity:1;top:calc(var(--ds-space-800, 64px) + 14px)}}
