.app-skeleton{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff}body .ant-modal-mask{background-color:rgba(0,0,0,.5)}body .ant-modal{width:100%!important}body .ant-modal-content{font-family:Roboto;box-shadow:none;background:transparent}body .ant-modal-content .ant-modal-header{border-top-left-radius:8px;border-top-right-radius:8px}body .ant-modal-content .ant-modal-close-x{display:none}body .ant-modal-content .ant-modal-body{background-color:#fff;border-radius:8px;margin:auto;border:2px solid #d2d0cc;padding:0}body .ant-modal-content .modal-header{height:50px;border-bottom:1px solid #dee0e3;box-sizing:border-box;padding:10px;display:flex}body .ant-modal-content .modal-header .title{flex:1 1;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;line-height:22px;word-wrap:break-word}body .ant-modal-content .modal-header .close{display:flex;justify-content:center;align-items:center;border-left:1px solid #dee0e3;padding-left:8px}body .ant-modal-confirm{width:400px!important}body .ant-modal-confirm .ant-modal-confirm-body-wrapper{padding:10px}.ant-modal-root{position:absolute;z-index:10}.ant-design-draggable-modal{pointer-events:none;overflow:hidden!important}.ant-design-draggable-modal .ant-modal{display:flex;max-width:none;transform-origin:50% 50%!important}.ant-design-draggable-modal .ant-modal-content{flex:1 1;display:flex;flex-direction:column;background:#fff;box-sizing:border-box;box-shadow:var(--box-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:6px;font-weight:400;font-size:14px}.ant-design-draggable-modal .ant-modal-header{flex:0 1;padding:0;border-top-left-radius:6px;border-top-right-radius:6px}.ant-design-draggable-modal .ant-modal-footer{flex:0 1;padding:10px}.ant-design-draggable-modal .ant-design-draggable-modal-title{cursor:move;padding:10px}.ant-design-draggable-modal .ant-design-draggable-modal-title:before{content:"\00a0"}.ant-design-draggable-modal .ant-modal-body{flex:1 1;overflow-y:auto;padding:10px}.ant-modal-close-x{display:block;width:42px;height:42px;font-size:16px;font-style:normal;line-height:42px;text-align:center;text-transform:none;text-rendering:auto}.ant-design-draggable-modal-resize-handle-inner{width:12px;right:14px;border:2px solid grey;height:12px;bottom:14px;position:absolute;border-top:0;border-left:0}.ant-design-draggable-modal-resize-handle{right:-10px;width:44px;bottom:-10px;cursor:se-resize;height:44px;position:absolute}.style_changelog__vHSIY .modal-body{height:calc(100% - 120px)!important}.style_changelog__vHSIY .modal-body *{font-family:Roboto!important}.style_changelog__vHSIY .modal-footer{border-top:1px solid #dee0e3;display:flex;padding:15px 20px 10px!important;align-items:flex-start;justify-content:flex-start!important}.style_changelog__vHSIY .modal-footer a{margin:0 4px;border-radius:4px;padding:1px 6px;background-color:#f2f4f7;display:inline-flex;align-items:center;position:relative;top:-1px}.style_changelog__vHSIY .modal-footer a .icon{margin-right:3px}.style_changelog__vHSIY .modal-footer a:hover{background-color:#eaebee}.style_changelog__vHSIY .change-log-page{font-size:14px;margin-bottom:16px}.style_changelog__vHSIY .change-log-page .change-title{font-family:Roboto;font-weight:500;font-size:16px;color:#000}.style_changelog__vHSIY .change-log-page .notion{font-size:14px}.file-manager{height:100%}.file-manager .searchbar{height:50px;border-bottom:1px solid #dee0e3;box-sizing:border-box;padding:10px;display:flex}.file-manager .searchbar .title{font-size:16px}.file-manager .searchbar .close{display:flex;justify-content:center;align-items:center;border-left:1px solid #dee0e3;padding-left:8px}.file-manager .infinite-scroll-component{display:flex;flex-wrap:wrap}.file-manager .file-browser{display:flex;height:100%}.file-manager .file-browser>.nav{width:160px;height:calc(100% - 50px);border-right:1px solid #dee0e3;padding:20px 6px}.file-manager .file-browser>.nav .tab{cursor:default;padding:6px 20px;margin-bottom:6px;border-radius:8px;line-height:30px}.file-manager .file-browser>.nav .tab>svg{vertical-align:middle;transform:scale(.8);position:relative;display:inline-block;top:-1px}.file-manager .file-browser>.nav .tab.active{background-color:#f8f7f7}.file-manager .file-browser>.nav .tab:hover{background-color:rgba(0,0,0,.05)}.file-manager .file-browser>.content{flex:1 1;padding:20px;height:calc(100% - 50px);box-sizing:border-box;overflow-y:auto}.file-manager .filelist{display:flex;flex-direction:row;flex-wrap:wrap}.file-manager .filelist .file-item{position:relative;border:1px solid #dee0e3;border-radius:8px;height:200px;width:188px;display:inline-block;margin:10px 6px;transition:all .1s ease-in}.file-manager .filelist .file-item:hover{border-color:#000}.file-manager .filelist .file-item:hover .item-background{background-size:160%}.file-manager .filelist .file-item .item-background{display:flex;justify-content:center;align-items:center;transition:all .1s ease-in;height:140px;border-bottom:1px solid #dee0e3;background-size:130%;background-repeat:no-repeat;border-top-left-radius:6px;border-top-right-radius:6px;background-position:50%}.file-manager .filelist .file-item .item-text{padding:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex}.file-manager .filelist .file-item .item-text .info{width:90%}.file-manager .filelist .file-item .item-text .info .title{font-size:12px;height:22px;line-height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.file-manager .filelist .file-item .item-text .info .meta{font-size:11px;color:#bfc0c1}.file-manager .filelist .file-item .item-text .actions{width:24px}.file-manager .filelist .file-item .item-text .actions .action{border-radius:4px;width:24px;height:24px;text-align:center;display:inline-block;margin-top:7px}.file-manager .filelist .create-new{display:flex;flex-direction:column;padding-top:30px;align-items:center;font-size:54px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.file-manager .filelist .create-new .action-item{height:40px}.file-manager .filelist .create-new .action-item button{width:140px}.file-manager .filelist .load-more-wrapper,.file-manager .filelist .no-more-wrapper{margin:10px;width:90%}.popover-menu .action{padding:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.style_templateCard__DhEEk{padding:4px;box-sizing:border-box;margin-bottom:10px;flex-shrink:0}.style_templateCard__DhEEk .cover{background:#fff;border:1px solid #dee0e3;border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.style_templateCard__DhEEk .cover img{transition:all .2s ease;margin:20px;max-width:100%;max-height:100%;transform:scale(1);transform-origin:center}.style_templateCard__DhEEk .cover:hover img{transform:scale(1.2)}.style_templateCard__DhEEk .cover .cover-button{visibility:hidden;opacity:0;transition:all .2s ease;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f8f7f23b;display:flex;justify-content:center;align-items:center}.style_templateCard__DhEEk .cover .cover-button .ant-btn{display:flex;align-items:center}.style_templateCard__DhEEk .cover .cover-button .ant-btn .ant-btn-loading-icon{display:flex;align-items:center;justify-content:center}.style_templateCard__DhEEk .cover .cover-button.waiting,.style_templateCard__DhEEk .cover:hover .cover-button{visibility:visible;opacity:1}.style_templateCard__DhEEk .cover:hover .cover-button.processing{visibility:hidden;opacity:0}.style_templateCard__DhEEk .cover:hover .cover-button.waiting{visibility:visible;opacity:1}.style_templateCard__DhEEk .meta{margin-top:2px;display:flex;align-items:center;min-height:30px}.style_templateCard__DhEEk .meta .avatar{border-radius:24px;border:1px solid #dee0e3;overflow:hidden;padding:4px;margin:4px 10px 4px 4px}.style_templateCard__DhEEk .meta .avatar svg{width:24px;height:24px}.style_templateCard__DhEEk .meta .info{flex:1 1}.style_templateCard__DhEEk .meta .info .title{font-size:12px;font-weight:500;cursor:default}.style_templateCard__DhEEk .meta .info .title a:hover{text-decoration:underline;color:#000}.style_templateCard__DhEEk .meta .info .description{margin-top:-4px;font-size:12px;opacity:.5}.style_noInteractionCard__YkdVl .cover:hover img{transform:none}.style_templateList__lOQvb{position:relative;width:100%}.style_templateList__lOQvb .content{display:flex;flex-wrap:wrap}.style_templateList__lOQvb .page-nav{margin:40px 0}.style_templateList__lOQvb .page-nav .ant-pagination{text-align:center}.style_templateList__lOQvb .loading-wrapper{margin-top:80px;position:absolute;width:100%;display:flex;flex-direction:column;align-items:center;z-index:100000}.style_TemplateModal__SO8_z .modal-title .title{flex:0 1!important;margin-right:20px}.style_TemplateModal__SO8_z .modal-title .searchbox{flex:1 1}.style_TemplateModal__SO8_z .modal-body{height:calc(100% - 40px);padding:0!important;display:flex}.style_TemplateModal__SO8_z .modal-body .modal-nav{width:200px;padding:20px;height:100%}.style_TemplateModal__SO8_z .modal-body .modal-nav .category{font-weight:500;font-size:14px;line-height:16px;opacity:.6;border-radius:4px;padding:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;display:block}.style_TemplateModal__SO8_z .modal-body .modal-nav .category.active{background:rgba(28,28,30,.05);font-weight:700;opacity:1}.style_TemplateModal__SO8_z .modal-body .modal-nav .category:hover{opacity:1}.style_TemplateModal__SO8_z .modal-body .modal-content{flex:1 1;overflow-y:auto;overflow-y:overlay;padding:20px;height:100%;display:flex;flex-direction:column;align-items:center}.style_TemplateModal__SO8_z .modal-body .templateList{flex:1 1}.style_TemplateModal__SO8_z .modal-body .more-template-btn{width:80%}.action-sheet .ant-menu-item .ant-menu-title-content{margin-left:0}.logoDropdown{cursor:default;margin:0!important}.logoDropdown .icon svg{position:relative;transition:all .1s ease;top:0;opacity:.9;transform:scale(.6)}.logoDropdown:hover svg{top:2px}.logoDropdown .logo{display:inline-block;height:36px;position:relative;top:-1.5px;line-height:40px;text-align:inherit;margin-left:6px;margin-right:0}.logoDropdown .logo svg{width:30px;height:30px}.logoDropdown .logo>span{margin-right:0;position:relative;display:inline-block;line-height:36px}.logoDropdown img{display:inline;width:30px;margin:4px;border-radius:30px;vertical-align:middle;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:relative;top:-2px;right:-4px}.logoDropdown .brand-name{font-size:16px}.filename.action{height:30px;line-height:30px;padding:0 4px;text-overflow:ellipsis;white-space:nowrap}.filename.action .icon{margin-right:2px;position:relative;bottom:1px;display:inline-block;transform:scale(.9)}.edit-board-modal{width:350px}.edit-board-modal .board-preview-card{height:170px;border-radius:6px;border:1px solid #d9d9d9;position:relative}.edit-board-modal .board-preview-card .img,.edit-board-modal .board-preview-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-size:20px 20px;background-position:0 0,30px 30px}.edit-board-modal .board-preview-card .img{background-repeat:no-repeat;background-position:50%;background-size:cover}.edit-board-modal .trigger{display:inline-block;margin:5px 0;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.edit-board-modal .trigger:hover{border-bottom:1px solid}.style_sharePanel__4y0rb{width:400px;padding-bottom:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.style_sharePanel__4y0rb .actions .ant-menu{padding:0!important}.style_sharePanel__4y0rb .ant-menu-title-content{margin-left:0!important}.style_sharePanel__4y0rb .share-to-web{margin:6px 10px;border-bottom:1px solid #f2f2f2}.style_sharePanel__4y0rb .share-action{display:flex;justify-content:center;margin-bottom:10px;margin-top:15px}.style_sharePanel__4y0rb .share-action .share-icon,.style_sharePanel__4y0rb .share-action .share-trigger{width:80px;display:flex;justify-content:right;align-items:center}.style_sharePanel__4y0rb .share-action .share-text{flex:1 1}.style_sharePanel__4y0rb .share-action .share-text .main-text{font-size:16px;line-height:20px}.style_sharePanel__4y0rb .share-action .share-text .sub-text{font-size:11px;opacity:.6;line-height:14px}.style_sharePanel__4y0rb .share-action .share-icon{display:inline-block;width:38px;height:38px;border-radius:8px;background-color:#f4f4f4;border:2px solid #dee0e3;margin-right:10px;display:flex;justify-content:center;align-items:center}.style_sharePanel__4y0rb .share-action .share-icon svg{width:26px;height:26px;transform-origin:center}.style_sharePanel__4y0rb .copy-link{margin:15px 0 10px}.style_sharePanel__4y0rb .copy-link .ant-input-group{border-radius:6px;border:1px solid #dee0e3;display:flex}.style_sharePanel__4y0rb .copy-link .ant-input-group input{flex:1 1;border-radius:6px}.style_sharePanel__4y0rb .copy-link .ant-input-group button.ant-btn{display:inline-block;margin:4px}.style_sharePanel__4y0rb div{font-size:12px}.style_sharePanel__4y0rb .ant-menu-item{width:95%!important;padding:6px!important;margin:0 10px}.style_sharePanel__4y0rb .ant-switch-checked{background-color:#000}.style_embedModal__4uf4M .modal-content{padding:20px}.style_embedModal__4uf4M .info{margin-bottom:20px}.style_embedModal__4uf4M .embed-code textarea{height:80px;margin-bottom:20px}.style_embedModal__4uf4M .copy-action{display:flex}.style_embedModal__4uf4M .copy-action button{flex:1 1}.style_boardSettings__OQoh7{width:180px;padding:10px}.style_boardSettings__OQoh7 *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.style_boardSettings__OQoh7 .icon{display:inline-block;transform:scale(.8)}.style_boardSettings__OQoh7 .title{font-size:14px;line-height:14px;color:#bfc0c1;margin:4px 0}.style_boardSettings__OQoh7 .content{margin:10px 0}.style_boardSettings__OQoh7 .delete-board{border-top:1px solid #dee0e3;padding-top:10px;margin-top:14px}.style_boardSettings__OQoh7 .grid-settings-menu{display:flex;margin-left:-4px;margin-right:-4px}.style_boardSettings__OQoh7 .grid-settings-menu .item{flex:1 1;display:flex;justify-content:center;align-items:center;border:1px solid #bfc0c1;border-radius:4px;margin:0 4px}.style_boardSettings__OQoh7 .grid-settings-menu .item.active{border-color:#000}.style_betaBadge__R1geF{display:inline-flex;justify-content:center;align-items:center;padding:0 8px;font-size:14px;background:#6d58ef;border-radius:20px;height:20px;color:#fff;transform:scale(.8)}.style_betaBadge__R1geF,body .topbar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .topbar{display:flex;min-width:0;position:absolute;z-index:1002!important;top:2px;left:2px;right:2px;height:48px;line-height:48px}body .topbar .mask{position:fixed}body .topbar .logoDropdown .badge{position:absolute;left:24px;transform:scale(.6);border:2px solid #fff}body .topbar .doodle-menu-container{border:none}body .topbar .logo svg{display:inline-block;width:36px;height:36px}body .topbar .board-title{line-height:16px}body .topbar .board-title .brand{margin:4px 4px 0;text-decoration:underline}body .topbar .board-title .brand a{opacity:.6;font-size:12px}body .topbar .board-title .brand a:hover{color:#000}body .topbar .topbar-left{flex-grow:1;flex-shrink:0;display:flex}body .topbar .items-wrapper{padding:0 4px;display:flex;border-radius:6px;align-items:center}body .topbar .items-wrapper.topbar-right{flex-grow:0;flex-shrink:1;justify-content:right}body .topbar .item{margin:0 4px;display:inline-flex;align-items:center}body .topbar .item .ant-btn{padding:5px 10px;border-radius:6px}body .topbar .item .ant-btn svg{margin-right:2px;transform:scale(.8)}body .topbar .item .ant-btn svg path{stroke:#fff}body .topbar .item>.action{display:flex;height:32px;padding:0 4px;line-height:32px;justify-content:center;align-items:center;vertical-align:middle}body .topbar .item .doodle-menu-container{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}body .topbar .item .doodle-menu-container .doodle-menu-items{align-items:center}body .topbar .item .doodle-menu-container .doodle-menu-item{margin:0 4px;width:32px;height:32px}body .topbar .item .doodle-menu-divider,body .topbar .item.spliter{width:1px;background:#1d1f1f;opacity:.2;height:16px;vertical-align:middle;margin:0 6px}body .topbar .item.item-red-dot{position:relative}body .topbar .item.item-red-dot:after{content:"";position:absolute;top:-1px;right:-1px;width:6px;height:6px;background-color:#e21c1c;border-radius:50%}body .topbar .action-template .ant-btn{padding:5px}body .topbar .action-template .ant-btn svg{transform:scale(1);margin-right:0}body .topbar .action-template .ant-btn svg path{stroke:transparent}body .topbar .filename{font-size:14px;margin-right:0}body .topbar .userInfo{margin-right:8px}body .topbar .userInfo .avatar img{width:28px;border-radius:28px;border:1px solid #f0f0f0}body .topbar .userInfo .avatar{width:32px;height:32px;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:28px;line-height:28px;background-color:#fefefe;border:2px solid transparent;transition:all .2s ease-in}body .topbar .userInfo .avatar img{margin-right:0}body .topbar .userInfo .avatar:hover{border:2px solid #f2f2f2}body .topbar .userInfo .avatar .text{opacity:.5}.icon .color-item{display:inline-block;vertical-align:middle;transform:scale(.8)}.tag.warning{display:inline-block;padding:0 6px;height:18px;background:rgba(235,87,87,.15);border-radius:3px;font-weight:400;font-size:12px;line-height:18px;color:#eb5757}.style_selectionPreviewTopbar__geRXH{display:flex;justify-content:center;align-items:center}.style_selectionBackground__ojNOH{position:absolute}.ddb-topbar-container{position:fixed;top:0;left:0;right:0;height:48px;min-height:48px;z-index:8}.ddb-homepage{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column}.ddb-homepage .ddb-app{flex:1 0}.style_oopsDialog__9jADX{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:9999999;display:flex;justify-content:center;align-items:center}.style_oopsDialog__9jADX .dialog-inner{width:400px;background:#fff;border:1px solid #dee0e3;box-shadow:0 0 2px rgba(16,16,83,.16),0 8px 18px rgba(11,11,77,.04);border-radius:12px}.style_oopsDialog__9jADX .dialog-inner .dialog-title{margin:20px;text-align:center;font-weight:500;font-size:16px;line-height:18px;color:#1f2329}.style_oopsDialog__9jADX .dialog-inner .dialog-content{margin:20px;font-weight:400;font-size:14px;line-height:16px;text-align:center;color:#000}.style_oopsDialog__9jADX .dialog-inner .dialog-content .img{display:flex;justify-content:center;align-items:center;margin:20px}.style_oopsDialog__9jADX .dialog-inner .dialog-footer{padding:20px;display:flex;justify-content:center;align-items:center}.style_fileManagerContainer__D_KeZ{position:absolute;top:10vh;left:20vw;right:20vw;bottom:10vh;z-index:10;background:#fff;border-radius:8px;margin:auto;border:1px solid #ebeae8;box-shadow:0 8px 18px 0 rgba(11,11,77,.04),0 0 2px 0 rgba(16,16,83,.16);padding:0}