._2fvjjq0{width:100%;height:100%}._2fvjjq1{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}._2fvjjq2{font-size:24px}._2fvjjq3{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}._2fvjjq3:hover{background-color:var(--affine-v2-layer-background-hoverOverlay)}._2fvjjq4{color:var(--affine-v2-icon-secondary);padding:5px 2px;position:absolute}._2fvjjq5{opacity:0;top:50%;left:-4px;transform:translateY(-50%)translate(-100%)}._2fvjjq3:hover ._2fvjjq5{opacity:1}._2fvjjq6{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}._2fvjjq6[data-select-mode=true]{width:24px;margin-left:0}._2fvjjq7{width:24px;height:24px;color:var(--affine-v2-icon-primary);justify-content:center;align-items:center;font-size:24px;display:flex}._2fvjjq8{flex:1;justify-content:space-between;align-items:center;gap:8px;width:0;height:100%;display:flex}._2fvjjq9{flex-direction:column;flex-shrink:10;justify-content:center;min-width:200px;height:100%;margin-left:4px;display:flex}._2fvjjqa{flex:1;width:0}._2fvjjqb{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._2fvjjqc{color:var(--affine-v2-text-primary);font-size:14px;font-weight:500;line-height:22px}._2fvjjqd{color:var(--affine-v2-text-secondary);font-size:12px;font-weight:400;line-height:20px}._2fvjjqe{flex-shrink:0;gap:8px;display:flex}._2fvjjqh{--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}._2fvjjq0[data-selected=true] ._2fvjjqh{--ring-color:var(--affine-v2-layer-insideBorder-primaryBorder)}._2fvjjqh:hover{border-color:var(--affine-v2-pagelist-hoverBorder)}[data-theme=light] ._2fvjjqh{box-shadow:var(--light-shadow)}[data-theme=light] ._2fvjjqh:hover{box-shadow:var(--light-shadow-hover)}[data-theme=dark] ._2fvjjqh{box-shadow:var(--dark-shadow)}[data-theme=dark] ._2fvjjqh:hover{box-shadow:var(--dark-shadow-hover)}._2fvjjqi{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}._2fvjjqj{color:var(--affine-v2-icon-primary);font-size:24px;line-height:0}._2fvjjqk{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}._2fvjjql{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}._2fvjjqm{width:20px;height:20px;color:var(--affine-v2-icon-primary);pointer-events:none;padding:2px;font-size:16px}._2fvjjqn{opacity:0;top:0;left:-4px;transform:translate(-100%)}._2fvjjqh:hover ._2fvjjqn{opacity:1}@container list-view-root (width<=750px){._2fvjjqf{display:none}}@container list-view-root (width<=560px){._2fvjjqg{display:none}}.it7ckc0{background:var(--affine-v2-layer-background-primary)}.it7ckc1{transition:width .2s ease-in-out}