:root{--zIndex-popup: 100020 !important}.widgets--list{height:100%}.widgets--list>div{height:100%!important}.widgets--list>div>div{height:100%!important}.widget-custom{height:100%;margin:0!important}.widget-file--interactive{height:100%!important;max-height:100%!important;min-height:unset!important}.text-menubar--ready{backdrop-filter:unset!important;-webkit-backdrop-filter:unset!important}.App{position:relative;height:100%;width:100%}.App .App-container{width:100%;height:100%;position:relative}.App .App-loading,.App .App-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--color-main-text)}.App .App-loading .retry-button,.App .App-error .retry-button{margin-top:16px;padding:8px 16px;background-color:var(--color-primary);color:var(--color-primary-text);border:none;border-radius:4px;cursor:pointer}.App .App-loading .retry-button:hover,.App .App-error .retry-button:hover{background-color:var(--color-primary-element-hover)}.App .App-error{color:var(--color-error)}.export-wrapper{display:flex;flex-direction:column;margin:50px}.export-wrapper__checkbox{display:flex}.ImageExportModal__preview__filename{display:none}.grid-toggle-button{display:flex;align-items:center;justify-content:center;background-color:var(--color-background-hover)!important;padding:9px!important;border:1px solid var(--color-primary)!important;border-radius:var(--border-radius-large)!important;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0000001a;z-index:10000;position:absolute;bottom:140px;inset-inline-end:14px;margin-inline-end:0}.grid-toggle-button:hover,.grid-toggle-button.active{box-shadow:0 4px 8px #00000026;background-color:var(--color-primary)!important}.network-status{display:flex;align-items:center;padding:8px;border-radius:8px;transition:all .2s ease;position:absolute;bottom:80px;inset-inline-end:16px;z-index:10000;max-width:40px;cursor:pointer;opacity:.9;font-size:13px;box-shadow:0 2px 6px #0003}.network-status__icon-container{position:relative;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.network-status__loading-spinner{position:absolute;top:0;inset-inline:0;bottom:0;display:flex;align-items:center;justify-content:center}.network-status__content{display:flex;align-items:center;overflow:hidden;max-width:0;opacity:0;transition:all .2s ease}.network-status__text{white-space:nowrap;margin-inline-start:8px;font-weight:600;font-size:13px}.network-status--offline{background-color:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.4);will-change:box-shadow,border-color;transform:translateZ(0);animation:pulse-red 2s infinite}.network-status--connecting,.network-status--reconnecting{background-color:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.4);will-change:box-shadow,border-color;transform:translateZ(0);animation:pulse-orange 2s infinite}.network-status--online{background-color:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.network-status--expanded{max-width:150px;padding:8px 12px;z-index:10001;background-color:var(--color-main-background)}.network-status--expanded .network-status__content{max-width:110px;opacity:1}.network-status:hover{opacity:1;box-shadow:0 3px 8px #00000040;background-color:var(--color-main-background);max-width:150px}.network-status:hover .network-status__content{max-width:110px;opacity:1}.network-status:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.App--version-preview .grid-toggle-button{display:none}.version-preview-banner{position:absolute;top:calc(var(--default-grid-baseline) * 2);inset-inline-start:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--default-grid-baseline) * 2);width:min(720px,100% - 32px);padding:calc(var(--default-grid-baseline) * 2.5);background:var(--color-main-background);color:var(--color-main-text);border-radius:var(--border-radius-large);box-shadow:0 calc(var(--default-grid-baseline) / 2) calc(var(--default-grid-baseline) * 3) var(--color-box-shadow);z-index:10100}.version-preview-banner__content{flex:1;min-width:240px;display:flex;flex-direction:column;gap:calc(var(--default-grid-baseline) / 2)}.version-preview-banner__title{font-weight:600;font-size:1rem}.version-preview-banner__subtitle{font-size:.875rem;color:var(--color-text-maxcontrast)}.version-preview-banner__description{font-size:.875rem;color:var(--color-text-maxcontrast);max-width:52ch}.version-preview-banner__actions{display:flex;flex-wrap:wrap;gap:calc(var(--default-grid-baseline));align-items:center}.version-preview-banner__button{border:none;border-radius:var(--border-radius);font:inherit;padding:8px 16px;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}.version-preview-banner__button--primary{background:var(--color-primary);color:var(--color-primary-text)}.version-preview-banner__button--primary:hover:not(:disabled){background:var(--color-primary-element-hover)}.version-preview-banner__button--primary:disabled{opacity:.6;cursor:wait}.version-preview-banner__button--secondary{background:transparent;color:var(--color-main-text);border:1px solid var(--color-border)}.version-preview-banner__button--secondary:hover{background:var(--color-background-hover)}@media (max-width: 680px){.version-preview-banner{align-items:stretch}.version-preview-banner__actions{width:100%;justify-content:flex-start}}@keyframes pulse-red{0%{box-shadow:0 0 #f4433666;border-color:#f4433666;opacity:.9}50%{box-shadow:0 0 0 5px #f4433633;border-color:#f4433699;opacity:1}to{box-shadow:0 0 #f4433600;border-color:#f4433666;opacity:.9}}@keyframes pulse-orange{0%{box-shadow:0 0 #ff980066;border-color:#ff980066;opacity:.9}50%{box-shadow:0 0 0 5px #ff980033;border-color:#ff980099;opacity:1}to{box-shadow:0 0 #ff980000;border-color:#ff980066;opacity:.9}}@media (prefers-reduced-motion){.network-status{transition:none;animation:none!important}.network-status__content{transition:none}}@media (max-width: 768px){.network-status{bottom:90px;inset-inline-end:8px;padding:6px;max-width:36px;z-index:10001}.network-status--expanded{max-width:130px;padding:6px 10px}.network-status:hover{max-width:130px}.network-status:hover .network-status__content{max-width:90px}}.App-loading{display:flex;justify-content:center;align-items:center;height:100%;width:100%;font-size:1.2rem;color:var(--color-main-text)}.auth-error-notification{position:fixed;top:80px;inset-inline-end:20px;max-width:400px;min-width:300px;z-index:10000;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid;animation:slideInFromRight .3s ease-out}.auth-error-notification--error{background-color:var(--color-error-bg, #fef2f2);border-color:var(--color-error, #dc2626);color:var(--color-error-text, #991b1b)}.auth-error-notification--warning{background-color:var(--color-warning-bg, #fffbeb);border-color:var(--color-warning, #f59e0b);color:var(--color-warning-text, #92400e)}.auth-error-notification--info{background-color:var(--color-info-bg, #eff6ff);border-color:var(--color-info, #3b82f6);color:var(--color-info-text, #1e40af)}.auth-error-notification__content{display:flex;align-items:flex-start;padding:16px;gap:12px}.auth-error-notification__icon{flex-shrink:0;margin-top:2px}.auth-error-notification__text{flex:1;min-width:0}.auth-error-notification__title{font-weight:600;font-size:14px;margin-bottom:4px;line-height:1.4}.auth-error-notification__message{font-size:13px;line-height:1.4;margin-bottom:8px}.auth-error-notification__details{font-size:12px;opacity:.8;line-height:1.3}.auth-error-notification__actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.auth-error-notification__action-button,.auth-error-notification__close-button{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.auth-error-notification__action-button:hover,.auth-error-notification__close-button:hover{background-color:#0000001a}.auth-error-notification__action-button:focus,.auth-error-notification__close-button:focus{outline:2px solid currentColor;outline-offset:2px}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.auth-error-notification{top:70px;inset-inline:10px;max-width:none;min-width:0}.auth-error-notification__content{padding:12px;gap:8px}.auth-error-notification__title{font-size:13px}.auth-error-notification__message{font-size:12px}.auth-error-notification__details{font-size:11px}}@media (prefers-reduced-motion){.auth-error-notification{animation:none}}.recording-overlay{pointer-events:none}.recording-overlay .recording-status{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;background:var(--color-main-background);box-shadow:0 2px 4px #0000001a;pointer-events:auto}.recording-overlay .recording-status.recording{color:var(--color-error)}.recording-overlay .recording-status .recording-spinner{width:10px;height:10px;border:2px solid var(--color-loading-light);border-top-color:var(--color-loading-dark);border-radius:50%;animation:spin 1s linear infinite}.recording-overlay .recording-status .recording-indicator{width:10px;height:10px;background:var(--color-error);border-radius:50%;animation:pulse 2s ease-in-out infinite}.recording-overlay .recording-error{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;background:var(--color-error);color:var(--color-primary-text);pointer-events:auto;cursor:pointer}.recording-overlay .recording-error small{opacity:.8;margin-inline-start:auto}.recording-overlay .nc-notecard{pointer-events:auto;background:var(--color-main-background);border:2px solid var(--color-border);border-radius:var(--border-radius-large);padding:16px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 2px 8px #0000001a;animation:slideInFromTop .3s ease-out;min-width:280px;max-width:400px;position:relative}.recording-overlay .nc-notecard--info{border-color:var(--color-primary-element)}.recording-overlay .nc-notecard--info .nc-notecard__icon{color:var(--color-primary-element)}.recording-overlay .nc-notecard--success{border-color:#46ba61;background:#f8fff9}.recording-overlay .nc-notecard--success .nc-notecard__icon{color:#46ba61}.recording-overlay .nc-notecard--error{border-color:var(--color-error);background:#fef7f7}.recording-overlay .nc-notecard--error .nc-notecard__icon{color:var(--color-error)}.recording-overlay .nc-notecard .nc-notecard__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.recording-overlay .nc-notecard .nc-notecard__content{flex:1;min-width:0}.recording-overlay .nc-notecard .nc-notecard__text{color:var(--color-main-text);line-height:1.4;font-size:14px}.recording-overlay .nc-notecard .nc-notecard__text strong{font-weight:600}.recording-overlay .nc-notecard .nc-notecard__dismiss{position:absolute;top:8px;inset-inline-end:8px;background:transparent;border:none;color:var(--color-text-maxcontrast);cursor:pointer;padding:8px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;width:32px;height:32px;z-index:100}.recording-overlay .nc-notecard .nc-notecard__dismiss svg{pointer-events:none}.recording-overlay .nc-notecard .nc-notecard__dismiss:hover{background:var(--color-background-hover);color:var(--color-main-text)}.recording-overlay .nc-notecard .nc-notecard__dismiss:focus-visible{outline:2px solid var(--color-primary-element);outline-offset:2px}.recording-overlay .nc-loading-icon{width:16px;height:16px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary-element);border-radius:50%;animation:spin 1s linear infinite}.recording-overlay .recording-details{margin-top:8px;font-size:13px;color:var(--color-text-lighter)}.recording-overlay .recording-details>div{margin-bottom:4px}.recording-overlay .recording-details .recording-location{display:flex;align-items:center;gap:4px;margin-top:6px}.recording-overlay .recording-details .recording-actions{margin-top:12px}.recording-overlay .recording-starting-details{margin-top:8px;font-size:13px;color:var(--color-text-lighter);line-height:1.4}.recording-overlay .recording-starting-details>div{margin-bottom:3px}.recording-overlay .nc-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:var(--border-radius);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out}.recording-overlay .nc-button--primary{background:var(--color-primary-element);color:var(--color-primary-element-text)}.recording-overlay .nc-button--primary:hover{background:var(--color-primary-element-hover)}.recording-overlay .nc-button--small{padding:6px 12px;font-size:13px}.recording-overlay .other-recording-users{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;background:var(--color-main-background);box-shadow:0 2px 4px #0000001a;pointer-events:auto;opacity:.8}.recording-overlay .other-recording-users svg{color:var(--color-error)}.recording-button.recording{background-color:var(--color-error-background)}.recording-button.recording svg{color:var(--color-error);animation:pulse 2s ease-in-out infinite}.recording-button.disconnected{opacity:.6}.recording-button.disconnected svg{color:var(--color-text-lighter)}.recording-button.disconnected:hover{opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.draggable-dialog{-webkit-user-select:none;user-select:none}.draggable-dialog.dragging{opacity:.9;cursor:grabbing!important}.draggable-dialog.dragging *{cursor:grabbing!important}.draggable-dialog__handle{position:absolute;top:-30px;inset-inline-start:50%;transform:translate(-50%);background:var(--color-main-background);border:1px solid var(--color-border);border-radius:var(--border-radius) var(--border-radius) 0 0;padding:4px 12px;cursor:grab;display:flex;align-items:center;justify-content:center;color:var(--color-text-lighter);transition:all .2s ease;z-index:1}.draggable-dialog__handle:hover{background:var(--color-background-hover);color:var(--color-main-text)}.draggable-dialog__handle:active{cursor:grabbing}.draggable-dialog__handle svg{pointer-events:none}.draggable-dialog__content{position:relative}.presentation-overlay{pointer-events:none}.presentation-overlay>*{pointer-events:auto}.presentation-status{display:flex;align-items:center;padding:12px 16px;border-radius:8px;background:var(--color-main-background);background-color:rgb(var(--color-main-background-rgb, 255, 255, 255));box-shadow:0 4px 12px #00000026;border:1px solid var(--color-border);animation:slideInFromTop .3s ease-out;min-width:280px;z-index:100010}.presentation-status__content{display:flex;align-items:center;gap:12px;width:100%}.presentation-status__info{flex:1;min-width:0}.presentation-status__title{font-weight:500;font-size:14px;color:var(--color-main-text);margin-bottom:2px;display:flex;align-items:center;gap:8px}.presentation-status__live-indicator{background:var(--color-error);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;animation:pulse 2s ease-in-out infinite;letter-spacing:.5px}.presentation-status__duration{font-size:12px;color:var(--color-text-lighter);font-family:monospace}.presentation-status__stop-btn,.presentation-status__follow-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.presentation-status__stop-btn:disabled,.presentation-status__follow-btn:disabled{opacity:.6;cursor:not-allowed}.presentation-status__stop-btn{background:var(--color-error);color:#fff}.presentation-status__stop-btn:hover:not(:disabled){background:var(--color-error-hover)}.presentation-status__follow-btn{background:var(--color-background-hover);color:var(--color-main-text);border:1px solid var(--color-border)}.presentation-status__follow-btn:hover{background:var(--color-background-dark)}.presentation-status__follow-btn.active{background:var(--color-primary-element);color:var(--color-primary-element-text);border-color:var(--color-primary-element)}.presentation-status__follow-btn.active:hover{background:var(--color-primary-element-hover)}.presentation-status--presenting{border-color:var(--color-primary-element);background:var(--color-primary-element-light);background-color:var(--color-primary-element-light)}.presentation-status--presenting svg{color:var(--color-primary-element)}.presentation-status--watching{border-color:var(--color-warning);background:var(--color-warning-background, #fffbeb);background-color:var(--color-warning-background, #fffbeb)}.presentation-status--watching svg{color:var(--color-warning)}.presentation-error__content{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;background:var(--color-error-background, #fef2f2);background-color:var(--color-error-background, #fef2f2);border:1px solid var(--color-error);color:var(--color-error-text);font-size:14px;animation:slideInFromTop .3s ease-out;z-index:100010}.presentation-error__content svg{color:var(--color-error);flex-shrink:0}.presentation-error__close{background:none;border:none;cursor:pointer;padding:8px;margin:-8px -8px -8px 0;border-radius:4px;color:var(--color-error);margin-inline-start:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;position:relative;z-index:1}.presentation-error__close:hover{background:#0000001a}.presentation-error__close:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.presentation-button--presenting{background-color:var(--color-primary-element-light)}.presentation-button--presenting svg{color:var(--color-primary-element);animation:pulse 2s ease-in-out infinite}.presentation-button--starting{opacity:.8}.presentation-button--starting svg{animation:spin 1s linear infinite}.presentation-button--watching{background-color:var(--color-warning-background)}.presentation-button--watching svg{color:var(--color-warning)}.presentation-button--disconnected{opacity:.6}.presentation-button--disconnected svg{color:var(--color-text-lighter)}.presentation-button--disconnected:hover{opacity:.8}.excalidraw,.App .excalidraw{--zIndex-modal: 100010;--zIndex-popup: 100020;--ui-font: var(--font-face);--color-brand: var(--color-primary-element) !important;--color-brand-hover: var(--color-primary-element-hover) !important;--color-primary: var(--color-primary-element) !important;--color-primary-darker: var(--color-primary-element-hover) !important;--color-primary-darkest: var(----color-primary-element-hover) !important;--color-primary-light: var(--color-primary-element-light) !important;--color-surface-primary-container: var(--color-primary-element-light);--color-surface-low: var(--color-primary-element-light);--color-surface-high: var(--color-primary-element-light-hover) !important;--border-radius-lg: var(--border-radius-large);--border-radius-md: var(--border-radius)}.excalidraw .Stack button,.App .excalidraw .Stack button{margin:0;min-width:34px}.excalidraw .color-picker__top-picks,.App .excalidraw .color-picker__top-picks{gap:var(--default-grid-baseline)}.excalidraw .App-menu__left,.App .excalidraw .App-menu__left{width:270px}.excalidraw-wrapper{height:100%;position:relative;overflow:hidden}:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.App-menu_bottom--transition-left{transform:none}.excalidraw .panelColumn{text-align:start}.excalidraw .Switch input,.excalidraw .RadioGroup__choice input{opacity:0}.excalidraw .context-menu-item__label{font-weight:400!important}.excalidraw .dropdown-menu-item svg,.excalidraw [role=menuitem] svg{opacity:1!important;color:var(--color-main-text)!important;width:18px!important;height:18px!important}.excalidraw .dropdown-menu-item kbd,.excalidraw [role=menuitem] kbd{opacity:1!important;color:var(--color-text-maxcontrast)!important;font-family:inherit!important}.excalidraw .dropdown-menu-item kbd:before,.excalidraw [role=menuitem] kbd:before{content:attr(data-key)!important}.excalidraw .dropdown-menu [role=menuitem]:has(svg) svg{opacity:1!important;color:var(--color-main-text)!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}.excalidraw .context-menu{position:relative!important;border-radius:var(--border-radius-large)!important;box-shadow:none!important;filter:drop-shadow(0 calc(var(--default-grid-baseline) / 4) calc(var(--default-grid-baseline) * 2.5) var(--color-box-shadow))!important;list-style:none!important;-webkit-user-select:none!important;user-select:none!important;margin:calc(var(--default-grid-baseline) * -1) 0 0 calc(var(--default-grid-baseline) / 2)!important;padding:calc(var(--default-grid-baseline)) calc(var(--default-grid-baseline))!important;background-color:var(--color-main-background)!important;cursor:default!important;border:none!important}.excalidraw .context-menu kbd:empty{display:none!important}.excalidraw .context-menu-item-separator{border-top:calc(var(--default-grid-baseline) / 8) solid var(--color-border)!important;margin-top:calc(var(--default-grid-baseline))!important;margin-bottom:calc(var(--default-grid-baseline))!important}.excalidraw .context-menu-item{color:var(--popup-text-color)!important;margin-top:0!important;margin-bottom:0!important;padding-inline-start:calc(var(--default-grid-baseline) * 3)!important}.excalidraw .context-menu-item:hover{background-color:var(--color-background-hover)!important;border-radius:var(--border-radius-large)!important}.App--version-preview .excalidraw .layer-ui__wrapper,.excalidraw button.help-icon{display:none!important}.excalidraw .dropdown-menu-button{background:transparent!important;border:none!important}.excalidraw .dropdown-menu-button:hover,.excalidraw .dropdown-menu-button.active{background:var(--button-hover-bg)!important;border:none!important}.whiteboard{width:100%;height:calc(100% + 50px);position:absolute;top:0}.whiteboard-viewer__embedding .App{min-height:max(400px,50vh)}.whiteboard-viewer__embedding .App .excalidraw-wrapper{position:absolute;top:0;bottom:0;inset-inline:0}.viewer--split .whiteboard.viewer__file--active{width:100%;max-width:none}.viewer--split .whiteboard.viewer__file--active .App,.viewer--split .whiteboard.viewer__file--active .excalidraw-wrapper{width:100%}