.yi6ifs0{border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 4px;display:flex;position:relative}.yi6ifs0:hover{background:var(--affine-v2-layer-background-hoverOverlay)}.yi6ifs1{flex:1;width:0}.yi6ifs2{justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.yi6ifs3{align-items:center;gap:4px;padding-left:4px;display:flex}.yi6ifs3:has(.yi6ifs2){padding-left:0}.yi6ifs4{opacity:0}.yi6ifs0:hover .yi6ifs4{opacity:1}.yi6ifs5{width:20px;height:20px;color:var(--affine-v2-icon-primary);flex-shrink:0;margin-left:2px;font-size:16px}.yi6ifs6{--rotate:90deg;transform:rotate(var(--rotate));transition:transform .23s cubic-bezier(.56,.15,.37,.97)}.yi6ifs0[data-collapsed=true] .yi6ifs6{--rotate:0deg}.yi6ifs7{color:var(--affine-v2-text-tertiary);margin-left:12px;font-size:14px;line-height:22px}.yi6ifs8{color:var(--affine-v2-text-secondary);flex-shrink:0;font-size:15px;line-height:24px}.yi6ifs9{color:var(--affine-v2-text-secondary);border-radius:4px;padding:0 4px;font-size:12px;line-height:20px}._1u3tc7u0{flex-shrink:1.5;justify-content:flex-end;gap:8px;min-width:0;display:flex}._1u3tc7u1{flex-grow:1;flex-shrink:5;justify-content:flex-end;gap:10px;min-width:0;transition:flex-shrink .23s cubic-bezier(.56,.15,.37,.97);display:flex}._1u3tc7u1:empty{display:none}._1u3tc7u1:not(:empty){min-width:40px}._1u3tc7u1:hover{flex-shrink:.2}._1u3tc7u2{align-items:center;min-width:0;max-width:128px;display:flex}._1u3tc7u2:last-child{min-width:-moz-fit-content;min-width:fit-content}._1u3tc7u3{border-style:solid;border-width:1px;border-color:var(--affine-v2-layer-insideBorder-blackBorder);text-overflow:ellipsis;white-space:nowrap;background-color:var(--affine-v2-layer-background-primary);border-radius:12px;flex-shrink:0;align-items:center;gap:4px;min-width:48px;max-width:min(128px,300%);height:24px;padding:0 8px 0 6px;display:flex;overflow:hidden}._1u3tc7u4{width:16px;height:16px;color:var(--affine-v2-icon-primary);justify-content:center;align-items:center;font-size:16px;display:flex}._1u3tc7u5{color:var(--affine-v2-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:20px;overflow:hidden}._1u3tc7u6{flex-shrink:0}._1u3tc7u6:empty{display:none}._1u3tc7u7{flex-wrap:wrap;gap:8px;display:flex}._1448qqe0{color:var(--affine-v2-icon-primary);font-size:24px}._1448qqe1{padding:4px}.t22dxb0{color:var(--affine-v2-text-placeholder)}.t22dxb1{display:inline-block}.t22dxb1:first-letter{text-transform:uppercase}.t22dxb2{text-align:center;width:60px;color:var(--affine-v2-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:12px;line-height:20px;overflow:hidden}._2lchx50,.m6aqcp0[data-empty=true]{color:var(--affine-placeholder-color)}.m6aqcp0[data-readonly=true]{pointer-events:none}.m6aqcp1{flex-direction:column;gap:4px;width:100%;display:flex}.m6aqcp2{gap:20px}.m6aqcp3{top:calc(-3.5px + var(--radix-popper-anchor-height) * -1);width:calc(var(--radix-popper-anchor-width) + 16px);min-width:400px;padding:0;position:relative;left:-3.5px;overflow:hidden}.m6aqcp4{width:28px;height:32px}.m6aqcp5{flex-flow:row;min-height:42px;padding:10px 12px 0;display:flex}.m6aqcp2 .m6aqcp5{background-color:var(--affine-v2-layer-background-primary);border-radius:12px;padding-bottom:10px}.m6aqcp6{border-bottom-color:var(--affine-v2-tab-divider-divider)}.m6aqcp7{height:30px;color:inherit;background-color:#0000;border:none;outline:none;flex-grow:1;font-family:inherit;font-size:14px}.m6aqcp7::placeholder{color:var(--affine-v2-text-placeholder)}.m6aqcp8{flex-direction:column;gap:8px;max-height:400px;padding:0 8px 8px;display:flex;overflow:auto}.m6aqcp2 .m6aqcp8{max-height:none;padding:0}.m6aqcp9{gap:8px;max-height:200px;position:relative;overflow-x:hidden}.m6aqcp2 .m6aqcp9{background-color:var(--affine-v2-layer-background-primary);border-radius:12px;gap:0;max-height:none;padding:4px}.m6aqcpa{cursor:pointer;border-radius:4px;flex-direction:row;align-items:center;gap:8px;height:34px;padding:0 8px;display:flex}.m6aqcpa[data-focused=true]{background-color:var(--affine-hover-color)}.m6aqcp2 .m6aqcpa{height:44px}.m6aqcp2 .m6aqcpa[data-focused=true]{background-color:#0000;height:44px}.m6aqcpb{font-size:var(--affine-font-sm);color:var(--affine-text-secondary-color);height:34px;padding:10px 8px}.m6aqcp2 .m6aqcpb{height:44px}.m6aqcpc{justify-content:space-between;align-items:center;min-width:0;height:22px;display:flex}.m6aqcpc:last-child{min-width:max-content}.m6aqcpd{color:var(--affine-text-primary-color);border-color:var(--affine-border-color);font-size:inherit;background:var(--affine-background-primary-color);text-overflow:ellipsis;white-space:nowrap;border-style:solid;border-width:1px;border-radius:10px;justify-content:space-between;align-items:center;column-gap:4px;max-width:128px;height:100%;padding:0 8px;display:flex}.m6aqcpd[data-focused=true]{border-color:var(--affine-primary-color)}.m6aqcpe{font-size:inherit;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;align-items:center;gap:4px;min-width:0;padding:4px;display:flex}.m6aqcpf{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden}.m6aqcpg{cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:flex}.m6aqcpg:hover{background:var(--affine-hover-color)}.m6aqcph{margin-right:.5em}.m6aqcpi{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.m6ewaq0{gap:8px;display:flex}.m6ewaq1{align-items:center;height:100%;display:flex}.m6ewaq2{top:calc(var(--radix-popper-anchor-height) - 18px)!important}.z77qjj0{font-weight:400}._1uo88t1,._1vjlhxa0{padding-top:3px;padding-bottom:3px}.ewerfs0{align-items:center;gap:8px;display:flex}.ewerfs1{font-size:var(--affine-font-xs);color:var(--affine-v2-toast-iconState-error);background:var(--affine-v2-layer-background-error);border:1px solid var(--affine-v2-database-border);border-radius:4px;padding:0 8px;line-height:20px}.q880h80{padding:3px 4px}.q880h81{align-items:center;gap:2px;height:100%;display:flex}.q880h82{color:var(--affine-v2-icon-primary);font-size:24px}.q880h83{font-size:var(--affine-font-sm);color:var(--affine-v2-text-primary);white-space:nowrap;border-radius:4px;padding:0 4px;line-height:22px}.q880h83:hover:not([data-disabled]){background:var(--affine-v2-layer-background-hoverOverlay)}.q880h84{border:1px solid var(--affine-v2-database-border);background:var(--affine-v2-layer-background-error);color:var(--affine-v2-toast-iconState-error);border-radius:4px;padding:0 8px}.a55jsy0{width:100%;height:100%;font-size:var(--affine-font-sm);border:1px solid #0000;border-radius:4px;padding:6px 6px 6px 5px}.a55jsy0:focus{border:1px solid var(--affine-blue-700);box-shadow:var(--affine-active-shadow)}.a55jsy0::placeholder{color:var(--affine-placeholder-color)}.a55jsy1{padding:0}.a55jsy2{color:var(--affine-v2-icon-primary)}input.a55jsy3{border:1px solid var(--affine-blue-700)}._1m4ht3v0{padding-top:3px;padding-bottom:3px}.chfw3y0{width:100%}.chfw3y2{align-items:center;gap:8px;display:flex}.chfw3y3{justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.chfw3y4{align-items:center;gap:4px;display:flex}.chfw3y5{top:calc(var(--radix-popper-anchor-height) - 18px)!important}.chfw3y6{margin-left:4px}._1x4v20y0{align-items:center;padding:3px 4px;display:flex}._1x4v20y1{color:var(--affine-v2-icon-primary);font-size:24px}.i6l2i60{white-space:break-spaces;word-break:break-word;width:100%;height:100%;font-size:var(--affine-font-sm);border:none;padding:6px 6px 6px 5px;line-height:22px;position:absolute;inset:0;overflow:hidden}.i6l2i60::placeholder{color:var(--affine-placeholder-color)}.i6l2i61{background:var(--affine-v2-layer-background-primary);border-radius:12px;position:relative}.i6l2i62{height:auto;padding:0;font-size:14px;line-height:22px;position:relative}.i6l2i63{padding:12px;font-size:17px;line-height:26px}.i6l2i64{outline:1px solid #0000;padding:6px}.i6l2i64:focus-within{outline:1px solid var(--affine-blue-700);box-shadow:var(--affine-active-shadow);background-color:var(--affine-v2-layer-background-hoverOverlay)}.i6l2i65{white-space:break-spaces;word-break:break-word;visibility:hidden;font-size:var(--affine-font-sm);border:none;line-height:22px;overflow:hidden}.i6l2i66{padding:12px;font-size:17px;line-height:26px}