styles.css

._root_1nd2u_1{align-items:center;display:grid;grid-template-columns:auto auto 1fr auto;height:32px;padding-inline-end:8px;border-bottom:solid 1px #eee;border-radius:var(--size-2-2)}._root_1nd2u_1:hover{background:var(--color-base-30)}._root_1nd2u_1._isSelected_1nd2u_29{background:var(--color-base-40);border-radius:var(--size-2-2)}._expandIconWrapper_1nd2u_39{align-items:center;font-size:0;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px;transition:transform linear .1s;transform:rotate(0)}._expandIconWrapper_1nd2u_39._isOpen_1nd2u_63{transform:rotate(90deg)}._labelGridItem_1nd2u_71{padding-inline-start:8px;width:100%;overflow:hidden}._pipeY_1nd2u_83{position:absolute;border-left:2px solid #e7e7e7;left:-7px;top:-7px}._pipeX_1nd2u_97{position:absolute;left:-7px;top:15px;height:2px;background-color:#e7e7e7;z-index:-1}._root_kgzt2_1{background-color:#1967d2;height:2px;position:absolute;right:0;transform:translateY(-50%);top:0}._app_15i3q_1{height:100%;margin:var(--size-4-2);border-radius:var(--size-2-2)}._container_15i3q_13,._treeRoot_15i3q_21{height:100%}._draggingSource_15i3q_29{opacity:.3}._placeholderContainer_15i3q_37{position:relative}._dropTarget_15i3q_45{background-color:var(--color-accent)}._root_1gl8h_1{align-items:"center";background-color:#1967d2;border-radius:4px;box-shadow:0 12px 24px -6px #00000040,0 0 0 1px #00000014;color:#fff;display:inline-grid;font-size:14px;gap:8px;grid-template-columns:auto auto;padding:4px 8px;pointer-events:none}._icon_1gl8h_31,._label_1gl8h_33{align-items:center;display:flex}.wb-view-content{padding:0!important;overflow:hidden!important}.wb-frame{width:100%;height:100%;border:none;background-color:#fff;background-clip:content-box}.wb-view-content:has(.wb-bookmark-bar) .wb-frame{height:calc(100% - 32px)}.wb-header-bar:after{background:transparent!important}.wb-search-bar{width:100%}.wb-search-box{display:flex;flex-direction:row;position:absolute;z-index:20;top:35px;right:200px;width:200px;height:44px;background-color:var(--color-base-20);padding:7px;border:var(--input-border-width) solid var(--background-modifier-border)}.wb-search-input{width:60%;height:100%}.wb-search-button-group{width:40%;height:100%;display:flex;flex-direction:row}.wb-search-button{display:flex;align-items:center;width:100%;height:var(--input-height);border:var(--input-border-width) solid var(--background-modifier-border);background-color:var(--background-modifier-form-field);margin-left:4px}.wb-page-search-bar-input-container,.wb-page-search-bar-input{width:500px;min-width:20px;height:44px!important;border-radius:15px!important;margin-bottom:20px;margin-left:auto;margin-right:auto}.workspace-split:not(.mod-root) .wb-page-search-bar-input-container{width:250px}.workspace-split:not(.mod-root) .wb-page-search-bar-input{width:250px}.wb-page-search-bar{flex-direction:column-reverse}.wb-page-search-bar .wb-empty-actions{display:none}.wb-page-search-bar .empty-state-container{padding-top:100px}.wb-random-background .empty-state{background:url(https://source.unsplash.com/random/?mountain) no-repeat center center;background-size:cover}.wb-random-background .empty-state input{filter:opacity(.8)}.wb-search-bar-container{margin-left:auto;margin-right:auto;position:absolute;top:26%}.wb-page-search-bar-container .wb-last-opened-files{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--size-4-2);justify-items:center;margin-top:var(--size-4-12)}.wb-page-search-bar-container .wb-last-opened-files .wb-last-opened-file{display:flex;flex-direction:row;align-items:center;gap:var(--size-2-2);background-color:var(--interactive-normal);box-shadow:var(--input-shadow);opacity:.6;justify-content:flex-start;width:160px;height:40px;cursor:pointer}.wb-page-search-bar-container .wb-last-opened-files .wb-last-opened-file:hover{opacity:1}.wb-page-search-bar-container .wb-last-opened-files .wb-last-opened-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-page-search-bar-text{text-align:center;margin-bottom:20px;font-size:72px;font-weight:bolder;color:var(--color-accent)}.wb-create-btn,.wb-search-btn{opacity:.4;color:#9da7d9}.wb-close-btn{opacity:.4;color:#d99da8}.wb-icon-list-container button{padding:1px 6px}.wb-create-btn:hover,.wb-search-btn:hover,.wb-close-btn:hover{opacity:1}.wb-close-btn:hover>button>.lucide-x-square{color:#d99da8}.wb-close-btn>button>.lucide-x-square{color:var(--color-red)}.wb-icon-list-container{margin-right:auto;margin-left:auto;position:absolute;bottom:12%;display:flex;flex-direction:row;gap:10px}.wb-btn-tip{color:var(--color-base-60)}.wb-btn:hover{background:var(--color-accent)!important}.wb-btn{filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))}.theme-dark .wb-btn a{color:var(--color-base-80)!important}.setting-item.search-engine-setting{flex-wrap:wrap}.search-engine-setting .setting-item-control{flex:1 1 auto;text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:var(--size-4-2)}.search-engine-setting .search-engine-main-settings{width:100%;display:flex;flex-direction:column;border-top:solid 1px var(--background-modifier-border);margin-top:10px}.search-engine-main-settings-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;margin-top:5px}.search-engine-main-settings-url{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.search-engine-setting .setting-item-name:before{content:"";display:inline-block;height:20px;width:1px;border-left:3px solid var(--text-accent);vertical-align:middle;margin-right:10px;margin-left:0}.wb-setting-title{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.wb-setting-tab-group{display:flex;justify-content:flex-start}.wb-setting-searching{opacity:.4}.wb-tab-settings textarea{width:500px;height:200px;overflow-y:scroll}.wb-navigation-item{display:flex;align-items:flex-start;gap:3px;margin-right:10px;margin-bottom:2px;padding:6px 5px 4px;border-radius:5px}.wb-navigation-item-selected{background-color:var(--interactive-accent);color:var(--text-on-accent)}.wb-setting-header{border-bottom:var(--color-base-40) 0px solid}.wb-tab-settings{margin-bottom:20px}.wb-setting-heading{color:var(--color-accent)}.wb-about-icon{height:72px;text-align:center}.setting-item-control .surfing-setting-textarea{height:400px;width:200px}.setting-item-control .surfing-setting-input{width:400px}.wb-about-icon .surfing{height:72px!important;width:72px!important}.wb-about-text{font-size:16px;color:var(--color-accent)}.wb-about-card{display:flex;align-items:center;flex-direction:column;margin-top:30px}.wb-about-version{font-size:14px;text-decoration:unset!important;opacity:.8;color:var(--link-color)}.surfing-settings-icon{width:fit-content;height:fit-content;position:absolute;right:20px}.mod-wb-bookmark-bar .surfing-settings-icon{top:calc(var(--header-height) + 40px)}.wb-frame-notice{text-align:center;background-color:var(--color-yellow);font-size:14px;padding-top:4px;padding-bottom:4px}.wb-search-suggestion-container{background-color:var(--color-base-10);border-radius:var(--radius-l);filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))}.wb-search-suggestion{border-radius:var(--radius-l);margin-bottom:-1px}.wb-search-suggestion:has(.wb-bookmark-suggest-item){max-height:300px;overflow-y:auto}.wb-search-suggestion::--webkit-scrollbar{display:none}.wb-search-suggest-item.is-selected{background-color:var(--color-accent)}.theme-light .wb-search-suggest-item.is-selected{color:var(--color-base-10)}.wb-search-suggest-item:first-child.is-selected{border-radius:var(--radius-l) var(--radius-l) var(--radius-m) var(--radius-m)}.wb-search-suggest-item:last-child.is-selected{border-radius:var(--radius-m) var(--radius-m) var(--radius-l) var(--radius-l)}.wb-search-suggest-item{display:flex;justify-content:space-between;align-items:center}.theme-light .wb-search-suggest-item.is-selected .wb-search-suggestion-index{color:var(--color-base-10);opacity:.6}.wb-search-suggestion-index{opacity:.2;font-size:12px;font-weight:700}input[type=text].wb-search-bar:active,input[type=text].wb-search-bar:focus,input[type=text].wb-search-bar:focus-visible{box-shadow:unset}input[type=text].wb-page-search-bar-input:active,input[type=text].wb-page-search-bar-input:focus,input[type=text].wb-page-search-bar-input:focus-visible{box-shadow:unset}.wb-theme-settings-working-on{background-color:var(--color-accent);flex-direction:column;border-radius:var(--radius-l)}.theme-light .wb-theme-settings-working-on .setting-item-name{color:var(--color-base-10)}.wb-omni-box{position:absolute;right:var(--size-4-9);top:var(--size-4-18);width:30%;height:fit-content;max-height:40%;overflow:auto;border-radius:var(--radius-m);padding:var(--size-4-4)}.wb-omni-box::-webkit-scrollbar{display:none}.theme-light .wb-omni-box{background-color:var(--color-base-10)}.theme-dark .wb-omni-box{background-color:var(--color-base-30)}.wb-omni-item-path{margin:var(--size-2-3) var(--size-2-2);text-emphasis:inherit;overflow-x:hidden;padding:var(--size-2-1);border-radius:var(--radius-s)}.theme-light .wb-omni-item-path{color:var(--color-base-20)}.wb-omni-item{margin:var(--size-2-3);background-color:var(--color-accent);padding:var(--size-2-1);border:var(--color-accent) 1px solid;border-radius:var(--radius-s)}.wb-omni-item-content-list{margin:var(--size-2-2) var(--size-2-1);gap:var(--size-2-1);border-radius:var(--radius-m)}.theme-light .wb-omni-item-content-list{background-color:var(--color-base-10)}.theme-dark .wb-omni-item-content-list{background-color:var(--color-base-30)}.wb-content-list-text{padding:var(--size-2-2) var(--size-2-1);line-height:var(--size-4-5);background-color:var(--color-base-10);border:var(--color-accent) 1px solid;width:initial;overflow-x:hidden;border-radius:var(--radius-m);margin-bottom:var(--size-4-3)}.theme-light .wb-content-list-text{background-color:var(--color-base-20);filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))}.theme-dark .wb-content-list-text{background-color:var(--color-base-30)}.mod-wb-bookmark-bar .empty-state.wb-page-search-bar{position:unset}.wb-bookmark-bar{display:flex;align-items:center;overflow:hidden;padding-bottom:var(--size-2-1);padding-top:var(--size-2-1);padding-left:var(--size-4-2);min-height:32px;border-top:1px solid var(--background-modifier-border);border-bottom:1px solid var(--background-modifier-border)}div[data-type^=empty] .wb-bookmark-bar{position:absolute;top:var(--header-height);width:100%;margin-top:-1px;z-index:1}.wb-bookmark-item,.wb-bookmark-folder{max-width:120px;text-overflow:hidden;overflow:hidden;margin-right:var(--size-2-2);padding:var(--size-2-2);border:1px solid var(--color-base-10);border-radius:var(--radius-s);white-space:nowrap;width:10%;display:flex;align-items:flex-end;align-content:flex-end}.wb-bookmark-item:hover,.wb-bookmark-folder:hover{background-color:var(--color-base-30)}.wb-bookmark-item-title,.wb-bookmark-folder-title{text-overflow:ellipsis;overflow:hidden;padding-right:var(--size-4-1);padding-left:var(--size-2-1);font-size:var(--font-smallest)}.wb-bookmark-bar::-webkit-scrollbar{display:none}.wb-bookmark-bar-container{display:flex;width:95%;overflow-x:scroll}.wb-bookmark-bar-container::-webkit-scrollbar{display:none}.wb-bookmark-folder-icon,.wb-bookmark-item-icon{padding:unset;height:16px;margin-right:var(--size-2-2)}.wb-bookmark-folder-icon .lucide-folder-open,.wb-bookmark-item-icon .lucide-album{height:var(--size-4-4);width:var(--size-4-4)}div[data-type^=empty].workspace-leaf-content .view-content.mod-wb-bookmark-bar{padding:unset;overflow:auto}.surfing-bookmark-manager-header-bar{display:flex;justify-content:start}.surfing-bookmark-manager{margin:0 1em;display:flex;flex-direction:column}.surfing-bookmark-manager-header-bar .surfing-bookmark-manager-search-bar{display:flex;align-items:center}.surfing-bookmark-manager-search-bar .ant-input-affix-wrapper{padding:0 11px}.surfing-bookmark-manager-header-bar .ant-row{display:flex;align-items:center}.ant-table-header{min-height:55px}.surfing-bookmark-manager-header-bar{height:50px}:where(.css-dev-only-do-not-override-1np4o0i).ant-input-affix-wrapper{background-color:var(--background-modifier-form-field)}.surfing-bookmark-manager-header-bar button{margin:0 0 0 10px}.wb-bookmark-manager-entry{position:absolute;right:var(--size-4-3);padding:var(--size-2-1);border-radius:var(--radius-s);color:var(--color-red)}.wb-bookmark-manager-icon{height:18px;width:18px;display:flex}.wb-refresh-button,.wb-refresh-button .lucide-refresh-cw{height:var(--size-4-4);width:var(--size-4-4);color:var(--color-base-50)}.wb-refresh-button{margin-right:var(--size-4-2)}.ant-table-wrapper .ant-table-pagination.ant-pagination{margin:6px 0}.ant-table-container{height:100%;overflow:hidden;display:flex;flex-direction:column}.ant-table-wrapper,.ant-spin-nested-loading,.ant-spin-container{height:100%}.ant-table-wrapper{height:86vh}.ant-table-wrapper .ant-table-thead>tr>th{background-color:var(--background-secondary)}.ant-table{height:100%}.wb-reset-button{left:0}.ant-form-item .submit-bar{display:flex;justify-content:space-between}.theme-light .ant-btn-primary{background-color:#1677ff}.theme-light .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper{color:var(--text-on-accent)}.surfing-bookmark-manager-header .ant-col-6{display:flex;align-items:center}div[data-type^=surfing-bookmark-manager] .ant-table-thead{height:20px}.wb-bookmark-manager-entry:hover{background-color:var(--color-base-30)}.cm-scroller .wb-view-content-embeded{height:500px}.suggestion-item.wb-bookmark-suggest-item{display:flex;align-items:center;justify-content:space-between}.wb-bookmark-suggest-container{display:flex;gap:10px;max-width:92%}.wb-bookmark-suggestion-text{font-weight:bolder;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-bookmark-suggestion-url{opacity:.4;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-bookmark-modal h2{text-align:center}.wb-bookmark-modal .wb-bookmark-modal-btn-container{display:flex;align-items:center;flex-direction:row;gap:10px}.wb-bookmark-modal .modal-content{display:flex;flex-direction:column;align-items:center}.anticon-arrow-right svg{width:var(--icon-xs);height:var(--icon-xs)}.tab-tree-empty-container svg{width:var(--icon-xl);height:var(--icon-xl);opacity:50%}.tab-tree-empty-container{display:flex;align-items:center;text-align:center;justify-content:center}.tab-tree-empty-state{display:flex;flex-direction:column;align-items:center;gap:1em;opacity:30%}div[data-type^=surfing-tab-tree] ul,div[data-type^=surfing-tab-tree] ul li{list-style:none;margin:0;padding:0}.surfing-hover-popover{height:400px}.surfing-embed-website{height:800px}.surfing-hover-popover .surfing-hover-popover-container,.surfing-hover-popover .wb-view-content.node-insert-event,.surfing-embed-website .surfing-embed-website-container,.surfing-embed-website .surfing-embed-website-container .wb-view-content.node-insert-event{height:100%}.popover.hover-editor .popover-content:has(div[data-type^=surfing-view]){width:100%}.cm-browser-widget{border:1px solid var(--background-modifier-border)}.cm-browser-widget .wb-browser-inline{height:max(4vw,400px)}.cm-browser-widget .wb-show-original-code{position:absolute;right:var(--size-4-2);top:var(--size-4-2);visibility:hidden}.cm-browser-widget:hover .wb-show-original-code{visibility:visible}.surfing-hover-popover{z-index:99999}