@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInSlideDown{0%{opacity:0;transform:translate(-50%,calc(-50% - 45px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeOutSlideUp{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 45px))}}@keyframes menuCenterSlide{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes menuRightSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSmallScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}:root{--black: #000000;--white: #ffffff;--grey-dark-grey: #494949;--grey-light-grey: #e6e6e6;--grey-midle-grey: #959595;--grey-neutral-grey: #cccccc;--grey-ultra-light-grey: #f3f3f3;--grey-ultra-dark-grey: #202020;--electric-aqua: #00a8ff;--electric-aqua-dark: #0096e0;--electric-aqua-green: #06a900;--purple-nova-pink: #e0009b;--purple-nova-purple: #5100d1;--saffron-blaze: #f6a71b;--saffron-blaze-dark-pink: #e20248;--saffron-blaze-ochre: #f6a71b;--extra-solid-red: #eb3232;--extra-solid-orange: #ff7300;--primary: var(--saffron-blaze-dark-pink);--secondary: var(--grey-light-grey);--tertiary: var(--saffron-blaze);--primary-gradient: linear-gradient(90deg, var(--primary) 0%, var(--tertiary) 100%);--bg-default: var(--grey-ultra-light-grey);--bg-surface: var(--white);--bg-navigation: var(--bg-default);--bg-sidebar: var(--bg-navigation);--bg-button-default: var(--bg-surface);--bg-background-overlay: rgba(0, 0, 0, .5);--bg-error-light: #ffebeb;--text-regular: var(--grey-dark-grey);--text-light: var(--grey-midle-grey);--text-lighter: var(--grey-neutral-grey);--text-on-primary: var(--white);--text-logo: var(--black);--text-breadcrumb: var(--grey-neutral-grey);--text-error: var(--extra-solid-red);--text-content: var(--black);--whiteboard-canvas: var(--grey-ultra-light-grey);--bg-minimap-canvas: #f3f3f3;--border: var(--grey-neutral-grey);--scrollbar: var(--grey-neutral-grey);--scrollbar-background: var(--grey-ultra-light-grey);--dropzone-error: var(--extra-solid-red);--dropzone-border: var(--grey-light-grey);--bg-toolbar: #fff;--text-toolbar: var(--black);--bg-toolbar-button-active: var(--grey-light-grey);--img-placeholder: #fef6eb;--bg-button: var(--bg-surface);--text-button: var(--black);--text-button-active: var(--text-button);--text-button-modal: var(--black);--bg-button-secondary: var(--bg-surface);--bg-button-secondary-active: var(--white);--bg-button-modal: var(--secondary);--bg-button-cancel: var(--secondary);--bg-button-cancel-hover: var(--grey-neutral-grey);--text-button-cancel: var(--black);--bg-toolButton: var(--bg-surface);--bg-toolButton-active: var(--secondary);--bg-toolButton-secondary: var(--secondary);--bg-toolButton-secondary-active: var(--white);--text-toolButton: var(--black);--text-toolButton-active: var(--black);--text-toolButton-secondary: var(--black);--text-toolButton-secondary-active: var(--black);--bg-input-text: var(--grey-ultra-light-grey);--text-input-text: var(--text-regular);--bg-input-select: var(--white);--bg-input-select-active: var(--secondary);--text-input-select: var(--text-regular);--text-input-select-active: var(--text-regular);--icon-color: var(--black);--icon-color-active: var(--white);--shadow-header-bar: 0 0 10px 0 rgba(0, 0, 0, .1);--shadow-menu-container: 0 4px 8px 0px rgba(0, 0, 0, .1);--text-board-menu: var(--primary);--bg-page-preview: #e6e6e6}:root.dark{--primary: var(--saffron-blaze-dark-pink);--secondary: var(--white);--tertiary: var(--saffron-blaze);--primary-gradient: linear-gradient(90deg, var(--primary) 0%, var(--tertiary) 100%);--bg-default: #000;--bg-surface: #0e172b;--bg-navigation: #111;--bg-sidebar: var(--bg-navigation);--bg-button-default: var(--bg-surface);--bg-background-overlay: rgba(0, 0, 0, .5);--text-regular: var(--white);--text-light: #ccc;--text-lighter: #999;--text-on-primary: var(--white);--text-logo: var(--white);--text-breadcrumb: var(--white);--text-content: var(--white);--whiteboard-canvas: var(--grey-ultra-dark-grey);--bg-minimap-canvas: #fff;--bg-toolbar: var(--bg-surface);--text-toolbar: var(--white);--bg-toolbar-button-active: var(--white);--text-toolbar-active: var(--bg-surface);--bg-button: var(--bg-surface);--bg-button-active: var(--white);--bg-button-secondary: var(--bg-surface);--bg-button-secondary-active: var(--white);--bg-button-modal: var(--white);--text-button: var(--white);--text-button-active: var(--black);--text-button-modal: var(--black);--bg-button-cancel: var(--grey-neutral-grey);--bg-button-cancel-hover: var(--grey-midle-grey);--text-button-cancel: var(--white);--bg-toolButton: var(--bg-surface);--bg-toolButton-active: var(--white);--bg-toolButton-secondary: var(--white);--bg-toolButton-secondary-active: var(--bg-surface);--text-toolButton: var(--white);--text-toolButton-active: var(--black);--text-toolButton-secondary: var(--black);--text-toolButton-secondary-active: var(--white);--bg-input-text: var(--white);--text-input-text: var(--grey-dark-grey);--bg-input-select: var(--white);--bg-input-select-active: var(--bg-surface);--text-input-select: var(--black);--text-input-select-active: var(--white);--icon-color: var(--white);--icon-color-active: var(--black);--shadow-header-bar: 0 0 5px 3px rgba(255, 255, 255, .1);--shadow-menu-container: 0px 4px 8px 1px rgba(0, 0, 0, .1);--text-board-menu: var(--white)}html.theme-changing,html.theme-changing *{transition:none!important}:root{--z-header: 10;--z-menu: 20;--z-submenu: 30;--z-modal: 40}