._1n2gp6z0{width:100%;max-width:500px;color:var(--affine-v2-text-primary);border-radius:4px;outline:none;align-items:center;gap:8px;padding:4px 6px;display:flex;overflow:hidden}._1n2gp6z0:hover{cursor:pointer;background:var(--affine-hover-color)}._1n2gp6z1{flex:1;align-items:center;gap:8px;width:0;display:flex;position:relative}._1n2gp6z2{flex-shrink:0;line-height:0}._1n2gp6z3{pointer-events:none;opacity:.8}._1n2gp6z3:hover{cursor:default;background:0 0}._1n2gp6z4{--h:42px;height:var(--h);overflow:hidden}._1n2gp6z4[data-dense=true]{--h:22px}._1n2gp6z5{flex-direction:column;align-items:flex-start;transition:transform .5s cubic-bezier(.45,.21,0,1);display:flex;transform:translateY(0)}._1n2gp6z4[data-active=true] ._1n2gp6z5{transform:translateY(calc(var(--h) * -1))}._1n2gp6z6{border:.5px solid var(--affine-v2-layer-insideBorder-border)}._1n2gp6z7{width:100%;height:var(--h);flex-direction:column;flex-grow:1;justify-content:center;transition:opacity .5s cubic-bezier(.45,.21,0,1);display:flex;overflow:hidden}._1n2gp6z4[data-active=true] ._1n2gp6z7[data-type=normal],._1n2gp6z4[data-active=false] ._1n2gp6z7[data-type=events]{opacity:0}._1n2gp6z8{font-size:var(--affine-font-sm);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;width:100%;font-weight:500;line-height:22px;display:inline-block;overflow:hidden}._1n2gp6z9{font-size:var(--affine-font-xs);color:var(--affine-black-50);align-items:center;gap:2px;font-weight:400;line-height:20px;display:flex}._1n2gp6z9 svg{width:16px;height:16px;color:var(--affine-icon-secondary)}._1n2gp6za{font-size:var(--affine-font-sm);color:var(--affine-text-secondary-color);align-items:center;gap:2px;line-height:22px;display:flex}._1n2gp6za svg{width:16px;height:16px;color:var(--affine-icon-secondary);display:block}._1n2gp6zb{font-size:var(--affine-font-xs);min-height:20px;padding:0 8px;line-height:20px}._1n2gp6zc{flex-direction:column;flex:1;justify-content:center;display:flex;overflow:hidden}._1n2gp6zd{opacity:0}._1n2gp6z0:hover ._1n2gp6zd{opacity:1}._1n2gp6ze{color:var(--affine-v2-icon-secondary);font-size:14px}._1n2gp6zf{width:0;height:20px;color:var(--affine-v2-icon-primary);box-shadow:none;cursor:pointer;background:0 0;border-radius:4px;justify-content:center;place-items:center;margin-left:0;transition:all .13s;display:flex;overflow:hidden}._1n2gp6z0:hover ._1n2gp6zf{width:20px;box-shadow:var(--affine-button-shadow);background:var(--affine-v2-button-secondary)}._1n2gp6zg{align-items:center;gap:8px;display:flex;position:absolute;right:0}._1n2gp6z0:hover ._1n2gp6zg{position:relative}._1n2gp6zg:empty{display:none}._1n2gp6zh{color:var(--affine-v2-icon-activated);font-size:14px}._1n2gp6zi{align-items:center;gap:8px;display:flex}._1n2gp6zi:empty{display:none}