.rhz7lh0[data-dragged-over=true]{background:var(--affine-hover-color);border-radius:4px}
.g4998b1{justify-content:space-between}.g4998b1,.g4998b2{align-items:center;display:flex;gap:8px}.g4998b3,.g4998b4{flex:1;width:0}.g4998b5{display:flex;flex-direction:column;gap:4px}.g4998b5>div:not([data-divider]){margin-bottom:0!important;margin-top:0!important}.g4998b6{border-radius:4px;display:flex;flex-direction:column;gap:4px}.g4998b7{cursor:pointer;padding:12px}.g4998b7[data-pro]{padding:12px 12px 2px}.g4998b8{padding:4px 12px}.g4998b9{align-items:center;color:var(--affine-text-secondary-color);display:flex;font-size:var(--affine-font-xs);font-weight:400;justify-content:space-between;line-height:20px}.g4998ba{color:var(--affine-text-primary-color);margin-right:0.5em}.g4998bb{border-radius:5px;height:10px;min-width:260px;overflow:hidden;position:relative}.g4998bb:before{background-color:var(--affine-black);content:"";inset:0;opacity:0.04;position:absolute}.g4998bc{background-color:var(--g4998b0);border-radius:inherit;height:100%}.g4998bd{background:var(--affine-primary-color);border-radius:4px;color:var(--affine-pure-white);font-size:var(--affine-font-xs);font-weight:500;height:20px;line-height:20px;padding:0px 4px}
._13axd4m0{margin:80px auto;max-width:536px}._13axd4m1{align-items:center;display:flex;flex-direction:column;padding:48px 52px}._13axd4m2{color:var(--affine-text-secondary-color);font-size:12px;font-style:normal;font-weight:400;line-height:20px;margin:20px 0;text-align:center}
.zt1q5w0{align-items:center;background-color:var(--affine-background-primary-color);border-bottom:1px solid var(--affine-border-color);display:flex;gap:8px;justify-content:space-between;padding:12px 16px;position:sticky;width:100%;z-index:2}.zt1q5w1{cursor:pointer;font-size:32px}.zt1q5w2{align-items:center;display:flex;font-size:var(--affine-font-h-3);font-weight:700;gap:8px;justify-content:center;text-align:center;white-space:pre-wrap}.zt1q5w3{flex-direction:column;flex-wrap:wrap}.zt1q5w3,.zt1q5w4{display:flex;width:100%}.zt1q5w4{align-items:center;cursor:pointer;word-break:break-all;word-wrap:break-word;border-radius:4px;color:var(--affine-text-primary-color);font-size:var(--affine-font-base);font-weight:700;margin-bottom:4px;padding:4px;text-transform:capitalize}.zt1q5w4:hover{background-color:var(--affine-hover-color)}.zt1q5w4:visited{color:var(--affine-text-primary-color)}.zt1q5w4[data-active=true]{background:var(--affine-hover-color)}.zt1q5w5{transform:rotate(-90deg);transition:transform 0.2s}.zt1q5w5[data-open=true]{transform:rotate(0deg) translateY(3px) translateX(-3px)}.zt1q5w6{display:flex;flex-direction:column;width:100%;word-break:break-all;word-wrap:break-word}.zt1q5w7{border-radius:4px;color:var(--affine-text-primary-color);cursor:pointer;font-size:var(--affine-font-sm);padding:4px 18px;text-transform:capitalize}.zt1q5w7:hover{background-color:var(--affine-hover-color)}.zt1q5w8{padding:4px 0px;width:100%}.zt1q5w8,.zt1q5w8:visited{color:var(--affine-text-primary-color)}.zt1q5w9{border-bottom:0.5px solid var(--affine-border-color);display:flex;gap:8px;max-width:960px;min-height:100px;padding:16px 0}.zt1q5wa{gap:4px;width:60%}.zt1q5wa,.zt1q5wb{display:flex;flex-direction:column}.zt1q5wb{align-items:flex-end;color:var(--affine-text-primary-color);font-size:var(--affine-font-xs);gap:8px;width:40%}.zt1q5wc{font-size:var(--affine-font-base);font-weight:700;word-break:break-all;word-wrap:break-word;margin-bottom:6px}.zt1q5wd{background-color:var(--affine-background-secondary-color);border-color:var(--affine-border-color);border-radius:4px;padding:2px 4px;word-break:keep-all}.zt1q5wd,.zt1q5we{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs)}.zt1q5wf{background:var(--affine-background-secondary-color);border-radius:4px;color:var(--affine-text-primary-color);display:flex;flex-direction:column;font-size:var(--affine-font-sm);gap:4px;margin-top:8px;min-height:64px;overflow:hidden;padding:12px 16px 16px 12px}.zt1q5wg{background:var(--affine-text-highlight-red);color:var(--affine-text-highlight-foreground-red);margin-right:2px;text-decoration:line-through}.zt1q5wh{background:var(--affine-text-highlight-green);color:var(--affine-text-highlight-foreground-green)}
.wif9yu0{display:flex;flex-direction:column;font-size:var(--affine-font-base);height:100vh;position:relative;width:100vw}.wif9yu1{width:100%}.wif9yu1,.wif9yu2{display:flex;height:100%}.wif9yu2{border-right:1px solid var(--affine-border-color);flex-direction:column;padding:12px 8px;width:300px;z-index:3}.wif9yu2,.wif9yu3{background:var(--affine-background-primary-color)}.wif9yu3{padding:24px 0 160px}.wif9yu4{align-items:center;overflow:auto}.wif9yu4,.wif9yu5{display:flex;flex-direction:column;width:100%}.wif9yu5{gap:16px;margin:auto;max-width:960px;padding:16px}.wif9yu6{border-bottom:0.5px solid var(--affine-border-color);font-size:var(--affine-font-h-5);font-weight:700;margin-bottom:8px;padding:16px 0;text-transform:capitalize}
@keyframes _16qq1f81{0%{opacity:0}to{opacity:1}}._16qq1f80{perspective:10000px;transform-style:preserve-3d}._16qq1f82{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;width:100vw}._16qq1f82:after{background:#f4f4f5;content:"";inset:0;position:absolute;transform:translateZ(-1000px) scale(2);transition:opacity 0.3s ease}._16qq1f82[data-is-desktop=true]:after{animation:_16qq1f81 0.8s linear;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent 99.58%)}._16qq1f82[data-is-window=true][data-is-desktop=true]:after{opacity:0}._16qq1f82 *{perspective:10000px;transform-style:preserve-3d}._16qq1f83{align-items:center;display:flex;height:0;justify-content:center;position:relative;width:0}._16qq1f84{left:calc(var(--offset-x) - 115px);position:absolute;top:calc(var(--offset-y) - 151px)}._16qq1f85{bottom:0;display:flex;height:376px;justify-content:center;max-height:calc(50vh - 48px);max-width:calc(100vw - 96px);opacity:0;pointer-events:none;position:absolute;transition:0.3s ease;width:1152px}._16qq1f85[data-visible=true]{opacity:1}._16qq1f85>*{display:inline-block;height:fit-content}._16qq1f85[data-visible=true]>*{pointer-events:auto}
@keyframes _1t2e7xs0{0%{opacity:0;pointer-events:none}to{opacity:1;pointer-events:auto}}._1t2e7xs1{animation:_1t2e7xs0 1s ease forwards;animation-delay:5s;color:#121212;font-family:var(--affine-font-family);font-size:20px;font-weight:600;line-height:28px;opacity:0;text-align:center;width:500px}[data-is-desktop=true] ._1t2e7xs1{color:#fff;text-shadow:0px 0px 4px rgba(66,65,73,.14)}._1t2e7xs2{animation:_1t2e7xs0 1s ease forwards;animation-delay:20s;opacity:0;position:absolute;right:0;top:0}
.briwj02{--briwj00:230px;--briwj01:302px;height:var(--briwj01);position:relative;width:var(--briwj00)}.briwj03{height:100%;top:calc(var(--segments-up)/var(--segments)*100%)}.briwj03,.briwj03:before{background:#fff;position:absolute;width:100%}.briwj03:before{content:"";height:2px;transform:translateZ(-1px)}.briwj03[data-root=true]:before{content:none}.briwj03[data-direction=up]:before{bottom:-1px}.briwj03[data-direction=down]:before{top:-1px}.briwj03[data-root=true]{height:calc(1/var(--segments)*100%)}.briwj03[data-direction=up]{bottom:100%;top:unset;transform-origin:bottom}.briwj03[data-direction=down]{top:100%;transform-origin:top}.briwj03[data-top=true]{border-top-left-radius:8px;border-top-right-radius:8px}.briwj03[data-bottom=true]{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.briwj04{height:100%;overflow:hidden;position:absolute;width:100%}.briwj05{font-family:var(--affine-font-family);overflow:hidden;padding:16px}.briwj04>.briwj05{height:var(--briwj01);position:absolute;top:calc((var(--index))*-100%);width:var(--briwj00)}.briwj06{height:100%;overflow:hidden;width:100%}.briwj07{color:#121212;display:flex;flex-direction:column;gap:12px}.briwj08{font-size:18px;font-weight:600;line-height:26px}.briwj09{font-size:14px;font-weight:400;line-height:22px}
@keyframes _12dmwtr3{0%{stroke-dashoffset:120}to{stroke-dashoffset:0}}@keyframes _12dmwtr5{0%{opacity:0}to{opacity:1}}._12dmwtr0{gap:8px}._12dmwtr0,._12dmwtr1{align-items:center;display:flex}._12dmwtr1{flex-shrink:0;height:50px;justify-content:center;width:50px}._12dmwtr2{flex-grow:1;font-family:Orelega One;font-size:16px;font-weight:700;line-height:18px;width:0}._12dmwtr4{stroke-dashoffset:120}[data-mode=edgeless] ._12dmwtr4{animation:_12dmwtr3 0.5s ease forwards}._12dmwtr6{opacity:0}[data-mode=edgeless] ._12dmwtr6{animation:_12dmwtr5 0.2s ease forwards}
._63ir4o0 h1{font-size:40px;font-weight:600;line-height:48px}._63ir4o0 h2{font-size:20px;font-weight:600;line-height:28px}._63ir4o0 h3{font-size:18px;font-weight:600;line-height:26px}._63ir4o0 p{font-size:15px;font-weight:400;line-height:23px}._63ir4o0 b{font-weight:600}._63ir4o0 ol{counter-reset:section;display:flex;flex-direction:column;gap:2px;list-style-type:none}._63ir4o0 ol li,._63ir4o0 ul li{font-size:15px;font-weight:400;line-height:23px}._63ir4o0 ol li:before{color:#1c81d9;content:counter(section) ".";counter-increment:section;display:inline-block;margin-right:4px;width:24px}._63ir4o0 ul{display:flex;flex-direction:column;gap:2px;list-style-type:none}._63ir4o0 ul li{padding-left:24px;position:relative}._63ir4o0 ul li:before{--dot-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3E%3Ccircle cx=%272%27 cy=%272%27 r=%272%27 fill=%27%231C81D9%27/%3E%3C/svg%3E");background-image:var(--dot-svg);background-position:4px 50%;background-repeat:no-repeat;content:"";display:inline-block;height:24px;left:0;position:absolute;top:0;width:24px}._63ir4o0 img.illustration{border-radius:5px;overflow:hidden}._63ir4o1{color:#1e67af}._63ir4o2{align-items:baseline;color:#424149;display:inline-flex;font-weight:500;gap:5px}._63ir4o3{align-self:center;color:#77757d}._63ir4o4{position:relative}._63ir4o4:after{background-color:#e3e2e4;bottom:-1px;content:"";height:1px;left:0;position:absolute;transform:scaleY(0.5);width:100%}._63ir4o5{padding-left:17px;position:relative}._63ir4o5:before{background-color:#d9d9d9;border-radius:1px;content:"";height:100%;left:0;position:absolute;top:0;width:2px}._63ir4o6{align-self:center;background-color:#e3e2e4;border:none;height:1px;margin:18px 0;width:calc(100% - 20px)}
@keyframes _1u7py2k2{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _1u7py2k6{0%{box-shadow:0px 0px 0px 0px #000}to{box-shadow:10px 10px 0px 6px #000}}._1u7py2k0{align-items:center;background:#f4f4f5;border-radius:24px;display:flex;gap:16px;height:64px;justify-content:space-between;padding:8px;width:128px}._1u7py2k0:after{background-color:#fff;border-radius:16px;box-shadow:var(--affine-shadow-1);content:"";height:48px;position:absolute;transition:transform 0.15s ease;width:48px}._1u7py2k0[data-mode=edgeless]:after{transform:translateX(64px)}._1u7py2k1{box-shadow:none;opacity:0.6;transform:scale(2)}._1u7py2k1:first-child{transform-origin:left}._1u7py2k1:nth-child(2){transform-origin:right}._1u7py2k1[data-active=true]{opacity:1}._1u7py2k3{background-color:#fff;border:1px solid #e3e2e4;border-radius:16px;box-shadow:0px 0px 12px 0px #4241492e;cursor:not-allowed;height:65px;overflow:hidden}._1u7py2k4{--delay:0s}[data-mode=edgeless] ._1u7py2k4{animation:_1u7py2k2 0.4s cubic-bezier(.04,1.01,.42,1.31) forwards;animation-delay:var(--delay);transform:translateY(120%)}._1u7py2k5{--enter-delay:0ms;--leave-delay:0ms;border:2px solid transparent;border-radius:8px;cursor:unset;display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:0 28px}._1u7py2k5[data-bg-mode=true]{background:var(--bg);border-color:rgba(0,0,0,.1);box-shadow:0px 0px 12px 0px rgba(66,65,73,.14),inset 0px 0px 0px 0.5px #e3e3e4;padding:18px 28px}._1u7py2k5[data-invisible=true]{margin-bottom:0;opacity:0;pointer-events:none}._1u7py2k5:last-child{margin-bottom:0}._1u7py2k5[data-mode=edgeless],._1u7py2k5[data-mode=well-done]{transition:all 0.5s ease var(--enter-delay)}._1u7py2k5[data-mode=page]{transition:all 0.5s ease var(--leave-delay)}._1u7py2k7{border-radius:8px;box-shadow:10px 10px 0px 6px #000;font-size:15px;line-height:23px;padding:22px 24px;position:relative}._1u7py2k7:before{border-radius:inherit;box-shadow:0px 0px 0px 6px #000;content:"";inset:0;pointer-events:none;position:absolute}[data-mode=edgeless] ._1u7py2k7[data-animate=true]{animation:_1u7py2k6 0.6s ease forwards}
@keyframes _1118jjv0{0%{transform:translateZ(var(--fromZ)) translateX(var(--fromX)) translateY(var(--fromY)) rotateX(var(--fromRotateX)) rotateY(var(--fromRotateY)) rotate(var(--fromRotateZ))}to{transform:translateZ(var(--toZ)) translateX(0) translateY(0) rotateX(0deg) rotateY(0deg) rotate(var(--toRotateZ))}}._1118jjv1{animation:_1118jjv0 var(--duration) ease forwards;animation-delay:var(--delay);transform:translateY(100vh)}
@keyframes kysp635{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.kysp630{--bg-size:10px;background-color:#fff;border-radius:8px;box-shadow:1px 18px 39px 0px rgba(0,0,0,.15),5px 71px 71px 0px rgba(0,0,0,.09),12px 160px 96px 0px rgba(0,0,0,.05),20px 284px 114px 0px rgba(0,0,0,.01),32px 443px 124px 0px transparent;color:#121212;font-family:var(--affine-font-family);max-height:calc(100vh - 48px);max-width:calc(100vw - 48px);overflow:hidden;position:relative;transition:width 0.3s ease,height 0.3s ease,border-radius 0.3s ease}.kysp630[data-mode=edgeless],.kysp630[data-mode=page]{border-radius:8px;height:800px;width:1200px}.kysp630[data-mode=well-done]{border-radius:12px;height:600px;width:800px}.kysp631{display:flex;height:100%;transition:transform 0.4s ease;width:200%;will-change:transform}[data-mode=well-done] .kysp631{transform:translateX(-50%)}.kysp632{flex-grow:0;flex-shrink:0;height:100%;overflow:hidden;width:50%}.kysp633:before{background-image:radial-gradient(#e6e6e6 1px,#fff 0);background-position-x:calc(var(--offset-x)*var(--scale));background-position-y:calc(var(--offset-y)*var(--scale));background-repeat:repeat;background-size:calc(24px*var(--scale)) calc(24px*var(--scale));content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity 0.3s ease}[data-mode=edgeless] .kysp633:before{opacity:1}.kysp634{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;text-align:center;user-select:none}.kysp636{opacity:0}[data-mode=well-done] .kysp636{animation:kysp635 0.25s ease forwards}.kysp636:first-child{animation-delay:0.1s}.kysp636:nth-child(2){animation-delay:0.15s}.kysp636:nth-child(3){animation-delay:0.2s}.kysp636:nth-child(4){animation-delay:0.25s}.kysp637{font-size:28px;font-weight:600;line-height:36px}.kysp638{font-size:15px;font-weight:400;line-height:24px}.kysp639{bottom:20px;left:50%;position:absolute;transform:translateX(-50%) translateY(200px);transition:transform 0.3s ease}.kysp630[data-mode=edgeless] .kysp639{transform:translateX(-50%) translateY(0px)}.kysp63a{align-items:flex-start;display:flex;height:100%;justify-content:center;overflow-y:visible;position:relative;transform:scale(var(--scale)) translate(var(--offset-x),var(--offset-y));transition:transform 0.36s ease;width:100%}[data-scroll=true] .kysp63a{overflow-y:auto}[data-mode=edgeless] .kysp63a{cursor:grab}[data-mode=edgeless] .grabbing .kysp63a{cursor:grabbing;transition:none}[data-mode=edgeless] .scaling .kysp63a{transition:none}.kysp63b{min-height:800px;padding-bottom:150px;padding-top:150px;width:800px}.kysp63c{inset:0;pointer-events:none;position:absolute}.kysp63c>*{pointer-events:auto}.kysp63d{align-items:flex-start;display:flex;justify-content:space-between;padding:24px;pointer-events:none;position:absolute;top:0;width:100%}.kysp63d>*{pointer-events:auto}
@keyframes q09aax0{0%{box-shadow:0px 0px 0px transparent}to{box-shadow:0px 0px 4px rgba(66,65,73,.14)}}@keyframes q09aax1{0%{opacity:0}to{opacity:1}}@keyframes q09aax2{0%{opacity:1}to{opacity:0}}.q09aax3{--hover-offset-y:0px;--hover-scale:1;align-items:center;animation:q09aax0 0.5s ease forwards;background-color:#fff;border-radius:8px;box-shadow:0px 0px 0px transparent;cursor:pointer;display:flex;height:302px;justify-content:center;transform:rotate(var(--toRotateZ)) translateY(var(--hover-offset-y)) scale(var(--hover-scale));transition:all 0.23s ease,width 0.3s ease,height 0.3s ease,transform 0.3s ease;width:230px}.q09aax3:hover{--hover-offset-y:-10px;--hover-scale:1.03}.q09aax3:before{animation:q09aax1 0.5s ease forwards;border:1px solid #e3e2e4;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.q09aax3[data-fold=false]{--toRotateZ:0deg;--hover-offset-y:0px;--hover-scale:1;height:800px;left:-600px;top:-400px;width:1200px}.q09aax4{font-family:var(--affine-font-family);height:302px;overflow:hidden;padding:16px;width:230px}.q09aax4.leave{animation:q09aax2 0.1s ease forwards}
.xpxsif0{align-items:center;border:1px solid var(--affine-border-color);border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:4px;line-height:24px;padding:8px 18px}.xpxsif0:hover{background-color:var(--affine-hover-color)}.xpxsif1{border-radius:4px;cursor:pointer;user-select:none}.xpxsif1:hover{background-color:var(--affine-hover-color)}.xpxsif2{transition:opacity 0.1s ease-in-out}.xpxsif3{border-radius:8px;height:30px;width:30px}.xpxsif4{opacity:0;pointer-events:none}
._2ct5f60{height:24px;width:24px}._2ct5f60 svg path{stroke:currentColor}
._9fbys54{--_9fbys50:52px;--_9fbys51:68px;--_9fbys52:240px;--_9fbys53:40px;height:100%;width:100%}._9fbys55{display:flex;height:calc(100% - var(--_9fbys51));position:absolute;width:100%}._9fbys55[data-empty=true]{opacity:0;pointer-events:none}._9fbys56{background-color:var(--affine-background-secondary-color);height:100%;position:relative;width:calc(100% - var(--_9fbys52));z-index:0}._9fbys56,._9fbys57{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}._9fbys57{background-color:var(--affine-background-primary-color);border-radius:8px;box-shadow:var(--affine-shadow-3);height:200%;left:40px;position:absolute;top:0;transform-origin:top center;transition:transform 0.3s ease-in-out 0.1s,opacity 0.3s ease-in-out;width:calc(100% - 80px)}._9fbys57[data-distance="-20"]{opacity:0;pointer-events:none;transform:scale(2) translateY(calc(160px + var(--_9fbys53)));z-index:20}._9fbys57[data-distance="-19"]{opacity:0;pointer-events:none;transform:scale(1.9500000000000002) translateY(calc(152px + var(--_9fbys53)));z-index:19}._9fbys57[data-distance="-18"]{opacity:0;pointer-events:none;transform:scale(1.9) translateY(calc(144px + var(--_9fbys53)));z-index:18}._9fbys57[data-distance="-17"]{opacity:0;pointer-events:none;transform:scale(1.85) translateY(calc(136px + var(--_9fbys53)));z-index:17}._9fbys57[data-distance="-16"]{opacity:0;pointer-events:none;transform:scale(1.8) translateY(calc(128px + var(--_9fbys53)));z-index:16}._9fbys57[data-distance="-15"]{opacity:0;pointer-events:none;transform:scale(1.75) translateY(calc(120px + var(--_9fbys53)));z-index:15}._9fbys57[data-distance="-14"]{opacity:0;pointer-events:none;transform:scale(1.7000000000000002) translateY(calc(112px + var(--_9fbys53)));z-index:14}._9fbys57[data-distance="-13"]{opacity:0;pointer-events:none;transform:scale(1.65) translateY(calc(104px + var(--_9fbys53)));z-index:13}._9fbys57[data-distance="-12"]{opacity:0;pointer-events:none;transform:scale(1.6) translateY(calc(96px + var(--_9fbys53)));z-index:12}._9fbys57[data-distance="-11"]{opacity:0;pointer-events:none;transform:scale(1.55) translateY(calc(88px + var(--_9fbys53)));z-index:11}._9fbys57[data-distance="-10"]{opacity:0;pointer-events:none;transform:scale(1.5) translateY(calc(80px + var(--_9fbys53)));z-index:10}._9fbys57[data-distance="-9"]{opacity:0;pointer-events:none;transform:scale(1.45) translateY(calc(72px + var(--_9fbys53)));z-index:9}._9fbys57[data-distance="-8"]{opacity:0;pointer-events:none;transform:scale(1.4) translateY(calc(64px + var(--_9fbys53)));z-index:8}._9fbys57[data-distance="-7"]{opacity:0;pointer-events:none;transform:scale(1.35) translateY(calc(56px + var(--_9fbys53)));z-index:7}._9fbys57[data-distance="-6"]{opacity:0;pointer-events:none;transform:scale(1.3) translateY(calc(48px + var(--_9fbys53)));z-index:6}._9fbys57[data-distance="-5"]{opacity:0;pointer-events:none;transform:scale(1.25) translateY(calc(40px + var(--_9fbys53)));z-index:5}._9fbys57[data-distance="-4"]{opacity:0;pointer-events:none;transform:scale(1.2) translateY(calc(32px + var(--_9fbys53)));z-index:4}._9fbys57[data-distance="-3"]{opacity:0;pointer-events:none;transform:scale(1.15) translateY(calc(24px + var(--_9fbys53)));z-index:3}._9fbys57[data-distance="-2"]{opacity:0;pointer-events:none;transform:scale(1.1) translateY(calc(16px + var(--_9fbys53)));z-index:2}._9fbys57[data-distance="-1"]{opacity:0;pointer-events:none;transform:scale(1.05) translateY(calc(8px + var(--_9fbys53)));z-index:1}._9fbys57[data-distance="0"]{opacity:1;pointer-events:auto;transform:scale(1) translateY(calc(var(--_9fbys53)));z-index:0}._9fbys57[data-distance="1"]{opacity:1;pointer-events:none;transform:scale(0.95) translateY(calc(-8px + var(--_9fbys53)));z-index:-1}._9fbys57[data-distance="2"]{opacity:1;pointer-events:none;transform:scale(0.9) translateY(calc(-16px + var(--_9fbys53)));z-index:-2}._9fbys57[data-distance="3"]{opacity:0;pointer-events:none;transform:scale(0.85) translateY(calc(-24px + var(--_9fbys53)));z-index:-3}._9fbys57[data-distance="4"]{opacity:0;pointer-events:none;transform:scale(0.8) translateY(calc(-32px + var(--_9fbys53)));z-index:-4}._9fbys57[data-distance="5"]{opacity:0;pointer-events:none;transform:scale(0.75) translateY(calc(-40px + var(--_9fbys53)));z-index:-5}._9fbys57[data-distance="6"]{opacity:0;pointer-events:none;transform:scale(0.7) translateY(calc(-48px + var(--_9fbys53)));z-index:-6}._9fbys57[data-distance="7"]{opacity:0;pointer-events:none;transform:scale(0.6499999999999999) translateY(calc(-56px + var(--_9fbys53)));z-index:-7}._9fbys57[data-distance="8"]{opacity:0;pointer-events:none;transform:scale(0.6) translateY(calc(-64px + var(--_9fbys53)));z-index:-8}._9fbys57[data-distance="9"]{opacity:0;pointer-events:none;transform:scale(0.55) translateY(calc(-72px + var(--_9fbys53)));z-index:-9}._9fbys57[data-distance="10"]{opacity:0;pointer-events:none;transform:scale(0.5) translateY(calc(-80px + var(--_9fbys53)));z-index:-10}._9fbys57[data-distance="11"]{opacity:0;pointer-events:none;transform:scale(0.44999999999999996) translateY(calc(-88px + var(--_9fbys53)));z-index:-11}._9fbys57[data-distance="12"]{opacity:0;pointer-events:none;transform:scale(0.3999999999999999) translateY(calc(-96px + var(--_9fbys53)));z-index:-12}._9fbys57[data-distance="13"]{opacity:0;pointer-events:none;transform:scale(0.35) translateY(calc(-104px + var(--_9fbys53)));z-index:-13}._9fbys57[data-distance="14"]{opacity:0;pointer-events:none;transform:scale(0.29999999999999993) translateY(calc(-112px + var(--_9fbys53)));z-index:-14}._9fbys57[data-distance="15"]{opacity:0;pointer-events:none;transform:scale(0.25) translateY(calc(-120px + var(--_9fbys53)));z-index:-15}._9fbys57[data-distance="16"]{opacity:0;pointer-events:none;transform:scale(0.19999999999999996) translateY(calc(-128px + var(--_9fbys53)));z-index:-16}._9fbys57[data-distance="17"]{opacity:0;pointer-events:none;transform:scale(0.1499999999999999) translateY(calc(-136px + var(--_9fbys53)));z-index:-17}._9fbys57[data-distance="18"]{opacity:0;pointer-events:none;transform:scale(0.09999999999999998) translateY(calc(-144px + var(--_9fbys53)));z-index:-18}._9fbys57[data-distance="19"]{opacity:0;pointer-events:none;transform:scale(0.04999999999999993) translateY(calc(-152px + var(--_9fbys53)));z-index:-19}._9fbys57[data-distance="20"],._9fbys57[data-distance="> 20"]{opacity:0;pointer-events:none;transform:scale(0) translateY(calc(-160px + var(--_9fbys53)));z-index:-20}._9fbys57[data-distance="< -20"]{opacity:0;pointer-events:none;transform:scale(2) translateY(calc(160px + var(--_9fbys53)));z-index:20}._9fbys58{height:calc(50% - var(--_9fbys53) - var(--_9fbys50))}._9fbys59{align-items:center;background-color:var(--affine-background-primary-color);border-bottom:1px solid var(--affine-border-color);display:flex;flex-shrink:0;gap:12px;height:var(--_9fbys50);justify-content:center;padding:0 12px}._9fbys5a{font-weight:600;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._9fbys5a,._9fbys5b{font-size:var(--affine-font-xs)}._9fbys5b{background-color:var(--affine-background-secondary-color);border-radius:4px;color:var(--affine-text-secondary-color);padding:0 10px}._9fbys5c{flex-grow:1;height:100%}._9fbys5d{display:flex;height:100%;overflow:hidden;position:relative}._9fbys5d:before{background-color:var(--affine-border-color);bottom:0;content:"";height:100%;left:16px;position:absolute;top:0;transform:translate(-50%);width:1px}._9fbys5d:is(:last-of-type,:first-of-type):not(:last-of-type:first-of-type):before{height:50%}._9fbys5d:last-of-type:first-of-type:before{display:none}._9fbys5d:first-of-type:before{top:50%}._9fbys5e{align-items:center;background-color:var(--affine-background-primary-color);display:flex;height:100%;justify-content:center}._9fbys5f{border-left:1px solid var(--affine-border-color);flex-shrink:0;height:100%;overflow:hidden;width:var(--_9fbys52)}._9fbys5g{height:calc(100% - var(--_9fbys50))}._9fbys5h{display:flex;flex-direction:column}._9fbys5i{align-items:center;border-bottom:1px solid var(--affine-border-color);display:flex;flex-shrink:0;font-weight:700;height:var(--_9fbys50);padding:0 12px}._9fbys5j{display:flex;flex-direction:column}._9fbys5k{align-items:center;background-color:var(--affine-background-primary-color);color:var(--affine-text-secondary-color);display:flex;gap:4px;height:28px;padding:0 12px 0 4px;white-space:nowrap}._9fbys5k:hover{background:var(--affine-hover-color)}._9fbys5l{align-items:center;cursor:pointer;display:flex;height:30px;padding:0 32px}._9fbys5l:hover,._9fbys5l[data-active=true]{background-color:var(--affine-hover-color)}._9fbys5l:after{background-color:var(--affine-background-secondary-color);border:1px solid var(--affine-border-color);border-radius:50%;bottom:0;content:"";height:7px;left:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:7px}._9fbys5l[data-active=true]:after{background-color:var(--affine-primary-color);border-color:var(--affine-black-30)}._9fbys5m{height:16px}._9fbys5n{border-radius:0;color:var(--affine-text-secondary-color);cursor:pointer;flex-shrink:0}._9fbys5n:hover{background-color:var(--affine-hover-color)}._9fbys5l button{color:inherit}._9fbys5o{align-items:center;border-top:1px solid var(--affine-border-color);bottom:0;display:flex;height:68px;justify-content:center;left:0;padding:0 24px;position:absolute;right:0}._9fbys5p{flex-grow:1}._9fbys5q{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;width:100%;z-index:1}._9fbys5r{font-size:var(--affine-font-h-5);font-weight:600}._9fbys5s{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);text-align:center;width:320px}._9fbys5t{transition:transform 0.2s ease-in-out}._9fbys5t[data-collapsed=false]{transform:rotate(90deg)}._9fbys5u{align-items:center;border-radius:2px;color:inherit;display:flex;font-size:24px;justify-content:center;transition:transform 0.2s}._9fbys5v{padding:4px 12px}._9fbys5w{background-color:var(--affine-background-secondary-color);border-radius:8px;flex-direction:column;font-size:var(--affine-font-xs);gap:6px;padding:10px}._9fbys5x{align-items:center;color:var(--affine-text-secondary-color);display:flex;font-weight:600;justify-content:space-between;margin-bottom:14px}._9fbys5y{cursor:pointer;margin-left:4px;text-decoration:underline}
._1ggq7uq0{flex:1}._1ggq7uq0.full-screen{--affine-editor-width:100%;--affine-editor-side-padding:72px}@media screen and (max-width:800px){._1ggq7uq0.is-public{--affine-editor-width:100%;--affine-editor-side-padding:24px}}
.kdchtr0{width:100%}.kdchtr0,.kdchtr1{display:flex;height:100%;overflow:hidden}.kdchtr1{background:var(--affine-background-primary-color);flex:1;min-width:0}.kdchtr1,.kdchtr2{flex-direction:column;position:relative}.kdchtr2{display:flex;flex-shrink:0;z-index:0}.kdchtr3{align-items:center;background:var(--affine-black);border:1px solid var(--affine-pure-black-10);border-radius:8px;bottom:20px;box-shadow:var(--affine-button-inner-shadow);color:var(--affine-white);cursor:pointer;display:flex;gap:4px;padding:8px 18px;position:absolute;right:50%;transform:translateX(50%);z-index:var(--affine-z-index-popover)}.kdchtr4{font-size:var(--affine-font-base);font-weight:700;padding:0px 4px;white-space:nowrap}@media print{.kdchtr3{display:none}}
._1y013ek0{margin-bottom:200px;margin-left:auto;margin-right:auto;max-width:var(--affine-editor-width);padding-left:var(--affine-editor-side-padding);padding-right:var(--affine-editor-side-padding);z-index:1}._1y013ek0,._1y013ek1{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}._1y013ek1{background:var(--affine-background-overlay-panel-color);gap:8px;padding:12px}._1y013ek2{color:var(--affine-text-secondary-color);font-size:var(--affine-font-sm);text-align:center}._1y013ek3{align-items:center;display:flex;gap:4px;justify-content:center;padding:0px 4px}._1y013ek3,._1y013ek3:visited{color:var(--affine-black)}@media screen and (max-width:800px){._1y013ek0{padding-left:24px;padding-right:24px}}
._3b2jam0{align-items:center;cursor:pointer;display:flex;font-size:24px;justify-content:center}._3b2jam0,._3b2jam0:visited{color:var(--affine-text-primary-color)}._3b2jam1{align-items:center;display:flex;gap:16px;padding:0 8px}._3b2jam2{background:var(--affine-border-color);display:none;height:20px;width:1px}._3b2jam2[data-is-edgeless=true],._3b2jam2[data-is-member=true]{display:block}._3b2jam3{background:var(--affine-black);border-color:var(--affine-pure-black-10);box-shadow:var(--affine-button-inner-shadow)}._3b2jam3,._3b2jam3 svg{color:var(--affine-white)}._3b2jam4{padding:4px 8px}._3b2jam5{background-color:var(--affine-brand-color);border-radius:4px;color:var(--affine-pure-white);font-size:var(--affine-font-xs);font-weight:500;height:20px;justify-content:center;padding:0 4px}._3b2jam5,._3b2jam6{align-items:center;display:flex}._3b2jam6{border-radius:8px;column-gap:10px;justify-content:space-between;padding:4px 8px;user-select:none}._3b2jam7{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;width:28px}._3b2jam8{flex-grow:1;min-width:0}._3b2jam9{align-items:center;display:flex;gap:4px;height:22px;justify-content:flex-start;width:100%}._3b2jama{font-size:var(--affine-font-sm);font-weight:600;height:22px}._3b2jama,._3b2jamb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._3b2jamb{color:var(--affine-text-secondary-color);flex-grow:1;font-size:var(--affine-font-xs);height:20px}@media screen and (max-width:640px){._3b2jam2[data-is-member=false][data-is-edgeless=true],._3b2jam3{display:none}}
._1losfdc0{align-items:center;background:var(--affine-background-primary-color);border-bottom:1px solid var(--affine-border-color);display:flex;flex-shrink:0;height:52px;padding:0 16px;width:100%}._1losfdc1{flex-grow:1;min-width:12px}
._2r0hpk0{justify-content:center}._2r0hpk0,._2r0hpk1{display:flex;gap:16px}._2r0hpk1{align-items:center;background-color:var(--affine-background-primary-color);border-top:1px solid var(--affine-border-color);bottom:0;flex-shrink:0;justify-content:space-between;padding:14px 20px;position:relative;z-index:2}._2r0hpk2{color:var(--affine-text-secondary-color);font-size:15px;font-weight:500;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._2r0hpk3{height:36px;padding:8px 18px}._2r0hpk4{height:20px;width:20px}
._57ftle0{background-color:var(--affine-background-warning-color);color:var(--affine-warning-color);font-size:var(--affine-font-sm);justify-content:center;padding:8px 16px;width:100%;z-index:1}._57ftle0,._57ftle1{align-items:center;display:flex;position:absolute}._57ftle1{color:var(--affine-icon-color);cursor:pointer;height:36px;justify-content:flex-end;right:16px;width:36px}._57ftle2{height:15px;position:relative;width:15px;z-index:1}._57ftle3{align-items:center;background-color:var(--affine-background-error-color);container-type:inline-size;display:flex;font-size:var(--affine-font-sm);font-weight:700;gap:16px;justify-content:space-between;padding:12px 16px;position:absolute;width:100%;z-index:1}._57ftle3,._57ftle4{color:var(--affine-error-color)}._57ftle4{flex-grow:1;flex-shrink:1}._57ftle5{align-items:center;display:flex;flex-shrink:0;gap:16px;justify-content:space-between}@media screen and (max-width:520px){._57ftle3{flex-wrap:wrap}._57ftle5{width:100%}}
.igi9w50{border-top:0.5px solid transparent;container-type:inline-size;display:flex;flex:1;flex-direction:column;overflow:hidden;transition:border-color 0.2s}.igi9w50[data-dynamic-top-border=false],.igi9w50[data-has-scroll-top=true]{border-color:var(--affine-border-color)}.igi9w51{display:flex;flex:1;flex-direction:column;position:relative;z-index:0}.igi9w52{background:var(--affine-background-primary-color);container-name:viewport;container-type:inline-size;display:flex;flex-direction:column}.igi9w53{margin-right:4px}@media print{.igi9w52{display:none;z-index:-1}}
._1yta8g30{align-items:center;display:flex;font-size:var(--affine-font-sm);font-weight:600;gap:4px;line-height:22px;padding:0 4px}._1yta8g31{height:auto;padding:12px;transform:translateX(-10px);width:410px}._1yta8g32{padding:4px;transition:all 0.3s}._1yta8g33{word-wrap:break-word;color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);line-height:20px;padding:0 6px;text-align:left}._1yta8g34{margin-top:18px}._1yta8g35{align-items:flex-start;gap:9px;justify-content:center}._1yta8g35,._1yta8g36{display:flex;flex-direction:column}._1yta8g36{gap:8px;width:100%}._1yta8g37{position:relative}._1yta8g38{align-items:center;display:flex;justify-content:center;margin-top:16px}._1yta8g39{align-items:center;display:flex;gap:4px;padding:0 4px}._1yta8g39,._1yta8g3a{font-size:var(--affine-font-sm);font-weight:500;line-height:22px}._1yta8g3b{display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}._1yta8g3c{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:space-between;padding:4px}._1yta8g3d{display:flex;justify-content:flex-end;max-width:250px;min-width:154px;padding:2px}._1yta8g3e{color:var(--affine-text-secondary-color)}._1yta8g3e[data-state=checked]{color:var(--affine-text-primary-color)}._1yta8g3f{color:var(--affine-error-color)}._1yta8g3g{background-color:var(--affine-background-secondary-color);border-radius:8px;min-height:84px;padding:12px 8px;position:relative}._1yta8g3g,._1yta8g3h{align-items:center;display:flex}._1yta8g3h{bottom:0;justify-content:flex-end;position:absolute;right:0;width:146px}._1yta8g3i{align-items:center;color:var(--affine-icon-color);display:flex;font-size:16px}._1yta8g3j{font-size:var(--affine-font-xs);font-weight:500;gap:4px;line-height:20px;padding:4px;transform:translateX(-4px)}._1yta8g3j>div>svg,._1yta8g3j>span{color:var(--affine-link-color)}._1yta8g3k{height:32px;padding:0px 8px}._1yta8g3l{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);font-weight:400}
._14uy6a10[data-state=open]{background-color:var(--affine-hover-color)}
._1b2wkrs0{height:calc(100% - 52px)}._1b2wkrs1{background:var(--affine-background-code-block);border:1px solid var(--affine-border-color);border-radius:4px;box-sizing:border-box;color:var(--affine-text-secondary-color);cursor:pointer;padding:0 6px}._1b2wkrs1:hover{background:var(--affine-hover-color)}._1b2wkrs2{cursor:text}._1b2wkrs3{border-color:var(--affine-layer-border);border-width:1px;box-shadow:none;cursor:default}._1b2wkrs4{align-items:center;display:flex;gap:8px}
._14r0nk20{flex:1;padding-bottom:32px;width:100%}._14r0nk21{transition:opacity 0.1s ease-in-out}._14r0nk22{border-radius:8px;font-size:16px;height:28px;padding:4px 8px;width:32px}._14r0nk23{opacity:0;pointer-events:none}._14r0nk24{display:flex;flex:1;flex-direction:column;height:100%;width:100%}
._1cq2p9c0{display:flex;padding:0 16px;position:relative}
._1ncgb2y0{display:flex;flex:1;flex-direction:column;height:100%;width:100%}
._12jc2wx0{display:flex;flex:1;justify-content:space-between;position:relative;z-index:2}._12jc2wx1{align-items:center;display:flex;flex-shrink:0;min-height:32px}._12jc2wx1.left{justify-content:left}._12jc2wx1.right{justify-content:right}._12jc2wx2{height:52px;justify-content:center;left:50%;max-width:60%;min-width:300px;position:absolute;transform:translateX(-50%);z-index:1}._12jc2wx2,._12jc2wx3{align-items:center;display:flex;flex-shrink:0}._12jc2wx3.right{flex-direction:row-reverse}._12jc2wx4{display:flex;flex-shrink:0}._12jc2wx5{-webkit-app-region:no-drag;align-items:center;border-radius:0;color:var(--affine-icon-color);cursor:pointer;display:inline-flex;height:52px;justify-content:center;width:52px}._12jc2wx5[data-type=close]{padding-right:5px;width:56px}._12jc2wx5[data-type=close]:hover{background:var(--affine-windows-close-button);color:var(--affine-pure-white)}._12jc2wx5:hover{background:var(--affine-hover-color)}._12jc2wx6{background:var(--affine-border-color);height:20px;width:1px}@media print{._12jc2wx0{display:none}}
._1hsobt10{font-size:var(--affine-font-xs);font-weight:600;text-transform:capitalize}
._3sjljj0{border-radius:8px;height:32px;transition:all 0.1s ease-in-out;width:32px}._3sjljj1{opacity:0;pointer-events:none}
.tj8j2t0{display:flex;flex:1;flex-direction:column;height:100%;width:100%}
.br9e1q0{display:flex;flex:1;flex-direction:column;height:100%;width:100%}
.lvjt6l0{align-items:center;display:flex;font-weight:600;gap:8px;padding:0 8px;user-select:none}.lvjt6l1{display:flex;flex:1;flex-direction:column;height:100%;width:100%}.lvjt6l2{color:var(--affine-icon-color);font-size:var(--affine-font-h-5)}
._198gvz10{align-items:center;display:flex;gap:12px;height:100%;width:100%}._198gvz11{flex-grow:1;min-width:12px}._198gvz12{flex-grow:1;justify-content:center;min-width:100px}._198gvz12,._198gvz13{align-items:center;display:flex}._198gvz13{gap:10px}
.uiyc490{cursor:pointer;position:relative}.uiyc490:hover{background-color:var(--affine-hover-color)}.uiyc490:before{box-shadow:0 0 0 3px var(--affine-primary-color);opacity:0}.uiyc490:after,.uiyc490:before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.uiyc490:after{box-shadow:0 0 0 0px var(--affine-primary-color)}.uiyc490:focus-visible:before{opacity:0.2}.uiyc490:focus-visible:after{box-shadow:0 0 0 1px var(--affine-primary-color)}.uiyc491{padding:16px}.uiyc492{align-items:stretch;height:100%;overflow:hidden;width:100%}.uiyc492,.uiyc493{display:flex;flex-direction:column}.uiyc493{flex-grow:1;gap:8px;height:0}.uiyc494{gap:8px;justify-content:space-between;padding:0 16px}.uiyc494,.uiyc495{align-items:center;display:flex}.uiyc495{border-radius:8px;color:var(--affine-text-secondary-color);flex:1;font-size:14px;font-weight:500;height:28px;justify-content:center;padding:4px 8px;transition:all .3s;white-space:nowrap;width:0}.uiyc495[aria-selected=true]{background-color:var(--affine-background-tertiary-color);color:var(--affine-text-primary-color)}.uiyc496{display:flex;flex-grow:1;height:0;transform:translateX(calc(var(--active-index)*100%/var(--item-count)*-1));transition:transform .15s ease;width:calc(var(--item-count)*100%)}.uiyc497{height:100%;width:calc(100%/var(--item-count))}.uiyc498{display:flex;flex-direction:column;gap:4px;padding:8px 16px}.uiyc499{color:var(--affine-text-secondary-color);flex-direction:column;font-size:15px;font-weight:400;height:100%;justify-content:center;line-height:24px;max-height:220px;padding:0 70px;text-align:center}.uiyc499,.uiyc49a{align-items:center;display:flex;width:100%}.uiyc49a{border-radius:4px;gap:8px;height:30px;padding:0 4px}.uiyc49a[aria-selected=true]{background-color:var(--affine-hover-color)}.uiyc49b{color:var(--affine-icon-color);height:20px;width:20px}.uiyc49c{color:var(--affine-text-primary-color);flex:1;font-size:var(--affine-font-sm);font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:0}[aria-selected=true] .uiyc49c{color:var(--affine-primary-color)}.uiyc49d{padding:0 16px 16px}.uiyc49e{column-gap:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));row-gap:4px}.uiyc49f{align-items:center;border-radius:4px;color:var(--affine-text-secondary-color);display:flex;height:30px;padding:0px 8px}.uiyc49f,.uiyc49g{font-size:var(--affine-font-sm)}.uiyc49g{border-radius:8px;color:var(--affine-text-primary-color);font-weight:400;height:100%;position:relative;width:100%}.uiyc49g[data-is-today=true]{color:var(--affine-brand-color);font-weight:600}.uiyc49g[data-not-current-month=true]{color:var(--affine-black-10)}.uiyc49g[data-selected=true]{background-color:var(--affine-brand-color);color:var(--affine-pure-white);font-weight:500}.uiyc49g[data-is-journal=false][data-selected=true]{background-color:transparent;border:1px solid var(--affine-primary-color);color:var(--affine-text-primary-color);font-weight:500}.uiyc49h{background-color:var(--affine-primary-color);border-radius:50%;bottom:0;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}
._1je7lp20{display:flex;height:100%;width:100%}
.t5nkbg0{font-size:15px;font-weight:500}.t5nkbg1{display:flex;gap:12px;justify-content:end;padding-top:8px}.t5nkbg2{font-size:var(--affine-font-sm);font-weight:500;line-height:22px}.t5nkbg3.plain{color:var(--affine-brand-color)}.t5nkbg4.plain{color:var(--affine-text-primary-color)}
._1wmnsti0{align-items:center;display:flex;flex-direction:row;gap:8px;height:52px;overflow:clip;pointer-events:auto;width:100%;-webkit-app-region:drag}._1wmnsti0[data-is-windows=false]{padding-right:8px}._1wmnsti1{align-items:center;display:flex;flex-flow:row;flex-shrink:0;gap:10px;justify-content:space-between;padding-right:12px}._1wmnsti0[data-mode=app] ._1wmnsti1{transition:all 0.3s}._1wmnsti2{align-items:center;display:flex;flex-direction:row;height:100%;overflow:clip;padding-left:8px}._1wmnsti2[data-pinned=true]{flex-shrink:0}._1wmnsti3{background:var(--affine-icon-secondary);height:16px;margin-right:8px}._1wmnsti3,._1wmnsti4{flex-shrink:0;width:1px}._1wmnsti4{background:var(--affine-border-color);height:100%}._1wmnsti5{height:100%;margin:0 -6px;padding:0 6px}._1wmnsti5,._1wmnsti6{align-items:center;display:flex;overflow:clip;position:relative}._1wmnsti6{background:var(--affine-background-secondary-color);border-radius:4px;color:var(--affine-text-secondary-color);height:32px;justify-content:flex-start;max-width:200px;min-width:32px;user-select:none;-webkit-app-region:no-drag}._1wmnsti5 ._1wmnsti6{margin-right:8px}._1wmnsti6[data-active=true]{background:var(--affine-background-primary-color);box-shadow:var(--affine-shadow-1)}._1wmnsti6[data-padding-right=true]{padding-right:20px}._1wmnsti6[data-pinned=true]{flex-shrink:0}._1wmnsti5[data-dragging=true] ._1wmnsti6{box-shadow:0 0 0 1px var(--affine-primary-color)}._1wmnsti7{align-items:center;cursor:default;display:flex;font-weight:500;gap:4px;height:100%;min-width:32px;padding:0 8px}._1wmnsti7:last-of-type{padding-right:0}._1wmnsti8{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);min-width:0;overflow:clip;text-overflow:ellipsis;white-space:nowrap}._1wmnsti7:hover ._1wmnsti8{color:var(--affine-text-primary-color)}._1wmnsti7[data-active=true] ._1wmnsti8{color:var(--affine-primary-color)}._1wmnsti7:last-of-type ._1wmnsti8{text-overflow:clip}._1wmnsti9{align-items:center;color:var(--affine-icon-secondary);display:flex;justify-content:center}._1wmnstia{flex-shrink:0;font-size:16px;height:16px;width:16px}._1wmnsti7[data-active=true] ._1wmnstia{color:var(--affine-primary-color)}._1wmnsti7[data-active=false]:hover ._1wmnstia{color:var(--affine-icon-color)}._1wmnstib{align-items:center;bottom:0;display:flex;height:100%;justify-content:flex-end;overflow:clip;padding-right:4px;pointer-events:none;position:absolute;right:0;top:0;width:24px}._1wmnsti6:is([data-active=true],:hover) ._1wmnstib:not(:empty){width:40px}._1wmnsti6[data-active=true] ._1wmnstib{background:linear-gradient(270deg,var(--affine-background-primary-color) 52.86%,hsla(0,0%,100%,0) 100%)}._1wmnsti6[data-active=false] ._1wmnstib{background:linear-gradient(270deg,var(--affine-background-secondary-color) 65.71%,hsla(240,5%,96%,0) 100%)}._1wmnstic{color:var(--affine-icon-color);display:none;height:100%;pointer-events:auto;width:16px}._1wmnsti6:is([data-active=true],:hover) ._1wmnstic{display:flex}._1wmnstid{align-items:center;display:flex;flex-grow:1;height:100%;margin-left:-8px;position:relative}._1wmnstid[data-dragged-over=true]:after{content:"";left:-5px;right:0}._1wmnstid[data-dragged-over=true]:after,._1wmnstie{background:var(--affine-primary-color);border-radius:2px;height:32px;position:absolute;top:10px;width:2px}._1wmnstie{opacity:0}._1wmnstie[data-edge=left]{opacity:1;transform:translateX(-5px)}._1wmnstie[data-edge=right]{opacity:1;right:0;transform:translateX(-9px)}
._457yde0{margin-top:44px;position:relative}._457yde1{color:var(--affine-text-primary-color);font-size:var(--affine-font-sm);font-weight:600}._457yde2{display:flex;margin:10px 0}._457yde3{gap:8px;padding:12px 0}._457yde3,._457yde4{display:flex;flex-direction:column}._457yde4{gap:6px;padding-top:10px}._457yde5{align-items:center;background-color:var(--affine-background-secondary-color);border-radius:8px;display:flex;min-height:114px;padding:12px;position:relative}._457yde6{display:flex;flex-direction:column;gap:12px;justify-content:center;width:100%}._457yde7{color:var(--affine-text-primary-color);display:flex;font-size:var(--affine-font-base);justify-content:space-between}._457yde8{max-width:288px}._457yde8,._457yde9{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs)}._457ydea{align-items:center;bottom:0;display:flex;justify-content:flex-end;pointer-events:none;position:absolute;right:0;width:146px}
._43pnlm0{border-bottom:1px solid var(--affine-border-color);margin-bottom:24px;padding-bottom:16px}._43pnlm0 .title{font-size:var(--affine-font-base);font-weight:600;line-height:24px}._43pnlm0 .subtitle{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);line-height:16px;padding-bottom:8px;padding-top:4px}._43pnlm1{border-bottom:1px solid var(--affine-border-color);margin-bottom:24px;padding-bottom:24px}._43pnlm1:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}._43pnlm1 .title{color:var(--affine-text-secondary-color);font-size:var(--affine-font-sm);font-weight:600;line-height:18px;margin-bottom:16px}._43pnlm2{border-radius:8px;color:var(--affine-text-primary-color);margin-bottom:25px}._43pnlm2.two-col{align-items:center;display:flex;justify-content:space-between}._43pnlm2:last-of-type{margin-bottom:0}._43pnlm2.disabled{position:relative}._43pnlm2.disabled:after{background-color:hsla(0,0%,100%,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%}._43pnlm2 .left-col{flex:1;max-width:100%}._43pnlm2.two-col .left-col{flex-shrink:0;max-width:80%}._43pnlm2 .name{font-size:var(--affine-font-sm);font-weight:600;margin-bottom:2px}._43pnlm2 .desc{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs)}._43pnlm2 .right-col{display:flex;flex-shrink:0;justify-content:flex-end;padding-left:15px}
.xhwnaf0{align-items:center;display:flex;justify-content:space-between}.xhwnaf1{flex-grow:1;margin-right:20px}.xhwnaf1 .storage-progress-desc{align-items:center;color:var(--affine-text-secondary-color);display:flex;font-size:var(--affine-font-xs);height:20px;justify-content:space-between;margin-bottom:2px}.xhwnaf1 .storage-progress-bar-wrapper{background-color:var(--affine-black-10);border-radius:4px;height:8px;overflow:hidden}.xhwnaf2{height:100%}
._6mftq30{margin-left:20px}._6mftq30 label{color:var(--affine-text-secondary-color);display:block;font-size:var(--affine-font-xs);margin-bottom:4px}._6mftq31{border-radius:50%;cursor:pointer;flex-shrink:0;height:56px;position:relative;width:56px}._6mftq31.disable{cursor:default;pointer-events:none}._6mftq31:hover .camera-icon-wrapper{display:flex}._6mftq31 .camera-icon-wrapper{align-items:center;background-color:rgba(60,61,63,.5);border-radius:50%;color:var(--affine-white);display:none;font-size:var(--affine-font-h-4);height:56px;justify-content:center;position:absolute;width:56px;z-index:1}
.v9327t0{align-items:center;display:flex;font-size:var(--affine-font-base);height:100vh;justify-content:center;position:relative;width:100vw}.v9327t1{color:inherit}.v9327t2{align-items:center;display:flex;justify-content:space-between;left:0;padding:16px 120px;position:absolute;right:0;top:0}.v9327t3{column-gap:4px;display:flex}.v9327t4{color:var(--affine-text-primary-color);padding:4px 18px}.v9327t4,.v9327t5{font-size:var(--affine-font-sm);font-weight:500;text-decoration:none}.v9327t5{color:var(--affine-link-color)}.v9327t6{align-items:center;display:flex;flex-direction:column;margin-top:40px}.v9327t7{margin-bottom:12px;margin-top:20px}
._6l2oz60{align-items:center;color:var(--affine-text-primary-color);display:flex;font-size:var(--affine-font-sm);font-weight:600;height:18px;margin-bottom:12px}._6l2oz60:last-of-type{margin-bottom:0}._6l2oz60 .icon{color:var(--affine-icon-color);font-size:var(--affine-font-base);margin-left:5px}._6l2oz61{display:grid;gap:2%;grid-template-columns:15% 15% 15% 15% 15% 15%}._6l2oz62{border:1px solid var(--affine-border-color);border-radius:8px;color:var(--affine-text-primary-color);cursor:pointer;padding:6px 8px}._6l2oz62 svg{display:block;height:24px;margin:0 auto 2px;width:24px}._6l2oz62 p{text-align:center}._6l2oz62 p,._6l2oz63{font-size:var(--affine-font-xs)}._6l2oz63{align-items:center;color:var(--affine-text-secondary-color);display:inline-flex;justify-content:flex-start}._6l2oz63.active{color:var(--affine-text-emphasis-color)}._6l2oz63.error{color:var(--affine-error-color)}._6l2oz63 svg{margin-right:4px}._6l2oz64{flex-direction:row-reverse}._6l2oz64.two-col{justify-content:flex-end}._6l2oz64 .right-col{padding-left:0;padding-right:20px}
.hooakb0{background:var(--affine-white);max-height:30vh;overflow-y:auto;width:250px}.hooakb1{color:var(--affine-text-primary-color)}.hooakb1[data-selected=true]{color:var(--affine-primary-color)}.hooakb2{align-items:center;display:flex;justify-content:space-between;margin-right:8px}
._497d0d0{display:flex;flex-grow:1;justify-content:flex-end;max-width:250px;min-width:150px}
._1kcfi60{font-size:var(--affine-font-h-6);font-weight:600;margin-bottom:20px}._1kcfi61{margin-bottom:10px}._1kcfi62{display:flex;justify-content:flex-end}._1kcfi63{color:var(--affine-black);margin-left:4px;margin-right:10px}._1kcfi64{display:flex;gap:6px;margin-top:5px}._1kcfi64,._1kcfi65{align-items:center;justify-content:center}._1kcfi65{border-radius:4px;color:var(--affine-text-primary-color);display:inline-flex;font-size:var(--affine-font-xs);height:20px;width:20px}._1kcfi65:hover{background:var(--affine-hover-color)}._1kcfi65.active{color:var(--affine-primary-color);cursor:default;pointer-events:none}._1kcfi65.label{color:var(--affine-icon-color);font-size:16px}._1kcfi65.disabled{color:var(--affine-disable-color);cursor:default;opacity:.4;pointer-events:none}._1kcfi65 a{align-items:center;display:flex;justify-content:center;width:100%}
._12asts40{width:100%}._12asts41{align-items:center;display:flex;gap:16px;min-height:40px}._12asts42{color:var(--affine-text-secondary-color);font-weight:400}._12asts42,._12asts43{font-size:var(--affine-font-xs);line-height:20px}._12asts43{font-weight:600}._12asts43,._12asts44{color:var(--affine-brand-color)}._12asts44{font-weight:400;margin-left:4px}._12asts45:first-letter{text-transform:uppercase}._12asts46{display:flex;font-size:var(--affine-font-xs);gap:8px;line-height:20px}._12asts46>span{color:var(--affine-text-secondary-color)}._12asts47{display:flex;gap:16px;padding-right:calc(var(--setting-modal-gap-x) + 30px);width:fit-content}._12asts48{background-color:var(--affine-background-primary-color);border:1px solid var(--affine-border-color);border-radius:16px;min-height:426px;min-width:258px;position:relative;transition:all 0.23s ease;user-select:none}._12asts48:before{content:"";position:absolute;right:calc(100% + var(--setting-modal-gap-x));scroll-snap-align:start}._12asts48[data-current=true]{border-color:transparent}._12asts49{inset:0;pointer-events:none;z-index:1}._12asts49,._12asts49:after{border-radius:inherit;position:absolute}._12asts49:after{background:linear-gradient(180deg,var(--affine-brand-color),#1e96eb33) border-box;border:2px solid transparent;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;right:0;top:0;transition:opacity 0.23s ease}._12asts48[data-current=true] ._12asts49:after{opacity:1}._12asts4b{background-color:var(--affine-brand-color);color:var(--affine-white);height:24px;padding:0px 6px}._12asts4b,._12asts4c{border-radius:4px;display:inline-block}._12asts4c{color:var(--affine-text-emphasis-color);font-size:var(--affine-font-xs);font-weight:500;height:100%;line-height:20px;margin-left:8px}._12asts4d{align-items:flex-start;background:var(--affine-background-overlay-panel-color);border-bottom:1px solid var(--affine-border-color);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;font-weight:600;overflow:hidden;padding:12px 16px}._12asts4d,._12asts4d>:not(._12asts4e){position:relative}._12asts4f{font-weight:600}._12asts4f,._12asts4g{font-size:var(--affine-font-xs);line-height:20px}._12asts4g{color:var(--affine-text-secondary-color);font-weight:400;margin-bottom:8px}._12asts4h{font-size:var(--affine-font-base);font-weight:600;height:20px;line-height:20px}._12asts4i{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);font-weight:500;line-height:20px;margin-left:4px}._12asts4j{align-items:flex-end;display:flex;line-height:1;min-height:28px}._12asts4k{font-size:var(--affine-font-h-5);margin-right:8px}._12asts4l{color:var(--affine-text-secondary-color);font-size:var(--affine-font-sm)}._12asts4m{width:100%}._12asts4n:hover ._12asts4o[data-show-hover=false],._12asts4o[data-show-hover=true]{display:none}._12asts4n:hover ._12asts4o[data-show-hover=true],._12asts4o[data-show-hover=false]{display:block}._12asts4p{font-size:var(--affine-font-xs);gap:8px;padding:12px 16px}._12asts4p,._12asts4q{display:flex;flex-direction:column}._12asts4q{gap:4px}._12asts4r{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);font-weight:500;line-height:20px}._12asts4s{align-items:normal;display:flex;gap:8px;line-height:20px}._12asts4t{align-items:center;display:flex;height:20px}._12asts4t>svg{color:var(--affine-brand-color)}._12asts4u{align-items:center;color:var(--affine-text-primary-color);font-size:var(--affine-font-xs)}._12asts4u,._12asts4v{display:flex;flex-direction:column}._12asts4v{gap:12px;padding:12px 0 20px 0px}._12asts4w{color:var(--affine-text-primary-color);font-size:15px;font-weight:400;line-height:24px}._12asts4x{color:var(--affine-text-secondary-color);font-size:14px;line-height:22px}._12asts4y{display:flex;gap:20px;justify-content:flex-end;padding-top:20px}._12asts4z{color:var(--affine-text-emphasis-color)}._12asts410{color:var(--affine-text-secondary-color);font-size:12px;line-height:20px}._12asts411{text-decoration:underline}
._15uwrpu2{background:var(--affine-white);border:1px solid var(--affine-border-color);border-radius:16px;min-height:200px;overflow:hidden;padding:20px 24px;position:relative;width:100%}._15uwrpu3{position:relative;z-index:3}._15uwrpu4{--dot:#e0e0e0;background-image:radial-gradient(circle,var(--dot) 1.2px,transparent 1.2px);background-repeat:repeat;background-size:12px 12px}._15uwrpu4,._15uwrpu4:after{height:100%;left:0;position:absolute;top:0;width:100%}._15uwrpu4:after{content:"";z-index:1}[data-theme=dark] ._15uwrpu4{--dot:hsla(0,0%,100%,.1)}._15uwrpu2[data-type="1"] ._15uwrpu4:after{background:linear-gradient(231deg,transparent 0%,var(--affine-white) 80%)}._15uwrpu2[data-type="2"] ._15uwrpu4:after{background:linear-gradient(290deg,transparent 0%,var(--affine-white) 40%)}._15uwrpu4>svg.affine-svg{--_15uwrpu0:#fff;--_15uwrpu1:#fff;position:absolute;z-index:0}[data-theme=dark] ._15uwrpu4>svg.affine-svg{--_15uwrpu0:#8c8c8c;--_15uwrpu1:#262626}._15uwrpu4>svg.icons-svg{color:rgba(0,0,0,.1);position:absolute;z-index:2}[data-theme=dark] ._15uwrpu4>svg.icons-svg{color:transparent}._15uwrpu2[data-type="1"] ._15uwrpu4>svg.affine-svg{right:-150px;top:-100px}._15uwrpu2[data-type="1"] ._15uwrpu4>svg.icons-svg{opacity:0.5;right:-20px;top:130px}._15uwrpu2[data-type="2"] ._15uwrpu4>svg.affine-svg{bottom:-130px;position:absolute;right:-140px;transform:scale(0.58)}._15uwrpu2[data-type="2"] ._15uwrpu4>svg.icons-svg{bottom:16px;opacity:0.5;position:absolute;right:148px}._15uwrpu2[data-type="2"] ._15uwrpu4>svg.icons-svg .star{display:none}
._1qfr8z70{display:flex;flex-direction:column;gap:8px}._1qfr8z71{align-items:start;display:flex;font-size:var(--affine-font-xs);font-weight:400;gap:8px;line-height:20px}._1qfr8z71 svg{color:var(--affine-brand-color);height:20px;width:20px}
.klcomi1{align-items:center;display:flex;flex-direction:column;gap:24px}.klcomi2{width:100%}.klcomi3{border:1px solid var(--affine-border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.klcomi4{flex:1 0 0}.klcomi5{margin-top:8px}.klcomi6{font-size:var(--affine-font-h-6);font-weight:600}.klcomi7{font-size:var(--affine-font-base)}.klcomi8{margin-top:24px}.dangerous-setting .name{color:var(--affine-error-color)}.klcomi9{color:var(--affine-text-secondary-color)}.klcomi9,.klcomia{font-size:var(--affine-font-xs)}.klcomia{color:var(--affine-text-emphasis-color);cursor:pointer;font-weight:500}.klcomib{gap:24px}.klcomib,.klcomic{display:flex;flex-direction:column}.klcomic{align-items:center;justify-content:center;min-height:72px}.klcomid{display:flex;justify-content:space-between;margin-bottom:8px}.klcomie{color:var(--affine-text-primary-color);font-size:var(--affine-font-sm);font-weight:600;line-height:22px}.klcomif{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);font-weight:400;line-height:20px}.klcomif>a{color:var(--affine-brand-color);font-weight:500}.klcomig{align-items:end;display:flex;flex-direction:column}.klcomih{color:var(--affine-text-primary-color);font-size:18px;font-weight:600;line-height:26px}.klcomii{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);font-weight:500;line-height:20px}
._1eqdg9h0{border:1px solid var(--affine-border-color);border-radius:16px;padding:36px}._1eqdg9h1{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}._1eqdg9h2{color:var(--affine-brand-color);font-size:var(--affine-font-xs);font-weight:500;line-height:20px}._1eqdg9h3{font-size:var(--affine-font-sm);font-weight:500;line-height:22px}._1eqdg9h3,._1eqdg9h4{color:var(--affine-text-primary-color)}._1eqdg9h4{font-size:28px;font-weight:600;line-height:36px}._1eqdg9h5{align-items:start;flex-direction:column;margin-bottom:24px}._1eqdg9h5,._1eqdg9h6{display:flex;gap:12px}._1eqdg9h7{border-radius:18px;font-size:var(--affine-font-sm);font-weight:500;height:37px;letter-spacing:-1%;line-height:14px;min-width:160px}._1eqdg9h8{color:var(--affine-text-emphasis-color);padding-left:16px;padding-right:16px}._1eqdg9h9{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);font-weight:400;line-height:20px}._1eqdg9h9>a{color:var(--affine-text-primary-color);text-decoration:underline}._1eqdg9ha,._1eqdg9hb{display:flex;flex-direction:column;gap:12px}._1eqdg9hc{align-items:center;color:var(--affine-text-primary-color);display:flex;font-size:var(--affine-font-sm);font-weight:500;gap:4px;line-height:20px}._1eqdg9hc>svg{color:var(--affine-brand-color);height:20px;width:20px}._1eqdg9hd{display:flex;flex-direction:column;gap:4px}._1eqdg9he{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);font-weight:400;line-height:24px;padding-left:22px;position:relative}._1eqdg9he:before{background:currentColor;border-radius:2px;content:"";height:4px;left:10px;position:absolute;top:10px;width:4px}
@keyframes _4aytmwb{0%{margin-bottom:-100px}to{margin-bottom:0}}._4aytmw0{display:flex;flex-direction:column;gap:24px}._4aytmw1{margin-left:calc(var(--setting-modal-gap-x)*-1);margin-top:-21px;overflow-x:auto;padding-bottom:21px;padding-left:var(--setting-modal-gap-x);padding-top:21px;width:var(--setting-modal-width)}._4aytmw2{align-items:center;display:flex;height:9px;touch-action:none;user-select:none;width:100%}._4aytmw3{--radix-scroll-area-thumb-height:4px;background:var(--affine-icon-secondary);border-radius:4px;height:4px;opacity:0.6;overflow:hidden}._4aytmw4{align-items:center;background:transparent;border-color:transparent;color:var(--affine-link-color);display:flex;font-size:var(--affine-font-xs);gap:4px}._4aytmw5{align-items:start;display:flex;margin-bottom:8px}._4aytmw6{flex:1;width:0}._4aytmw7{font-size:var(--affine-font-base);font-weight:600;line-height:22px}._4aytmw8{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);font-weight:400;line-height:20px}._4aytmw9{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}._4aytmwa{opacity:0}[data-cloud-visible] ._4aytmwa{opacity:1}._4aytmwc{align-items:center;animation:_4aytmwb 0.3s ease 0.5s forwards;background:var(--affine-white);border:1px solid var(--affine-border-color);border-radius:8px;bottom:12px;box-shadow:var(--affine-shadow-1);justify-content:space-between;margin-bottom:-100px;padding:12px 20px 12px 16px;position:absolute;transition:transform 0.36s ease 0.4s,opacity 0.3s ease 0.46s;width:var(--setting-modal-content-width);z-index:1}[data-cloud-visible] ._4aytmwc{opacity:0;transform:translateY(100px)}div._4aytmwc{display:flex!important}._4aytmwd{color:var(--affine-text-primary-color);font-size:var(--affine-font-sm);font-weight:600;line-height:22px}._4aytmwe{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);font-weight:400;line-height:20px}
._1as6clu0{color:var(--affine-text-secondary-color);font-size:var(--affine-font-sm);font-weight:500;line-height:22px;margin-bottom:8px}._1as6clu1{color:var(--affine-text-primary-color);font-size:18px;font-weight:600;line-height:26px;margin-bottom:4px}._1as6clu2{color:var(--affine-brand-color);font-size:30px;font-weight:700;line-height:normal;margin-bottom:24px}._1as6clu3{height:36px;margin-bottom:8px;padding:8px 18px;width:auto}._1as6clu4{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);font-weight:400;line-height:20px;margin-bottom:16px;max-width:324px}._1as6clu5{color:inherit;cursor:text}
._1wd2fkr0{display:flex;gap:16px}._1wd2fkr1{background-color:var(--affine-background-primary-color);border:1px solid var(--affine-border-color);border-radius:16px;flex-shrink:0;gap:20px;height:426px;padding:20px;width:258px}._1wd2fkr1,._1wd2fkr2{display:flex;flex-direction:column}._1wd2fkr2{gap:10px}._1wd2fkr3{flex-grow:1;height:0}
.hw5iyc0{align-items:center;display:flex;font-size:var(--affine-font-base);height:32px;justify-content:space-between;margin-bottom:12px}.hw5iyc0:last-of-type{margin-bottom:0}.hw5iyc1,.hw5iyc2{display:flex}.hw5iyc2{align-items:center;background:var(--affine-background-tertiary-color);border-radius:4px;font-size:var(--affine-font-xs);height:20px;justify-content:center;min-width:24px;padding:0 6px}.hw5iyc2:not(:last-of-type){margin-right:2px}
.w6lall0{background:var(--affine-background-secondary-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;max-width:242px;padding:20px 0px;width:25%}.w6lall1{font-size:var(--affine-font-h-6);font-weight:600}.w6lall1,.w6lall2{line-height:var(--affine-line-height);padding:0px 16px 0px 24px}.w6lall2{align-items:center;color:var(--affine-text-secondary-color);display:flex;font-size:var(--affine-font-sm);justify-content:space-between;margin-bottom:4px;margin-top:20px}.w6lall3{display:flex;flex-direction:column;gap:4px}.w6lall3.scroll{flex-grow:1;overflow-y:auto}.w6lall4{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:var(--affine-font-sm);height:30px;margin:0px 16px;padding:0px 8px;user-select:none}.w6lall4.active,.w6lall4:hover{background:var(--affine-hover-color)}.w6lall5{align-items:center;border-radius:8px;color:var(--affine-text-secondary-color);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--affine-font-sm);height:30px;margin:0px 16px;padding:0px 8px 0px 32px;user-select:none}.w6lall5.active,.w6lall5:hover{color:var(--affine-text-primary-color)}.w6lall0 .icon{flex-shrink:0;height:16px;margin-right:10px;width:16px}.w6lall0 .setting-name{flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w6lall6{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.w6lall6:after{background:var(--affine-blue);border-radius:50%;content:"";height:8px;width:8px}.w6lall7{padding:0 16px}.w6lall8{align-items:center;border-radius:8px;column-gap:10px;cursor:pointer;display:flex;justify-content:space-between;padding:4px 8px;user-select:none}.w6lall8.active,.w6lall8:hover{background:var(--affine-hover-color)}.w6lall8 .avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;width:28px}.w6lall8 .avatar.not-sign{background:var(--affine-white);border:1px solid var(--affine-icon-secondary);color:var(--affine-icon-secondary);padding-bottom:2px}.w6lall8 .content{flex-grow:1;min-width:0}.w6lall8 .name-container{align-items:center;display:flex;gap:4px;height:22px;justify-content:flex-start;width:100%}.w6lall8 .name{font-size:var(--affine-font-sm);font-weight:600;height:22px}.w6lall8 .email,.w6lall8 .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w6lall8 .email{color:var(--affine-text-secondary-color);flex-grow:1;font-size:var(--affine-font-xs);height:20px}
._1hbyecy0{display:flex;flex-grow:1;height:100%;justify-content:center;padding:40px 15px 20px}._1hbyecy1{max-width:560px;width:100%}._1hbyecy2{margin-bottom:24px;min-height:calc(100% - 48px);position:relative;width:100%}._1hbyecy3{align-items:start;color:var(--affine-text-primary-color);display:flex;font-size:var(--affine-font-sm);gap:12px;line-height:22px}._1hbyecy4{color:var(--affine-icon-color);display:flex;margin:3px 0}._1hbyecy5{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--affine-font-xs);gap:4px;justify-content:center;padding-bottom:20px}._1hbyecy6{color:var(--affine-link-color);cursor:pointer}._1hbyecy7{align-items:center;display:flex;height:100%;justify-content:center;width:100%}
.fvkbfk0{background:var(--affine-background-overlay-panel-color);border-radius:12px;padding:0px;position:relative;width:560px}.fvkbfk1{font-size:20px;font-weight:600;margin:44px 0px 12px;text-align:center;width:560px}.fvkbfk2{display:flex;flex-direction:row;font-size:var(--affine-font-base);justify-content:center;margin:24px 0}.fvkbfk3{font-weight:600}
._1ap5wdp0{align-items:flex-end;display:flex;margin-top:12px}._1ap5wdp1{flex-grow:1;margin-left:20px}._1ap5wdp1,._1ap5wdp2{align-items:center;display:flex}._1ap5wdp2{flex-wrap:wrap;gap:10px;margin-top:24px;width:100%}._1ap5wdp3{border-radius:50%;cursor:pointer;flex-shrink:0;height:56px;position:relative;width:56px}._1ap5wdp3.disable{cursor:default;pointer-events:none}._1ap5wdp3:hover .camera-icon-wrapper{display:flex}._1ap5wdp3 .camera-icon-wrapper{align-items:center;background-color:rgba(60,61,63,.5);border-radius:50%;color:var(--affine-white);display:none;font-size:24px;height:56px;justify-content:center;position:absolute;width:56px;z-index:1}._1ap5wdp4{justify-content:left;text-align:left;width:calc(100% - 79px)}._1ap5wdp4 span{color:var(--affine-placeholder-color);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}._1ap5wdp5{margin-top:24px;opacity:0.4;position:relative}._1ap5wdp5:after{content:"";cursor:not-allowed;height:100%;left:0;position:absolute;top:0;width:100%}._1ap5wdp6{align-items:flexStart;color:var(--affine-text-secondary-color);display:flex;font-size:var(--affine-font-xs);gap:4px;justify-content:center;padding:8px}._1ap5wdp7{background:var(--affine-background-primary-color);border:1px solid var(--affine-border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:4px}._1ap5wdp9{align-items:center;display:flex;height:58px;padding:0 4px 0 16px;width:100%}._1ap5wdp9:hover{background:var(--affine-hover-color);border-radius:8px}._1ap5wdp9:not(:last-of-type){margin-bottom:6px}._1ap5wdpa{display:flex;flex-direction:column;flex-shrink:0;margin-left:12px;margin-right:20px;width:250px}._1ap5wdpb{flex-grow:1;font-size:var(--affine-font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._1ap5wdpb.pending{color:var(--affine-primary-color)}._1ap5wdpc{color:var(--affine-text-primary-color);font-size:var(--affine-font-sm);line-height:22px}._1ap5wdpc,._1ap5wdpd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._1ap5wdpd{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);line-height:20px}._1ap5wdp9:hover ._1ap5wdpe{opacity:1;pointer-events:all}._1ap5wdpf{color:var(--affine-text-secondary-color);margin-bottom:5px}._1ap5wdpf,._1ap5wdpg{font-size:var(--affine-font-xs)}._1ap5wdpg{align-items:center;border:1px solid var(--affine-white-30);border-radius:6px;color:var(--affine-text-primary-color);display:flex;flex-wrap:wrap;justify-content:center;line-height:20px;padding:2px 10px;white-space:nowrap;width:100%}._1ap5wdph{color:var(--affine-text-emphasis-color);cursor:pointer;display:inline;font-size:var(--affine-font-xs);margin-left:4px}._1ap5wdpi{align-items:center;display:inline-flex}._1ap5wdpj{color:var(--affine-text-emphasis-color);cursor:pointer;font-size:16px}
.jgw4190{display:flex;flex-direction:column;justify-content:center;width:100%}.jgw4191{justify-content:space-between;margin-bottom:16px}.jgw4191,.jgw4192{align-items:center;display:flex;flex-direction:row;padding:6px 0}.jgw4192{gap:6px;outline:none;transition:background 0.2s ease}.jgw4192[data-highlight]{background:var(--affine-background-secondary-color)}.jgw4193{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.jgw4194{color:var(--affine-icon-color);font-size:16px}.jgw4195{color:var(--affine-text-primary-color);font-size:var(--affine-font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jgw4195[data-unnamed=true]{color:var(--affine-placeholder-color)}.jgw4196{color:var(--affine-text-secondary-color);font-size:var(--affine-font-sm);white-space:nowrap}.jgw4197{border-top:1px solid var(--affine-border-color);height:0;width:100%}.jgw4198{flex-grow:1}.jgw4199{color:var(--affine-text-disable-color);font-size:var(--affine-font-xs)}.jgw419a{margin-bottom:8px}.jgw419a,.jgw419b{color:var(--affine-text-secondary-color);font-size:var(--affine-font-sm)}.jgw419b{flex-direction:row;font-weight:500;gap:8px;min-width:260px;padding:8px 16px}.jgw419b,.jgw419c{align-items:center;display:flex}.jgw419c{background:var(--affine-background-secondary-color);border:1px solid var(--affine-border-color);border-radius:4px;flex-shrink:0;font-size:var(--affine-font-h-5);height:32px;justify-content:center;width:32px}
@keyframes _17rc1n1{0%{opacity:0;transform:translateY(-2%) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _17rc1n2{to{opacity:0;transform:translateY(-2%) scale(0.96)}0%{opacity:1;transform:translateY(0) scale(1)}}._17rc1n3{background-color:transparent}._17rc1n3,._17rc1n4{inset:0;position:fixed;z-index:var(--affine-z-index-modal)}._17rc1n4{align-items:flex-start;display:flex;justify-content:flex-end;right:28px;top:80px}._17rc1n5{align-items:center;background-color:var(--affine-background-overlay-panel-color);border:0.5px solid var(--affine-border-color);border-radius:8px;box-shadow:var(--affine-shadow-3);display:flex;gap:8px;height:48px;justify-content:space-between;min-height:48px;outline:none;padding:8px 12px 8px 8px;width:400px;will-change:transform,opacity;z-index:var(--affine-z-index-modal)}._17rc1n5[data-state=entered],._17rc1n5[data-state=entering]{animation:_17rc1n1 var(--_17rc1n0) ease-in-out;animation-fill-mode:forwards}._17rc1n5[data-state=exited],._17rc1n5[data-state=exiting]{animation:_17rc1n2 var(--_17rc1n0) ease-in-out;animation-fill-mode:forwards}._17rc1n6{align-items:center;display:flex;flex:1}._17rc1n7{color:var(--affine-icon-color);font-size:20px;vertical-align:middle}._17rc1n8{align-items:center;background:var(--affine-white-10);border:1px solid var(--affine-border-color);border-radius:4px;display:flex;flex:1;gap:8px;height:32px;padding:0 8px;position:relative}._17rc1n8.active{border-color:var(--affine-primary-color)}._17rc1n9{align-items:center;display:flex;flex:1;height:32px;position:relative}._17rc1na{color:transparent;height:100%;inset:0;padding:0;position:absolute;width:100%}._17rc1nb{pointer-events:none}._17rc1nb::placeholder{color:var(--affine-text-primary-color)}._17rc1nc{color:var(--affine-text-secondary-color);font-size:var(--affine-font-xs);user-select:none}._17rc1nd{border:1px solid;border-color:var(--affine-layer-border);flex-shrink:0;height:32px;width:32px}._17rc1nd.backward{border-radius:4px 0 0 4px}._17rc1nd.forward{border-left:none;border-radius:0 4px 4px 0}
.hoy4x40{flex-flow:row;position:relative}.hoy4x40,.hoy4x41{display:flex;height:100%;width:100%}.hoy4x41{flex-flow:column}.hoy4x42{height:calc(100% - 52px);position:relative}.hoy4x42,.hoy4x43{display:flex;flex-flow:row;width:100%}.hoy4x43{height:52px;overflow:hidden;z-index:1}
._18i6jol0{font-size:var(--affine-font-base);font-weight:400;line-height:1.6;max-width:548px}._18i6jol1{text-decoration:none}._18i6jol1,._18i6jol1:visited{color:var(--affine-link-color)}
.rdkpbn0{align-items:center;color:var(--affine-text-secondary-color);display:flex;flex-direction:column;height:100vh;justify-content:center;line-height:4;width:100%}