._1htimq90{height:100%;margin:12px 16px}._1htimq91{align-items:center;display:flex;flex-direction:row;gap:8px;height:56px;width:100%}
._1ngvbwl1{--_1ngvbwl0:256px;background-color:transparent;height:100%;min-width:var(--_1ngvbwl0);padding-bottom:8px;position:relative;width:var(--_1ngvbwl0);z-index:1}._1ngvbwl1[data-is-floating=true]{background-color:var(--affine-background-primary-color);position:absolute;width:calc(var(--_1ngvbwl0));z-index:4}._1ngvbwl1[data-open=false]{margin-left:calc(var(--_1ngvbwl0)*-1)}._1ngvbwl1[data-enable-animation=true]{transition:margin-left .3s,width .3s}._1ngvbwl1.has-background{background-color:var(--affine-white-60)}._1ngvbwl1.has-background,._1ngvbwl1.has-border{border-right:1px solid var(--affine-border-color)}._1ngvbwl2{border-right:1px solid transparent;display:flex;flex-direction:column;height:100%;position:relative;width:100%;z-index:1000}._1ngvbwl3{-webkit-app-region:drag;align-items:center;display:flex;flex:0 0 auto;gap:32px;height:52px;justify-content:space-between;padding:0px 16px}._1ngvbwl3[data-is-macos-electron=true]{justify-content:flex-end}._1ngvbwl4{display:flex;flex:1 1 auto;flex-direction:column;height:calc(100% - 52px)}._1ngvbwl5{background:var(--affine-background-modal-color);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:100%;top:0;transition:opacity .15s}._1ngvbwl5[data-open=true][data-is-floating=true]{opacity:1;pointer-events:auto;right:0;z-index:3}@media print{._1ngvbwl1{z-index:-1}._1ngvbwl1,._1ngvbwl5{display:none}}
._1gmgvu30{background-color:transparent;bottom:16px;cursor:col-resize;opacity:0;position:absolute;right:0;top:16px;transform:translateX(50%);transition:opacity 0.15s ease 0.1s;width:16px;z-index:calc(var(--affine-z-index-modal) + 1)}._1gmgvu30:hover{opacity:1}._1gmgvu30[data-resizing=true]{opacity:1;transition:width .3s,min-width .3s,max-width .3s}._1gmgvu30[data-open=false]{display:none}._1gmgvu30[data-open=open]{display:block}._1gmgvu31{background-color:var(--affine-primary-color);border-radius:4px;height:100%;left:6px;position:absolute;width:4px}@media (max-width:600px){._1gmgvu30{display:none}}
._1xmcd0r0{align-items:center;background:var(--affine-button-gray-color);border-radius:8px;box-shadow:var(--affine-float-button-shadow);color:var(--affine-text-primary-color);cursor:pointer;display:inline-flex;font-size:var(--affine-font-sm);font-weight:600;height:32px;justify-content:center;padding:0 0 0 10px;user-select:none;white-space:nowrap}._1xmcd0r0:hover{background:var(--affine-hover-color-filled)}._1xmcd0r1{background:var(--affine-divider-color);height:16px;margin:0 0 0 4px;width:0.5px}._1xmcd0r2{align-items:center;display:flex;height:100%;justify-content:center;padding-left:4px;padding-right:10px;width:100%}._1xmcd0r3{border-radius:4px}._1xmcd0r2:hover ._1xmcd0r3{background:var(--affine-hover-color)}._1xmcd0r4{flex-grow:1}._1xmcd0r5{align-items:center;border-radius:8px;display:flex;filter:drop-shadow(0px 0px 4px rgba(0,0,0,0.1));font-size:var(--affine-font-xs);height:24px;justify-content:center;user-select:none;white-space:nowrap}._1xmcd0r5:hover{background:var(--affine-hover-color)}._1xmcd0r5[data-state=checked]{background:var(--affine-white)}._1xmcd0r5.bold{font-weight:600}[data-state=checked]>._1xmcd0r6{display:none}._1xmcd0r7{-webkit-app-region:no-drag;align-items:center;background:var(--affine-hover-color-filled);border-radius:10px;display:inline-flex;justify-content:space-between;padding:2px}
.yl0kvo2{--yl0kvo1:100%;align-items:center;background-color:var(--affine-white);border:1px solid;border-radius:8px;color:var(--affine-text-primary-color);display:flex;font-size:var(--affine-font-base);height:28px;justify-content:center;line-height:22px;padding:0 10px;width:var(--yl0kvo1)}.yl0kvo2.no-border{border:unset}.yl0kvo2.large{height:32px}.yl0kvo2.extra-large{font-weight:600;height:40px}.yl0kvo2.error{border-color:var(--affine-error-color)}.yl0kvo2.success{border-color:var(--affine-success-color)}.yl0kvo2.warning{border-color:var(--affine-warning-color)}.yl0kvo2.default{border-color:var(--affine-border-color)}.yl0kvo2.default.focus{border-color:var(--affine-primary-color);box-shadow:0px 0px 0px 2px rgba(30,150,235,.3)}.yl0kvo3{flex:1;height:100%;width:0}.yl0kvo3::placeholder{color:var(--affine-placeholder-color)}.yl0kvo3:disabled{color:var(--affine-text-disable-color)}
._125ausj0{--scrollbar-width:8px;height:100%;width:100%}._125ausj1{background:var(--affine-border-color);height:1px;left:16px;opacity:0;position:absolute;right:16px;top:0;transition:opacity .3s .2s}._125ausj1[data-has-scroll-top=true]{opacity:1}._125ausj2{height:100%;width:100%}._125ausj2>div{display:block!important;max-width:100%}._125ausj3{height:100%;margin-bottom:4px}._125ausj4{display:flex;flex-direction:column;height:100%;margin-right:4px;opacity:1;touch-action:none;transition:width .15s;user-select:none;width:var(--scrollbar-width)}._125ausj4:hover{background:var(--affine-background-secondary-color);border-left:1px solid var(--affine-border-color);width:calc(var(--scrollbar-width) + 3px)}._125ausj4[data-state=hidden]{opacity:0}._125ausj5{border-radius:4px;height:calc(100% - 120px);margin-top:60px}._125ausj6{background:var(--affine-divider-color);border-radius:4px;position:relative;width:50%}._125ausj6:hover{background:var(--affine-icon-color)}._125ausj6:before{content:"";height:100%;left:50%;min-height:44px;min-width:44px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}
.gc772k0{align-items:center;cursor:pointer;display:flex;gap:10px}.gc772k1{opacity:0;position:absolute}.gc772k2{background:var(--affine-toggle-disable-background-color);border:1px solid var(--affine-black-10);border-radius:37px;box-shadow:var(--affine-toggle-circle-shadow);height:26px;position:relative;transition:all 200ms;width:46px}.gc772k2:before{background:var(--affine-white);border:1px solid var(--affine-black-10);border-radius:50%;content:"";height:20px;position:absolute;top:50%;transform:translate(1px,-50%);transition:all .2s cubic-bezier(0.27,0.2,0.25,1.51);width:20px}.gc772k3{background:var(--affine-primary-color)}.gc772k3:before{background:var(--affine-toggle-circle-background-color);transform:translate(21px,-50%)}
.wgvhq74{--wgvhq70:0px;--wgvhq71:0px;--wgvhq72:0;--wgvhq73:64px;background:radial-gradient(var(--wgvhq73) circle at var(--wgvhq70) var(--wgvhq71),var(--affine-text-primary-color),transparent);border-radius:inherit;inset:0px;opacity:var(--wgvhq72);pointer-events:none;position:absolute;transition:all 0.2s;will-change:background,opacity;z-index:1}
.v2jswb0{align-items:center;background:var(--affine-white-30);border:1px solid var(--affine-black-10);border-radius:8px;cursor:pointer;display:inline-flex;font-size:var(--affine-font-sm);height:52px;padding:0 24px;position:relative;transition:background 0.2s ease;user-select:none;width:100%}.v2jswb0:active{background:var(--affine-white-40)}.v2jswb1{color:var(--affine-icon-color);font-size:24px;margin-right:18px}.v2jswb2{flex:1}
._19eahe20{--svg-dot-animation:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 122 116'%3E%3Cpath id='a' stroke='%23fff' stroke-linecap='round' stroke-width='0' d='M17.926 115c-.492-3.226-4.756-10.914-4.498-19.353.258-8.44 5.235-19.575 4.498-31.284-.738-11.71-9.149-28.412-8.921-38.972C9.232 14.83 16.21 5.065 17.925 1'/%3E%3Cpath id='b' stroke='%23fff' stroke-linecap='round' stroke-width='0' d='M84.163 115c1.075-2.945 10.399-16.16 9.835-23.866-.565-7.706-11.448-17.873-9.835-28.564 1.612-10.69 12.317-27.145 11.82-36.787C95.486 16.14 87.911 4.712 84.163 1'/%3E%3Cpath id='c' stroke='%23fff' stroke-linecap='round' stroke-width='0' d='M37.091 115c.87-3.079 7.344-15.546 8.29-22.023 3.55-24.276-9.593-19.022-8.29-30.199C38.395 51.601 47.39 36.99 46.987 26.91 46.585 16.83 40.122 4.88 37.09 1'/%3E%3Cpath id='d' stroke='%23fff' stroke-linecap='round' stroke-width='0' d='M112.443 115c-.745-2.765-4.193-8.458-4.728-21.242-.474-11.33-.486-9.804 4.728-27.615 3.642-22.102-11.782-23.552-11.437-32.604.344-9.052 8.837-29.055 11.437-32.539'/%3E%3Ccircle r='1.5' fill='rgba(30, 150, 235, 0.3)'%3E%3CanimateMotion dur='10s' repeatCount='indefinite'%3E%3Cmpath href='%23a'/%3E%3C/animateMotion%3E%3C/circle%3E%3Ccircle r='1' fill='rgba(30, 150, 235, 0.3)' shape-rendering='crispEdges'%3E%3CanimateMotion dur='8s' repeatCount='indefinite'%3E%3Cmpath href='%23b'/%3E%3C/animateMotion%3E%3C/circle%3E%3Ccircle r='.5' fill='rgba(30, 150, 235, 0.3)' shape-rendering='crispEdges'%3E%3CanimateMotion dur='4s' repeatCount='indefinite'%3E%3Cmpath href='%23c'/%3E%3C/animateMotion%3E%3C/circle%3E%3Ccircle r='.8' fill='rgba(30, 150, 235, 0.3)' shape-rendering='crispEdges'%3E%3CanimateMotion dur='6s' repeatCount='indefinite'%3E%3Cmpath href='%23d'/%3E%3C/animateMotion%3E%3C/circle%3E%3C/svg%3E");align-items:center;background:var(--affine-white-30);border:1px solid var(--affine-black-10);border-radius:8px;cursor:pointer;display:inline-flex;font-size:var(--affine-font-sm);height:52px;padding:0 12px;position:relative;transition:all 0.3s ease;user-select:none;width:100%}._19eahe20:hover{background:var(--affine-white-60)}._19eahe20[data-has-update=true]:before{background-color:var(--affine-primary-color);border-radius:50%;content:"";height:8px;opacity:1;position:absolute;right:-3px;top:-3px;transition:0.3s ease;width:8px;z-index:1}._19eahe20[data-disabled=true]{pointer-events:none}._19eahe21{color:var(--affine-primary-color);font-size:24px;margin-right:18px}._19eahe22{align-items:center;background-color:var(--affine-background-primary-color);border-radius:50%;box-shadow:var(--affine-shadow-1);color:var(--affine-text-secondary-color);cursor:pointer;display:flex;font-size:14px;height:14px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transform:scale(0.6);transition:0.1s;width:14px;z-index:1}._19eahe22:hover{transform:scale(1.1)}._19eahe20:hover ._19eahe22{opacity:1;transform:scale(1)}._19eahe23{align-items:center;display:flex;flex:1;font-size:var(--affine-font-sm);white-space:nowrap;width:100%}._19eahe24{justify-content:space-between}._19eahe20:hover ._19eahe24,._19eahe25{display:none}._19eahe20:hover ._19eahe25,._19eahe26{display:flex}._19eahe26{flex-direction:column;height:100%;padding:8px 0;position:relative;width:100%}._19eahe27{background:var(--affine-background-primary-color);border-radius:4px;color:var(--affine-text-secondary-color);font-size:10px;line-height:18px;max-width:100px;overflow:hidden;padding:0 6px;text-overflow:ellipsis}._19eahe28{align-items:center;display:flex;font-size:var(--affine-font-sm);height:100%;white-space:nowrap;width:100%}._19eahe29{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._19eahe2a{background:var(--affine-black-10);border-radius:12px;height:4px;position:relative;width:100%}._19eahe2b{background:var(--affine-primary-color);border-radius:12px;top:0;transition:0.1s}._19eahe2b,._19eahe2c{height:100%;left:0;position:absolute}._19eahe2c{background:var(--svg-dot-animation),var(--svg-dot-animation);background-position:50%,center top 100%;background-repeat:no-repeat,repeat;background-size:100%,130%;display:none;mask-image:linear-gradient(0deg,transparent,#000,#000,transparent);pointer-events:none;width:100%}._19eahe20:hover ._19eahe2c{display:block}._19eahe2c:before{background:var(--svg-dot-animation),var(--svg-dot-animation),var(--svg-dot-animation);background-position:50%,center top 100%,50%;background-repeat:no-repeat,repeat,repeat;background-size:100% 120%,150%,120%;content:"";display:block;filter:blur(1px);height:100%;pointer-events:none;position:absolute;width:100%;will-change:filter}._19eahe2d{inset:0;overflow:hidden;position:absolute}._19eahe2d:before{background:radial-gradient(ellipse 60% 80% at bottom,rgba(30,150,235,.35),transparent);transition:0.3s ease}._19eahe2d:after,._19eahe2d:before{content:"";display:block;filter:blur(10px) saturate(1.2);inset:0;position:absolute;transform:translateY(100%) scale(0.6);will-change:filter,transform}._19eahe2d:after{background:radial-gradient(ellipse 30% 45% at bottom,rgba(30,150,235,.6),transparent);transition:0.1s ease}._19eahe2d:hover:after,._19eahe2d:hover:before{transform:translateY(0) scale(1)}
._1n19ctx0{align-items:center;display:flex;font-size:var(--affine-font-xs);justify-content:space-between;min-height:16px;user-select:none}._1n19ctx0:not(:first-of-type){margin-top:10px}._1n19ctx1{color:var(--affine-black-30)}
._1liow6j0{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;font-size:var(--affine-font-sm);margin:2px 0;min-height:30px;padding:0 12px;user-select:none;width:100%}._1liow6j0:hover,._1liow6j0[data-active=true]{background:var(--affine-hover-color)}._1liow6j0[data-disabled=true]{color:var(--affine-text-secondary-color);cursor:default;pointer-events:none}._1liow6j0[data-collapsible=true]{padding-left:4px;padding-right:12px;transform:translateX(-8px);width:calc(100% + 8px)}._1liow6j0[data-type=collection-list-item][data-collapsible=false]:hover,._1liow6j0[data-type=collection-list-item][data-collapsible=false][data-active=true],._1liow6j0[data-type=favorite-list-item][data-collapsible=false]:hover,._1liow6j0[data-type=favorite-list-item][data-collapsible=false][data-active=true]{padding-left:20px;padding-right:12px;transform:translateX(-8px);width:calc(100% + 8px)}._1liow6j1{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._1liow6j2{justify-self:flex-end}._1liow6j3{color:var(--affine-icon-color);font-size:20px}._1liow6j4{align-items:center;border-radius:2px;display:flex;height:16px;justify-content:center;transition:transform 0.2s;width:16px}._1liow6j4[data-collapsed=true]{transform:rotate(-90deg)}._1liow6j4:hover{background:var(--affine-hover-color)}._1liow6j5{align-items:center;display:flex;flex-shrink:0;justify-content:flex-start;width:28px}._1liow6j5[data-collapsible=true]{width:44px}._1liow6j6{transition:transform 0.2s ease-in-out}._1liow6j6[data-collapsed=true]{transform:rotate(-90deg)}._1liow6j7{flex:1}._1liow6j8{color:inherit;display:contents}
._165x76n0{align-items:center;background:var(--affine-white-10);border:1px solid var(--affine-black-10);border-radius:8px;cursor:pointer;display:inline-flex;font-size:var(--affine-font-sm);height:36px;margin:12px 0;padding:0 12px;position:relative;user-select:none;width:100%}._165x76n1{color:var(--affine-icon-color);font-size:20px;margin-right:8px}._165x76n2{flex:1}._165x76n3{color:var(--affine-black-30);font-size:var(--affine-font-base)}
.ewew3g0{display:flex;flex-flow:column nowrap;padding:4px 16px;row-gap:4px}.ewew3g1{--scrollbar-width:10px;flex:1 1 auto;overflow-y:hidden}.ewew3g2{background:var(--affine-black-10);height:1px;left:16px;opacity:0;position:absolute;right:16px;top:0;transition:opacity .3s .2s}.ewew3g2[data-has-scroll-top=true]{opacity:1}.ewew3g3{height:100%;margin-top:4px}.ewew3g3>div{display:block!important;max-width:100%}.ewew3g4,.ewew3g5{height:100%}.ewew3g5{display:flex;flex-direction:column;opacity:1;padding:0 2px;touch-action:none;transition:opacity .15s;user-select:none;width:var(--scrollbar-width)}.ewew3g5[data-state=hidden]{opacity:0}.ewew3g6{background:var(--affine-black-30);border-radius:4px;position:relative}.ewew3g6:before{content:"";height:100%;left:50%;min-height:44px;min-width:44px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}