._4jjkp40{width:100%;height:100%}._4jjkp41{background:var(--affine-v2-layer-background-primary);border:1px solid var(--affine-v2-layer-insideBorder-border);border-radius:4px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:14px;display:flex}._4jjkp42{font-size:24px}._4jjkp43{border-radius:4px;flex-direction:row;align-items:center;gap:8px;width:100%;height:100%;padding:0 4px;display:flex;overflow:hidden;container:list-view-root/size}._4jjkp43:hover{background-color:var(--affine-v2-layer-background-hoverOverlay)}._4jjkp44{color:var(--affine-v2-icon-secondary);padding:5px 2px;position:absolute}._4jjkp45{opacity:0;top:50%;left:-4px;transform:translateY(-50%)translate(-100%)}._4jjkp43:hover ._4jjkp45{opacity:1}._4jjkp46{width:0;height:24px;color:var(--affine-v2-icon-primary);pointer-events:none;flex-shrink:0;justify-content:end;align-items:center;margin-left:-12px;padding:2px;font-size:20px;transition:width .25s,margin-left .25s;display:flex;overflow:hidden}._4jjkp46[data-select-mode=true]{width:24px;margin-left:0}._4jjkp47{width:24px;height:24px;color:var(--affine-v2-icon-primary);justify-content:center;align-items:center;font-size:24px;display:flex}._4jjkp48{flex:1;justify-content:space-between;align-items:center;gap:8px;width:0;height:100%;display:flex}._4jjkp49{flex-direction:column;flex-shrink:10;justify-content:center;min-width:200px;height:100%;margin-left:4px;display:flex}._4jjkp4a{flex:1;width:0}._4jjkp4b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._4jjkp4c{color:var(--affine-v2-text-primary);font-size:14px;font-weight:500;line-height:22px}._4jjkp4d{color:var(--affine-v2-text-secondary);font-size:12px;font-weight:400;line-height:20px}._4jjkp4e{flex-shrink:0;gap:8px;display:flex}._4jjkp4h{--ring-color:transparent;--light-shadow:0px 0px 0px 1px var(--ring-color), 0px 2px 3px #0000000d;--dark-shadow:0px 0px 0px 1px var(--ring-color), 0px 2px 3px #0000000d;--light-shadow-hover:0px 0px 0px 1px var(--ring-color), 0px 4px 6px #0000001a;--dark-shadow-hover:0px 0px 0px 1px var(--ring-color), 0px 4px 6px #0000001a;background-color:var(--affine-v2-layer-background-mobile-secondary);border:.5px solid var(--affine-v2-layer-insideBorder-border);width:100%;height:100%;box-shadow:0px 0px 0px 1px var(--ring-color), 0px 0px 3px #0000000d;border-radius:12px;flex-direction:column;gap:8px;padding:16px;transition:box-shadow .23s,border-color .23s;display:flex;overflow:hidden}._4jjkp40[data-selected=true] ._4jjkp4h{--ring-color:var(--affine-v2-layer-insideBorder-primaryBorder)}._4jjkp4h:hover{border-color:var(--affine-v2-pagelist-hoverBorder)}[data-theme=light] ._4jjkp4h{box-shadow:var(--light-shadow)}[data-theme=light] ._4jjkp4h:hover{box-shadow:var(--light-shadow-hover)}[data-theme=dark] ._4jjkp4h{box-shadow:var(--dark-shadow)}[data-theme=dark] ._4jjkp4h:hover{box-shadow:var(--dark-shadow-hover)}._4jjkp4i{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}._4jjkp4j{color:var(--affine-v2-icon-primary);font-size:24px;line-height:0}._4jjkp4k{color:var(--affine-v2-text-primary);letter-spacing:-.24px;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;flex-shrink:1;width:0;font-size:18px;font-weight:600;line-height:26px;overflow:hidden}._4jjkp4l{width:100%;color:var(--affine-v2-text-primary);flex-grow:1;flex-shrink:1;min-height:20px;font-size:12px;font-weight:400;line-height:20px;overflow:hidden}._4jjkp4m{width:20px;height:20px;color:var(--affine-v2-icon-primary);pointer-events:none;padding:2px;font-size:16px}._4jjkp4n{opacity:0;top:0;left:-4px;transform:translate(-100%)}._4jjkp4h:hover ._4jjkp4n{opacity:1}@container list-view-root (width<=750px){._4jjkp4f{display:none}}@container list-view-root (width<=560px){._4jjkp4g{display:none}}.bow5e70{background:var(--affine-v2-layer-background-primary)}.bow5e71{transition:width .2s ease-in-out}