.okf2a84{--okf2a80:52px;--okf2a81:68px;--okf2a82:240px;--okf2a83:40px;width:100%;height:100%;font-family:Inter}.okf2a85{height:calc(100% - var(--okf2a81));width:100%;display:flex;position:absolute}.okf2a85[data-empty=true]{opacity:0;pointer-events:none}.okf2a86{z-index:0;height:100%;width:calc(100% - var(--okf2a82));background-color:var(--affine-background-secondary-color);flex-direction:column;flex-grow:1;display:flex;position:relative;overflow:hidden}.okf2a87{box-shadow:var(--affine-shadow-3);background-color:var(--affine-background-primary-color);transform-origin:top;border-radius:8px;flex-direction:column;flex-grow:1;width:calc(100% - 80px);height:200%;transition:transform .3s ease-in-out .1s,opacity .3s ease-in-out;display:flex;position:absolute;top:0;left:40px;overflow:hidden}.okf2a87[data-distance="-20"]{transform:scale(2) translateY(calc(160px + var(--okf2a83)));opacity:0;z-index:20;pointer-events:none}.okf2a87[data-distance="-19"]{transform:scale(1.95) translateY(calc(152px + var(--okf2a83)));opacity:0;z-index:19;pointer-events:none}.okf2a87[data-distance="-18"]{transform:scale(1.9) translateY(calc(144px + var(--okf2a83)));opacity:0;z-index:18;pointer-events:none}.okf2a87[data-distance="-17"]{transform:scale(1.85) translateY(calc(136px + var(--okf2a83)));opacity:0;z-index:17;pointer-events:none}.okf2a87[data-distance="-16"]{transform:scale(1.8) translateY(calc(128px + var(--okf2a83)));opacity:0;z-index:16;pointer-events:none}.okf2a87[data-distance="-15"]{transform:scale(1.75) translateY(calc(120px + var(--okf2a83)));opacity:0;z-index:15;pointer-events:none}.okf2a87[data-distance="-14"]{transform:scale(1.7) translateY(calc(112px + var(--okf2a83)));opacity:0;z-index:14;pointer-events:none}.okf2a87[data-distance="-13"]{transform:scale(1.65) translateY(calc(104px + var(--okf2a83)));opacity:0;z-index:13;pointer-events:none}.okf2a87[data-distance="-12"]{transform:scale(1.6) translateY(calc(96px + var(--okf2a83)));opacity:0;z-index:12;pointer-events:none}.okf2a87[data-distance="-11"]{transform:scale(1.55) translateY(calc(88px + var(--okf2a83)));opacity:0;z-index:11;pointer-events:none}.okf2a87[data-distance="-10"]{transform:scale(1.5) translateY(calc(80px + var(--okf2a83)));opacity:0;z-index:10;pointer-events:none}.okf2a87[data-distance="-9"]{transform:scale(1.45) translateY(calc(72px + var(--okf2a83)));opacity:0;z-index:9;pointer-events:none}.okf2a87[data-distance="-8"]{transform:scale(1.4) translateY(calc(64px + var(--okf2a83)));opacity:0;z-index:8;pointer-events:none}.okf2a87[data-distance="-7"]{transform:scale(1.35) translateY(calc(56px + var(--okf2a83)));opacity:0;z-index:7;pointer-events:none}.okf2a87[data-distance="-6"]{transform:scale(1.3) translateY(calc(48px + var(--okf2a83)));opacity:0;z-index:6;pointer-events:none}.okf2a87[data-distance="-5"]{transform:scale(1.25) translateY(calc(40px + var(--okf2a83)));opacity:0;z-index:5;pointer-events:none}.okf2a87[data-distance="-4"]{transform:scale(1.2) translateY(calc(32px + var(--okf2a83)));opacity:0;z-index:4;pointer-events:none}.okf2a87[data-distance="-3"]{transform:scale(1.15) translateY(calc(24px + var(--okf2a83)));opacity:0;z-index:3;pointer-events:none}.okf2a87[data-distance="-2"]{transform:scale(1.1) translateY(calc(16px + var(--okf2a83)));opacity:0;z-index:2;pointer-events:none}.okf2a87[data-distance="-1"]{transform:scale(1.05) translateY(calc(8px + var(--okf2a83)));opacity:0;z-index:1;pointer-events:none}.okf2a87[data-distance="0"]{transform:scale(1) translateY(calc(0px + var(--okf2a83)));opacity:1;z-index:0;pointer-events:auto}.okf2a87[data-distance="1"]{transform:scale(.95) translateY(calc(-8px + var(--okf2a83)));opacity:1;z-index:-1;pointer-events:none}.okf2a87[data-distance="2"]{transform:scale(.9) translateY(calc(-16px + var(--okf2a83)));opacity:1;z-index:-2;pointer-events:none}.okf2a87[data-distance="3"]{transform:scale(.85) translateY(calc(-24px + var(--okf2a83)));opacity:0;z-index:-3;pointer-events:none}.okf2a87[data-distance="4"]{transform:scale(.8) translateY(calc(-32px + var(--okf2a83)));opacity:0;z-index:-4;pointer-events:none}.okf2a87[data-distance="5"]{transform:scale(.75) translateY(calc(-40px + var(--okf2a83)));opacity:0;z-index:-5;pointer-events:none}.okf2a87[data-distance="6"]{transform:scale(.7) translateY(calc(-48px + var(--okf2a83)));opacity:0;z-index:-6;pointer-events:none}.okf2a87[data-distance="7"]{transform:scale(.65) translateY(calc(-56px + var(--okf2a83)));opacity:0;z-index:-7;pointer-events:none}.okf2a87[data-distance="8"]{transform:scale(.6) translateY(calc(-64px + var(--okf2a83)));opacity:0;z-index:-8;pointer-events:none}.okf2a87[data-distance="9"]{transform:scale(.55) translateY(calc(-72px + var(--okf2a83)));opacity:0;z-index:-9;pointer-events:none}.okf2a87[data-distance="10"]{transform:scale(.5) translateY(calc(-80px + var(--okf2a83)));opacity:0;z-index:-10;pointer-events:none}.okf2a87[data-distance="11"]{transform:scale(.45) translateY(calc(-88px + var(--okf2a83)));opacity:0;z-index:-11;pointer-events:none}.okf2a87[data-distance="12"]{transform:scale(.4) translateY(calc(-96px + var(--okf2a83)));opacity:0;z-index:-12;pointer-events:none}.okf2a87[data-distance="13"]{transform:scale(.35) translateY(calc(-104px + var(--okf2a83)));opacity:0;z-index:-13;pointer-events:none}.okf2a87[data-distance="14"]{transform:scale(.3) translateY(calc(-112px + var(--okf2a83)));opacity:0;z-index:-14;pointer-events:none}.okf2a87[data-distance="15"]{transform:scale(.25) translateY(calc(-120px + var(--okf2a83)));opacity:0;z-index:-15;pointer-events:none}.okf2a87[data-distance="16"]{transform:scale(.2) translateY(calc(-128px + var(--okf2a83)));opacity:0;z-index:-16;pointer-events:none}.okf2a87[data-distance="17"]{transform:scale(.15) translateY(calc(-136px + var(--okf2a83)));opacity:0;z-index:-17;pointer-events:none}.okf2a87[data-distance="18"]{transform:scale(.1) translateY(calc(-144px + var(--okf2a83)));opacity:0;z-index:-18;pointer-events:none}.okf2a87[data-distance="19"]{transform:scale(.05) translateY(calc(-152px + var(--okf2a83)));opacity:0;z-index:-19;pointer-events:none}.okf2a87[data-distance="20"],.okf2a87[data-distance="> 20"]{transform:scale(0) translateY(calc(-160px + var(--okf2a83)));opacity:0;z-index:-20;pointer-events:none}.okf2a87[data-distance="< -20"]{transform:scale(2) translateY(calc(160px + var(--okf2a83)));opacity:0;z-index:20;pointer-events:none}.okf2a88{height:calc(50% - var(--okf2a83) - var(--okf2a80))}.okf2a89{height:var(--okf2a80);border-bottom:1px solid var(--affine-border-color);background-color:var(--affine-background-primary-color);flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:0 12px;display:flex}.okf2a8a{font-size:var(--affine-font-xs);text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-weight:600;overflow:hidden}.okf2a8b{color:var(--affine-text-secondary-color);background-color:var(--affine-background-secondary-color);font-size:var(--affine-font-xs);border-radius:4px;padding:0 10px}.okf2a8c{flex-grow:1;height:100%}.okf2a8d{display:flex;position:relative;overflow:hidden}.okf2a8e{background-color:var(--affine-background-primary-color);justify-content:center;align-items:center;height:100%;display:flex}.okf2a8f{height:100%;width:var(--okf2a82);border-left:1px solid var(--affine-border-color);flex-shrink:0;overflow:hidden}.okf2a8g{height:calc(100% - var(--okf2a80))}.okf2a8h{flex-direction:column;height:-webkit-fill-available;padding-bottom:16px;display:flex}.okf2a8i{height:var(--okf2a80);border-bottom:1px solid var(--affine-border-color);flex-shrink:0;align-items:center;padding:0 12px;font-weight:700;display:flex}.okf2a8j{flex-direction:column;gap:8px;margin-top:4px;margin-bottom:4px;padding:0 8px;display:flex}.okf2a8k{flex-direction:column;gap:8px;padding-left:24px;display:flex;position:relative}.okf2a8k:before{content:"";border-left:1px solid var(--affine-border-color);width:1px;height:100%;display:block;position:absolute;top:0;left:15.5px}.okf2a8l{white-space:nowrap;font-size:var(--affine-font-xs);color:var(--affine-v2-text-secondary);text-transform:capitalize;background-color:var(--affine-v2-layer-background-primary);border-radius:4px;align-items:center;gap:4px;height:24px;padding:0 12px 0 4px;font-weight:500;display:flex}.okf2a8l:hover{background:var(--affine-v2-layer-background-hoverOverlay)}.okf2a8m{cursor:pointer;border-radius:4px;flex-direction:column;gap:4px;padding:4px 8px;display:flex}.okf2a8m:hover{background:var(--affine-v2-layer-background-hoverOverlay)}.okf2a8n{color:var(--affine-v2-text-primary);font-size:var(--affine-font-xs);border-radius:4px;align-items:center;gap:.5em;font-weight:500;display:flex}.okf2a8o{color:var(--affine-v2-text-emphasis);text-transform:capitalize}.okf2a8p{color:var(--affine-v2-text-secondary);font-size:var(--affine-font-xs);align-items:center;gap:4px;display:flex}.okf2a8q{background-color:var(--affine-v2-layer-background-secondary)}.okf2a8r{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.okf2a8s{cursor:pointer;color:var(--affine-v2-text-secondary);text-align:left;flex-shrink:0;align-items:flex-start}.okf2a8m button{color:inherit}.okf2a8t{border-top:1px solid var(--affine-border-color);justify-content:center;align-items:center;height:68px;padding:0 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.okf2a8u{flex-grow:1}.okf2a8v{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex}.okf2a8w{font-weight:600;font-size:var(--affine-font-h-5)}.okf2a8x{text-align:center;width:320px;font-size:var(--affine-font-xs);color:var(--affine-text-secondary-color)}.okf2a8y{transition:transform .2s ease-in-out}.okf2a8y[data-collapsed=false]{transform:rotate(90deg)}.okf2a8z{color:inherit;border-radius:2px;justify-content:center;align-items:center;font-size:24px;transition:transform .2s;display:flex}.okf2a810{padding:4px 8px}.okf2a811{font-size:var(--affine-font-xs);background-color:var(--affine-background-secondary-color);border-radius:8px;flex-direction:column;gap:6px;padding:10px}.okf2a812{color:var(--affine-text-secondary-color);justify-content:space-between;align-items:center;margin-bottom:14px;font-weight:600;display:flex}.okf2a813{cursor:pointer;margin-left:4px;text-decoration:underline}.ieby3e0{--affine-paragraph-margin:0;--affine-font-base:14px;border:1px solid #0000;width:100%;height:100%;overflow:hidden}.ieby3e0[data-readonly=false]{border-color:var(--affine-v2-layer-insideBorder-border);background:var(--affine-v2-layer-background-primary);border-radius:16px;padding:0 8px}.ieby3e0[data-readonly=false]:is(:focus-within,:active){border-color:var(--affine-v2-layer-insideBorder-primaryBorder);box-shadow:var(--affine-active-shadow)}.ieby3e1{justify-content:flex-end;gap:8px;padding-bottom:8px;display:flex}.ieby3e0 .affine-page-root-block-container{min-height:32px;padding:8px 0}.ieby3e0 .affine-paragraph-rich-text-wrapper{margin:0}.ieby3e2{background:var(--affine-v2-button-primary);cursor:pointer;color:var(--affine-v2-layer-pureWhite);border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:flex}.ieby3e2[disabled]{background:var(--affine-v2-button-disable);cursor:default}.ieby3e2:hover{opacity:.8}.ieby3e3{flex-wrap:nowrap;gap:4px;padding:8px 0;display:flex;overflow-x:auto}.ieby3e4{aspect-ratio:1;object-fit:cover;border:1px solid var(--affine-v2-layer-insideBorder-border);cursor:pointer;background-position:50%;background-size:cover;border-radius:4px;flex:none;width:62px;height:62px;position:relative}.ieby3e4:hover{opacity:.8}.ieby3e5{background:var(--affine-v2-layer-background-primary);border:1px solid;border-color:var(--affine-v2-layer-insideBorder-border);position:absolute;top:-6px;right:-6px}.ieby3e5:hover{background:var(--affine-v2-layer-background-error);border-color:var(--affine-v2-button-error);color:var(--affine-v2-button-error)}.ieby3e6{background:var(--affine-v2-layer-background-secondary);border:1px solid var(--affine-v2-layer-insideBorder-border);cursor:pointer;border-radius:4px;flex:none;align-items:center;gap:8px;width:194px;height:62px;padding:0 4px;display:flex;position:relative}.ieby3e6:hover{opacity:.8}.ieby3e7{width:auto;height:36px}.ieby3e8{flex-direction:column;gap:4px;display:flex;overflow:hidden}.ieby3e9{text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;font-weight:600;overflow:hidden}.ieby3ea{color:var(--affine-v2-text-secondary);font-size:12px}.ieby3eb{background:var(--affine-v2-layer-background-primary);border:1px solid var(--affine-v2-layer-insideBorder-border);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:-6px;right:-6px}.ieby3eb:hover{background:var(--affine-v2-layer-background-error);border-color:var(--affine-v2-button-error)}.ieby3ec{background:var(--affine-v2-layer-background-tertiary);border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}._17ky24a0{flex-direction:column;align-items:stretch;min-height:100%;padding-bottom:64px;display:flex;position:relative}._17ky24a1{background-color:var(--affine-v2-layer-background-primary);z-index:2;justify-content:space-between;align-items:center;gap:8px;height:40px;padding:8px 16px 0;display:flex;position:sticky;top:0}._17ky24a2{font-size:var(--affine-font-sm);color:var(--affine-v2-text-secondary);font-weight:500}._17ky24a3{flex-direction:column;gap:8px;display:flex}._17ky24a4{text-align:center;height:100%;color:var(--affine-v2-text-secondary);flex:1;justify-content:center;align-items:center;padding:32px;line-height:24px;display:flex}._17ky24a5{flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}._17ky24a5:hover{background-color:var(--affine-v2-layer-background-hoverOverlay)}._17ky24a5[data-highlighting=true]:before{content:"";background-color:var(--affine-v2-layer-insideBorder-primaryBorder);width:2px;height:100%;display:block;position:absolute;top:0;left:0}._17ky24a5[data-highlighting=true]{background-color:var(--affine-v2-block-comment-hanelActive)}._17ky24a5[data-resolved=true]{opacity:.5}._17ky24a6{flex:1;justify-content:center;align-items:center;height:100%;display:flex}._17ky24a7{flex-direction:column;gap:8px;display:flex}._17ky24a8{background:var(--affine-v2-block-comment-hanelActive);flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}._17ky24a8:before{content:"";background-color:var(--affine-v2-layer-insideBorder-primaryBorder);width:2px;height:100%;display:block;position:absolute;top:0;bottom:0;left:0}._17ky24a9{font-size:var(--affine-font-sm);color:var(--affine-v2-text-secondary);white-space:nowrap;text-overflow:ellipsis;padding-left:10px;line-height:22px;position:relative;overflow:hidden}._17ky24a9:before{content:"";background-color:var(--affine-v2-block-comment-highlightUnderline);width:2px;height:100%;display:block;position:absolute;top:0;left:0}._17ky24a9[data-deleted=true]{text-decoration:line-through}._17ky24aa{opacity:0;z-index:1;pointer-events:none;gap:8px;margin-top:8px;display:flex;position:absolute;top:4px;right:12px}._17ky24a5:hover ._17ky24aa{opacity:1;pointer-events:auto}._17ky24aa[data-menu-open=true]{opacity:1}._17ky24aa[data-editing=true]{visibility:hidden}._17ky24ab{background-color:var(--affine-v2-button-buttonOverHover)}._17ky24ac{flex-direction:column;gap:4px;padding-left:8px;display:flex;position:relative}._17ky24ad{justify-content:flex-start;align-items:center;gap:10px;margin-top:5px;display:flex}._17ky24ae{justify-content:flex-start;align-items:flex-start;gap:4px;max-width:800px;padding-left:8px;display:flex}._17ky24af{font-size:var(--affine-font-sm);color:var(--affine-v2-text-primary);font-weight:500}._17ky24ag{font-size:var(--affine-font-sm);color:var(--affine-v2-text-secondary);font-weight:500}._17ky24ah{cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;height:28px;padding-left:42px;display:flex}._17ky24ah:hover{background-color:var(--affine-v2-layer-background-hoverOverlay)}._17ky24ai{color:var(--affine-v2-text-emphasis);font-size:var(--affine-font-xs);font-weight:500}._17ky24aj{flex-direction:column;display:flex;position:relative}._17ky24ak{opacity:0;pointer-events:none;z-index:1;gap:8px;display:flex;position:absolute;top:0;right:0}._17ky24aj:hover ._17ky24ak{opacity:1;pointer-events:auto}._17ky24ak[data-menu-open=true]{opacity:1}._17ky24ak[data-editing=true]{visibility:hidden}.flz2y20{box-sizing:border-box;align-items:center;width:100%;padding:8px 16px;display:flex}.flz2y21{height:22px;color:var(--affine-v2-text-primary);font-size:14px;font-weight:500;line-height:22px}.flz2y22{--y:1px;--r:90deg;color:var(--affine-v2-icon-secondary);transform:translateY(var(--y)) rotate(var(--r));transition:transform .2s}button[data-state=closed] .flz2y22{--r:0deg}._1pcdxfr0{box-sizing:border-box;flex-direction:column;align-items:stretch;padding-top:8px;padding-bottom:64px;display:flex;position:relative}._1pcdxfr1,._1pcdxfr2,._1pcdxfr3{padding:0 8px}._1pcdxfr4{color:var(--affine-v2-text-secondary);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:6px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;line-height:22px;display:flex;position:relative}._1pcdxfr4:hover{background-color:var(--affine-v2-layer-background-hoverOverlay)}._1pcdxfr4[data-disabled=true]{opacity:.5;pointer-events:none}._1pcdxfr5{font-size:16px}._1pcdxfr6{white-space:nowrap;text-overflow:ellipsis;font-size:var(--affine-font-sm);color:var(--affine-v2-text-primary);flex:1;overflow:hidden}._1pcdxfr7{font-size:var(--affine-font-xs)}._1pcdxfr8{color:var(--affine-v2-text-secondary)}._1ko6rf40{justify-content:center;gap:16px;display:flex}._1ko6rf41{z-index:2;background-color:var(--affine-background-primary-color);border-top:1px solid var(--affine-border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:relative;bottom:0}._1ko6rf42{color:var(--affine-text-secondary-color);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;line-height:24px;overflow:hidden}._1ko6rf43{height:36px;padding:8px 18px}._1ko6rf44{width:20px;height:20px}._6vtseb0{background-color:var(--affine-background-warning-color);color:var(--affine-warning-color);width:100%;font-size:var(--affine-font-sm);z-index:1;justify-content:center;align-items:center;padding:8px 16px;display:flex;position:absolute}._6vtseb1{width:36px;height:36px;color:var(--affine-icon-color);cursor:pointer;justify-content:flex-end;align-items:center;display:flex;position:absolute;right:16px}._6vtseb2{z-index:1;width:15px;height:15px;position:relative}._6vtseb3{background-color:var(--affine-background-error-color);color:var(--affine-error-color);width:100%;font-size:var(--affine-font-sm);z-index:1;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;font-weight:700;display:flex;position:absolute;container-type:inline-size}._6vtseb4{color:var(--affine-error-color);flex-grow:1;flex-shrink:1}._6vtseb5{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}@media screen and (max-width:520px){._6vtseb3{flex-wrap:wrap}._6vtseb5{width:100%}}.g5pb600{gap:12px;height:28px;display:flex}.g5pb601{padding:0 4px 6px}.g5pb602{flex-direction:column;gap:8px;display:flex}.g5pb603{border-color:var(--affine-v2-tab-divider-divider);margin:4px 0}.g5pb604{width:420px;max-height:562px;padding:12px}.g5pb605{width:420px;padding:12px}.g5pb606{justify-content:space-between;width:150px;padding:4px 10px}.g5pb607{gap:0;padding:4px;transition:all .3s}.g5pb607>div:first-child{align-items:center}.g5pb607 svg{width:16px;height:16px}.g5pb608{word-wrap:break-word;font-size:var(--affine-font-xs);color:var(--affine-v2-text-secondary);text-align:left;padding:0 6px;line-height:20px}.g5pb609{flex-direction:column;gap:8px;width:100%;display:flex}.g5pb60a{position:relative}.g5pb60b{flex-direction:column;justify-content:center;gap:8px;width:100%;display:flex}.g5pb60c{flex-direction:column;justify-content:center;gap:8px;margin:6px 0;display:flex}.g5pb60d{flex-direction:column;gap:8px;display:flex}.g5pb60e{font-size:var(--affine-font-sm);font-weight:500}.g5pb60f{color:var(--affine-v2-button-error)}.g5pb60g{background-color:var(--affine-v2-layer-background-secondary);border-radius:8px;align-items:center;min-height:84px;padding:12px 8px;display:flex;position:relative}.g5pb60h{justify-content:flex-end;align-items:center;width:146px;display:flex;position:absolute;bottom:0;right:0}.g5pb60i{font-size:var(--affine-font-xs);gap:4px;padding:4px;font-weight:500;line-height:20px;transform:translate(-4px)}.g5pb60i>span,.g5pb60i>div>svg{color:var(--affine-v2-text-link)}.g5pb60j{align-items:center;gap:4px;font-weight:500;display:flex}.g5pb60k{height:32px;padding:6px 8px}.g5pb60l{font-size:var(--affine-font-xs);color:var(--affine-v2-text-secondary);font-weight:400}.g5pb60m{font-size:var(--affine-font-sm);color:var(--affine-v2-text-secondary);height:30px;padding:3px 4px;font-weight:500}.uwh8540{font-size:var(--affine-font-xs);color:var(--affine-v2-button-pureWhiteText);background-color:var(--affine-v2-button-primary);border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-weight:500;line-height:20px;display:flex}.cv07am0{min-height:342px;max-height:342px}._11s6nlk0{flex-direction:column;flex:1;gap:8px;width:100%;height:100%;display:flex;overflow:hidden}._11s6nlk1{border-bottom:1px solid var(--affine-v2-layer-insideBorder-border);cursor:pointer;height:28px;color:var(--affine-v2-text-secondary);flex-direction:row;align-items:center;gap:4px;padding:0 4px 6px;display:flex}._11s6nlk2{color:var(--affine-v2-icon-primary);font-size:20px}._11s6nlk3{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}._11s6nlk4{border-top:1px solid var(--affine-v2-tab-divider-divider);flex-direction:row;justify-content:space-between;padding-top:8px;display:flex}._11s6nlk5{color:var(--affine-v2-text-link);cursor:pointer;font-size:var(--affine-font-sm);padding:5px 4px;font-weight:500}._11s6nlk6{font-size:var(--affine-font-sm);color:inherit;background-color:#0000;border:none;outline:none;flex-grow:1;font-family:inherit}._11s6nlk6::placeholder{color:var(--affine-v2-text-placeholder)}._11s6nlk7{border:1px solid var(--affine-v2-input-border-default);border-radius:4px;flex-wrap:wrap;gap:4px;width:100%;margin:6px 0;padding:4px;display:flex}._11s6nlk7.focus{border-color:var(--affine-v2-input-border-active)}._11s6nlk8{flex-wrap:wrap;flex:1;gap:4px;width:100%;max-height:60px;display:flex;overflow-y:auto}._11s6nlk9{flex-shrink:0}._11s6nlka{height:22px;font-size:var(--affine-font-xs);border-radius:2px;justify-content:space-between;gap:4px;padding:1px 2px;font-weight:400;display:flex}._11s6nlkb{flex-direction:row;flex-shrink:0;gap:12px;display:flex}._11s6nlkc{font-size:var(--affine-font-sm);border-radius:4px;align-items:center;padding:4px 12px;font-weight:500;display:flex}._11s6nlkd{font-size:var(--affine-font-sm);cursor:not-allowed;color:var(--affine-v2-text-disable);flex-direction:row;align-items:center;gap:8px;display:flex}._11s6nlke{color:var(--affine-v2-icon-primary);font-size:20px}._11s6nlkf{min-height:155px;max-height:394px;overflow:hidden}._11s6nlkg{font-size:var(--affine-font-sm);color:var(--affine-v2-text-secondary)}._11s6nlkh{width:6px}._11s6nlki{align-items:center;gap:8px;display:flex}._1kvtbm20{cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:4px;display:flex}._1kvtbm20:hover{background-color:var(--affine-v2-layer-background-hoverOverlay);border-radius:4px}._1kvtbm21{flex-direction:row;flex:1;align-items:center;gap:12px;width:100%;display:flex;overflow:hidden}._1kvtbm22{flex-direction:column;width:100%;display:flex;overflow:hidden}._1kvtbm23{color:var(--affine-v2-text-primary);font-size:var(--affine-font-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._1kvtbm24{color:var(--affine-v2-text-secondary);font-size:var(--affine-font-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._1kvtbm25{color:var(--affine-v2-text-primary);font-size:var(--affine-font-sm);flex-shrink:0}._1kvtbm25.disable{color:var(--affine-v2-text-disable)}.k8oq520{justify-content:space-between;align-items:center;min-width:0;height:22px;display:flex}.k8oq520:last-child{min-width:max-content}.k8oq521{font-size:inherit;background:var(--affine-background-primary-color);text-overflow:ellipsis;white-space:nowrap;max-width:128px;height:100%;color:var(--affine-v2-text-primary);border-style:solid;border-width:1px;border-color:var(--affine-v2-layer-insideBorder-blackBorder);border-radius:2px;justify-content:space-between;align-items:center;column-gap:4px;padding:1px 2px;display:flex}.k8oq522{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden}.k8oq523{cursor:pointer;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.k8oq523:hover{background:var(--affine-hover-color)}._1n1bisn0{justify-content:space-between;width:150px;padding:4px 10px}._1n1bisn1{flex-direction:row;justify-content:space-between;align-items:center;padding:4px;display:flex}._1n1bisn1.clickable:hover{background-color:var(--affine-v2-layer-background-hoverOverlay);cursor:pointer;border-radius:4px}._1n1bisn2{font-size:var(--affine-font-sm);text-overflow:ellipsis;white-space:nowrap;flex-direction:row;flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}._1n1bisn3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._1n1bisn4{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}._1n1bisn5{color:var(--affine-v2-icon-primary);flex-shrink:0;align-items:center;margin-left:8px;font-size:20px;display:flex}._1n1bisn6{color:var(--affine-v2-text-secondary);font-size:var(--affine-font-sm);margin-left:8px}._1n1bisn7{flex-direction:row;display:flex}._1n1bisn8{color:var(--affine-v2-text-link);font-size:var(--affine-font-xs);cursor:pointer;justify-content:flex-start;align-items:center;gap:8px;width:100%;padding:4px;font-weight:500;display:flex}._1n1bisn8 svg{color:var(--affine-v2-text-link)}._1g796s20{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:4px;display:flex}._1g796s21{flex-direction:row;flex:1;align-items:center;gap:12px;width:100%;display:flex;overflow:hidden}._1g796s22{flex-direction:column;width:100%;display:flex;overflow:hidden}._1g796s23{color:var(--affine-v2-text-primary);font-size:var(--affine-font-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._1g796s24{color:var(--affine-v2-text-secondary);font-size:var(--affine-font-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._1g796s25{color:var(--affine-v2-text-primary);font-size:var(--affine-font-sm);flex-shrink:0}._1g796s25.disable{color:var(--affine-v2-text-disable)}._1g796s26{word-break:break-word}._1g796s27{font-size:var(--affine-font-sm);border-radius:4px;gap:4px;padding:4px 0 4px 4px;font-weight:400;display:flex}._1g796s28{color:var(--affine-v2-status-error)}._1g796s29{align-items:center;gap:8px;display:flex}._14pv5la0{flex-direction:column;flex:1;gap:8px;width:100%;height:100%;display:flex;overflow-y:hidden}._14pv5la1{border-bottom:1px solid var(--affine-v2-layer-insideBorder-border);cursor:pointer;height:28px;color:var(--affine-v2-text-secondary);flex-direction:row;align-items:center;gap:4px;padding:0 4px 6px;display:flex}._14pv5la2{color:var(--affine-v2-icon-primary);font-size:20px}._14pv5la3{border-top:1px solid var(--affine-v2-tab-divider-divider);flex-direction:row;padding-top:8px;display:flex}._14pv5la4{color:var(--affine-v2-text-link);cursor:pointer;font-size:var(--affine-font-sm);padding:5px 4px;font-weight:500}._14pv5la5{flex-direction:column;flex:1;height:100%;min-height:206px;max-height:394px;padding-top:6px;display:flex}._14pv5la6{flex-direction:column;flex:1;display:flex}._14pv5la7{width:6px}._10c8uza1{align-items:center;width:100%;display:flex;position:relative;container:_10c8uza0/inline-size}._10c8uza1.secondary{margin-top:12px;padding:0}._10c8uza2{color:#0000;height:30px;position:initial;border-right:none;border-radius:4px 0 0 4px;flex:1;padding:4px 6px 4px 12px}._10c8uza2.dark{background-color:var(--affine-v2-layer-pureBlack)}._10c8uza2.dark::hover{background-color:var(--affine-v2-layer-pureBlack)}._10c8uza3{border-right:none;border-radius:4px 0 0 4px;width:100%;position:relative}._10c8uza4{text-align:end;color:var(--affine-v2-text-pureWhite);line-height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}._10c8uza4.secondary{color:var(--affine-v2-text-primary)}._10c8uza5{text-align:end;opacity:.5;color:var(--affine-v2-text-pureWhite);line-height:20px;position:absolute;top:50%;right:52px;transform:translateY(-50%)}._10c8uza5.secondary{color:var(--affine-v2-text-secondary)}._10c8uza6{border-left:none;border-radius:0 4px 4px 0;height:30px;padding:4px 12px 4px 8px}._10c8uza6:hover{background-color:var(--affine-v2-button-primary);color:var(--affine-v2-button-pureWhiteText)}._10c8uza6:after{content:"";background-color:var(--affine-v2-button-innerBlackBorder);width:1px;height:100%;position:absolute;top:0;left:0}._10c8uza6.secondary,._10c8uza6.secondary:hover{background-color:var(--affine-v2-button-secondary);color:var(--affine-v2-text-secondary)}._10c8uza6 svg{color:var(--affine-v2-button-pureWhiteText);transform:translate(2px)}._10c8uza6.secondary svg{color:var(--affine-v2-text-secondary);transform:translate(2px)}._10c8uza7{padding:4px;transition:all .3s}@container _10c8uza0 (width<=320px){._10c8uza5{display:none}}._1bhm0m30{font-size:var(--affine-font-sm);border-radius:4px;justify-content:space-between;height:30px;padding:4px 0 4px 4px;font-weight:400;display:flex}._1bhm0m30.disable{color:var(--affine-v2-text-disable);align-items:center;gap:4px;margin-right:4px}._1bhm0m31{align-items:center;gap:4px;margin:0 4px;display:flex}._1bhm0m32{width:20px;height:20px}._1bhm0m33{flex-direction:row;justify-content:space-between;align-items:center;margin-left:4px;display:flex}._1bhm0m34{flex-direction:column;gap:8px;display:flex}._1bhm0m35{font-size:var(--affine-font-sm)}._1bhm0m36{justify-content:space-between;align-items:center;display:flex}._1bhm0m37{align-items:center;gap:8px;display:flex}._1bhm0m38{color:var(--affine-v2-icon-primary);font-size:20px}._1bhm0m38.disable{color:var(--affine-v2-icon-disable)}._1n197tc0{border-radius:4px;gap:4px;height:30px;padding:4px}._1n197tc1{color:var(--affine-v2-icon-primary);font-size:20px}.gp3u4h0[data-state=open]{background-color:var(--affine-hover-color)}._1f31tkn0{width:420px;max-width:calc(var(--radix-dropdown-menu-content-available-width) - 8px);padding:4px}.p8psso0{width:100%;height:100%;position:relative}.p8psso1{align-items:center;gap:12px;width:100%;height:100%;display:flex;container:detail-page-header/inline-size}.p8psso2{flex-grow:1;min-width:12px}.p8psso3{flex-grow:1;justify-content:center;align-items:center;min-width:100px;display:flex}.p8psso4{align-items:center;gap:10px;display:flex}.p8psso5{cursor:grab;opacity:0;width:16px;position:absolute;top:0;bottom:0;left:-16px}.p8psso0:hover .p8psso5,.p8psso0[data-dragging=true] .p8psso5{opacity:1}.p8psso6{border:1px solid var(--affine-v2-layer-insideBorder-border);background-color:var(--affine-v2-layer-background-primary);border-radius:12px;max-width:280px;padding:4px 16px;overflow:hidden}.p8psso7{background-color:var(--affine-v2-button-templateLabelBackground);color:var(--affine-v2-button-primary);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;line-height:20px}@container (width<=400px){.p8psso8{display:none}}._2wl10o0{width:100%;height:100%;display:flex}.j7kbqu0{flex-direction:column;gap:20px;min-height:100%;padding:16px;display:flex}.j7kbqu1{flex-direction:column;gap:12px;display:flex}.j7kbqu2{justify-content:space-between;align-items:center;gap:8px;display:flex}.j7kbqu3{color:var(--affine-text-primary-color);font-size:var(--affine-font-base);align-items:baseline;gap:8px;font-weight:600;display:flex}.j7kbqu4{color:var(--affine-text-secondary-color);font-size:var(--affine-font-sm);font-weight:500}.j7kbqu5{justify-content:space-between;min-width:124px}.j7kbqu6{color:var(--affine-text-secondary-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.j7kbqu6:hover{color:var(--affine-text-primary-color)}.j7kbqu7{align-items:stretch;gap:8px;display:flex}.j7kbqu8{border:1px solid var(--affine-border-color);background-color:var(--affine-background-primary-color);border-radius:10px;flex-direction:column;flex:1;gap:4px;min-width:0;padding:8px 10px;display:flex}.j7kbqu9{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);line-height:1.2}.j7kbqua{color:var(--affine-text-primary-color);font-size:var(--affine-font-base);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2}.j7kbqub{border:1px solid var(--affine-border-color);background-color:var(--affine-background-primary-color);border-radius:12px;height:228px;padding:10px 10px 8px}.j7kbquc{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;display:flex}.j7kbqud{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);flex-wrap:wrap;gap:12px;display:flex}.j7kbque{align-items:center;gap:6px;display:inline-flex}.j7kbquf{border-radius:50%;width:8px;height:8px}.j7kbqug{border:1px solid var(--affine-border-color);background-color:var(--affine-background-primary-color);min-width:160px;box-shadow:var(--affine-shadow-2);border-radius:8px;padding:8px 10px}.j7kbquh{color:var(--affine-text-primary-color);font-size:var(--affine-font-sm);margin-bottom:6px;font-weight:500}.j7kbqui{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);align-items:center;gap:6px;line-height:1.4;display:flex}.j7kbquj{color:var(--affine-text-primary-color);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.j7kbquk{border:1px dashed var(--affine-border-color);color:var(--affine-text-secondary-color);font-size:var(--affine-font-sm);text-align:center;border-radius:10px;justify-content:center;align-items:center;min-height:96px;padding:0 16px;display:flex}.j7kbqul{flex-direction:column;gap:6px;display:flex}.j7kbqum{border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.j7kbqum:hover{background-color:var(--affine-hover-color)}.j7kbqun{align-items:center;gap:8px;min-width:0;display:flex}.j7kbquo{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--affine-text-primary-color);font-size:var(--affine-font-sm);font-weight:500;overflow:hidden}.j7kbqup{color:var(--affine-text-secondary-color);font-size:var(--affine-font-sm);font-variant-numeric:tabular-nums;flex-shrink:0}.j7kbquq{align-self:flex-start}.j7kbqur{justify-content:center;align-items:center;min-height:120px;display:flex}._1vmohyh0{-webkit-user-select:text;user-select:text;flex-direction:column;width:100%;height:100%;display:flex}._1vmohyh1{flex-direction:column;height:100%;display:flex}._1vmohyh2{background:var(--affine-background-primary-color);padding:8px var(--h-padding,16px);z-index:1;border-bottom:.5px solid var(--affine-v2-layer-insideBorder-border);justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:36px;display:flex;position:relative}._1vmohyh3{color:var(--affine-text-secondary-color);align-items:center;font-size:14px;font-weight:500;display:flex}._1vmohyh4{cursor:pointer;justify-content:center;align-items:center;margin-left:8px;margin-right:auto;padding:2px;display:flex}._1vmohyh5{flex-direction:column;flex-grow:1;width:100%;height:0;min-height:0;display:flex}._1vmohyh6{align-items:center;height:100%;padding:44px 0 166px;display:flex;position:relative}._1vmohyh7{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}._1vmohyh8{font-weight:600;font-size:var(--affine-font-sm);color:var(--affine-text-secondary-color)}._1vmohyh9{width:44px;height:44px;color:var(--affine-icon-secondary)}._1vmohyha{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}._1vmohyh4 svg{width:18px;height:18px;color:var(--affine-text-secondary-color)}._1vmohyh4:hover svg{color:var(--affine-v2-icon-activated)}._1vmohyh5>ai-chat-content{flex-grow:1;width:100%;height:0;min-height:0}.aag2ss0,.gey84w0{width:100%;height:100%;display:flex}